@sendbird/uikit-react 3.18.4 → 3.19.1

package/cjs/chunks/{bundle-Dh4nzXY4.js → bundle-j4cGI5gA.js}

@@ -1,29 +1,29 @@
 'use strict';
 
-var _tslib = require('./bundle-Bd2CeRt-.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
 var React = require('react');
 var ui_Button = require('../ui/Button.js');
-var ui_ContextMenu = require('./bundle-D52jViYf.js');
+var ui_ContextMenu = require('./bundle-C9GcKAkh.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_IconButton = require('../ui/IconButton.js');
-var ui_Label = require('./bundle-DaHh2cJb.js');
+var ui_Label = require('./bundle-D5R5oz-w.js');
 var SendbirdChat = require('@sendbird/chat');
-var LocalizationContext = require('./bundle-DC_iv7UY.js');
-var UserProfileContext = require('./bundle-Bdq9hoDy.js');
+var LocalizationContext = require('./bundle-DVG2hpdo.js');
+var UserProfileContext = require('./bundle-Dw2H_2es.js');
 require('../ui/AccordionGroup.js');
-var ui_Avatar = require('./bundle-xWe8b62h.js');
+var ui_Avatar = require('./bundle-DuTwIXJL.js');
 require('react-dom');
-require('./bundle-8cYI_dYy.js');
-require('./bundle-DiOxeQAO.js');
+require('./bundle-DZj7-mS5.js');
+require('./bundle-BfHkhYY2.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
 var ui_MutedAvatarOverlay = require('../ui/MutedAvatarOverlay.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
 var OpenChannelSettings_context = require('../OpenChannelSettings/context.js');
-var ui_Modal = require('./bundle-BED5_NT-.js');
+var ui_Modal = require('./bundle-mTS4SiT7.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-DWY7_S-1.js');
-var useSendbird = require('./bundle-QhRhypRr.js');
+var utils = require('./bundle-BLC4ozU7.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -216,4 +216,4 @@ function ParticipantList(_a) {
 
 exports.ParticipantList = ParticipantList;
 exports.UserListItem = UserListItem;
-//# sourceMappingURL=bundle-Dh4nzXY4.js.map
+//# sourceMappingURL=bundle-j4cGI5gA.js.map

package/cjs/chunks/bundle-j4cGI5gA.js.map

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

package/cjs/chunks/{bundle-CYSJJmTZ.js → bundle-jCXQr90Q.js}

@@ -1,21 +1,21 @@
 'use strict';
 
-var _tslib = require('./bundle-Bd2CeRt-.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('./bundle--7hPuXVE.js');
-var UserProfileContext = require('./bundle-Bdq9hoDy.js');
-var SendbirdContext = require('./bundle-DiOxeQAO.js');
+var utils = require('./bundle-DLqx7Buy.js');
+var UserProfileContext = require('./bundle-Dw2H_2es.js');
+var SendbirdContext = require('./bundle-BfHkhYY2.js');
 var SendbirdChat = require('@sendbird/chat');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./bundle-DhODbqF3.js');
-var compareIds = require('./bundle-kCEJbgLb.js');
+var uuid = require('./bundle-C2tUD775.js');
+var compareIds = require('./bundle-BTo81kaf.js');
 var uikitTools = require('@sendbird/uikit-tools');
 var Thread_context_types = require('../Thread/context/types.js');
-var useSendbird = require('./bundle-QhRhypRr.js');
-var useDeepCompareEffect = require('./bundle-CsAon8YT.js');
-var pubSub_topics = require('./bundle-BmMGEkJA.js');
-var consts = require('./bundle-CrpqUlR3.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
+var useDeepCompareEffect = require('./bundle-CvJYjyDC.js');
+var pubSub_topics = require('./bundle-DSbEWQGt.js');
+var consts = require('./bundle-9Sehl3xr.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -45,16 +45,18 @@ function useToggleReactionCallback(_a, _b) {
 var scrollToLastAfterSend = function () {
     setTimeout(function () { return utils.scrollIntoLast(); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
 };
-var attachLocalFilePreview = function (pendingMessage, file) {
+var attachLocalFilePreview = function (pendingMessage, file, localFilePreviews) {
     var localUrl = URL.createObjectURL(file);
     var localFileMessage = pendingMessage;
     localFileMessage.localUrl = localUrl;
     localFileMessage.file = file;
+    if (pendingMessage.reqId)
+        localFilePreviews.set(pendingMessage.reqId, { localUrl: localUrl, file: file });
     return localUrl;
 };
 function useThreadMessageActions(state, _a) {
     var logger = _a.logger, pubSub = _a.pubSub, isMentionEnabled = _a.isMentionEnabled;
-    var currentChannel = state.currentChannel, onBeforeSendUserMessage = state.onBeforeSendUserMessage, onBeforeSendFileMessage = state.onBeforeSendFileMessage, onBeforeSendVoiceMessage = state.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = state.onBeforeSendMultipleFilesMessage, dsSendUserMessage = state.dsSendUserMessage, dsSendFileMessage = state.dsSendFileMessage, dsSendMultipleFilesMessage = state.dsSendMultipleFilesMessage, dsUpdateUserMessage = state.dsUpdateUserMessage, dsResendMessage = state.dsResendMessage, dsDeleteMessage = state.dsDeleteMessage;
+    var currentChannel = state.currentChannel, onBeforeSendUserMessage = state.onBeforeSendUserMessage, onBeforeSendFileMessage = state.onBeforeSendFileMessage, onBeforeSendVoiceMessage = state.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = state.onBeforeSendMultipleFilesMessage, dsSendUserMessage = state.dsSendUserMessage, dsSendFileMessage = state.dsSendFileMessage, dsSendMultipleFilesMessage = state.dsSendMultipleFilesMessage, dsUpdateUserMessage = state.dsUpdateUserMessage, dsResendMessage = state.dsResendMessage, dsDeleteMessage = state.dsDeleteMessage, localFilePreviews = state.localFilePreviews;
     var sendMessage = React.useCallback(function (props) {
         var _a;
         var message = props.message, quoteMessage = props.quoteMessage, mentionTemplate = props.mentionTemplate, mentionedUsers = props.mentionedUsers;
@@ -92,6 +94,15 @@ function useThreadMessageActions(state, _a) {
     }, [dsSendUserMessage, onBeforeSendUserMessage, currentChannel, isMentionEnabled]);
     var sendFileMessage = React.useCallback(function (file, quoteMessage) {
         var _a;
+        if (!dsSendFileMessage || !currentChannel) {
+            var error = new Error('Thread | useThreadMessageActions: Sending file message cannot be sent because current channel or data source is unavailable.');
+            logger.warning('Thread | useThreadMessageActions: Sending file message failed, because current channel or data source is unavailable.', {
+                currentChannel: currentChannel,
+                dsSendFileMessage: dsSendFileMessage,
+                error: error,
+            });
+            return Promise.reject(error);
+        }
         var createParamsDefault = function () {
             var params = {};
             params.file = file;
@@ -102,17 +113,23 @@ function useThreadMessageActions(state, _a) {
             return params;
         };
         var params = (_a = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(file, quoteMessage)) !== null && _a !== void 0 ? _a : createParamsDefault();
-        if (!dsSendFileMessage || !currentChannel)
-            return Promise.resolve(null);
         logger.info('Thread | useThreadMessageActions: Sending file message start.', params);
         var localPreviewUrl;
+        var pendingReqId;
         return dsSendFileMessage(params, function (pendingMessage) {
-            localPreviewUrl = attachLocalFilePreview(pendingMessage, file);
+            pendingReqId = pendingMessage.reqId;
+            localPreviewUrl = attachLocalFilePreview(pendingMessage, file, localFilePreviews);
             scrollToLastAfterSend();
         })
             .then(function (sentMessage) {
-            if (localPreviewUrl)
+            var preview = pendingReqId && localFilePreviews.get(pendingReqId);
+            if (preview) {
+                URL.revokeObjectURL(preview.localUrl);
+                localFilePreviews.delete(pendingReqId);
+            }
+            else if (localPreviewUrl) {
                 URL.revokeObjectURL(localPreviewUrl);
+            }
             pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                 channel: currentChannel,
                 message: sentMessage,
@@ -120,7 +137,7 @@ function useThreadMessageActions(state, _a) {
             });
             return sentMessage;
         });
-    }, [dsSendFileMessage, onBeforeSendFileMessage, currentChannel]);
+    }, [dsSendFileMessage, onBeforeSendFileMessage, currentChannel, localFilePreviews]);
     var sendVoiceMessage = React.useCallback(function (file, duration, quoteMessage) {
         var params = (onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function')
             ? onBeforeSendVoiceMessage(file, quoteMessage)
@@ -141,13 +158,21 @@ function useThreadMessageActions(state, _a) {
             return;
         logger.info('Thread | useThreadMessageActions: Sending voice message start.', params);
         var localPreviewUrl;
+        var pendingReqId;
         dsSendFileMessage(params, function (pendingMessage) {
-            localPreviewUrl = attachLocalFilePreview(pendingMessage, file);
+            pendingReqId = pendingMessage.reqId;
+            localPreviewUrl = attachLocalFilePreview(pendingMessage, file, localFilePreviews);
             scrollToLastAfterSend();
         })
             .then(function (sentMessage) {
-            if (localPreviewUrl)
+            var preview = pendingReqId && localFilePreviews.get(pendingReqId);
+            if (preview) {
+                URL.revokeObjectURL(preview.localUrl);
+                localFilePreviews.delete(pendingReqId);
+            }
+            else if (localPreviewUrl) {
                 URL.revokeObjectURL(localPreviewUrl);
+            }
             pubSub.publish(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, {
                 channel: currentChannel,
                 message: sentMessage,
@@ -157,9 +182,23 @@ function useThreadMessageActions(state, _a) {
             .catch(function (error) {
             logger.info('Thread | useThreadMessageActions: Sending voice message failed.', error);
         });
-    }, [dsSendFileMessage, onBeforeSendVoiceMessage, currentChannel]);
+    }, [dsSendFileMessage, onBeforeSendVoiceMessage, currentChannel, localFilePreviews]);
     var sendMultipleFilesMessage = React.useCallback(function (files, quoteMessage) {
         var _a;
+        if (files.length <= 1) {
+            var error = new Error('Thread | useThreadMessageActions: Sending multiple files message requires at least two files.');
+            logger.warning('Thread | useThreadMessageActions: Sending multiple files message failed, because there are no multiple files.', { files: files, error: error });
+            return Promise.reject(error);
+        }
+        if (!dsSendMultipleFilesMessage || !currentChannel) {
+            var error = new Error('Thread | useThreadMessageActions: Sending multiple files message cannot be sent because current channel or data source is unavailable.');
+            logger.warning('Thread | useThreadMessageActions: Sending multiple files message failed, because current channel or data source is unavailable.', {
+                currentChannel: currentChannel,
+                dsSendMultipleFilesMessage: dsSendMultipleFilesMessage,
+                error: error,
+            });
+            return Promise.reject(error);
+        }
         var createParamsDefault = function () {
             var params = {
                 fileInfoList: files.map(function (file) { return ({
@@ -176,8 +215,6 @@ function useThreadMessageActions(state, _a) {
             return params;
         };
         var params = (_a = onBeforeSendMultipleFilesMessage === null || onBeforeSendMultipleFilesMessage === void 0 ? void 0 : onBeforeSendMultipleFilesMessage(files, quoteMessage)) !== null && _a !== void 0 ? _a : createParamsDefault();
-        if (!dsSendMultipleFilesMessage || !currentChannel)
-            return Promise.resolve(null);
         logger.info('Thread | useThreadMessageActions: Sending multiple files message start.', params);
         return dsSendMultipleFilesMessage(params, function () { return scrollToLastAfterSend(); })
             .then(function (sentMessage) {
@@ -221,12 +258,29 @@ function useThreadMessageActions(state, _a) {
             logger.warning('Thread | useThreadMessageActions: Message update failed.', error);
         });
     }, [dsUpdateUserMessage, currentChannel, isMentionEnabled]);
-    var deleteMessage = React.useCallback(function (message) {
+    var deleteMessage = React.useCallback(function (message$1) {
         if (!dsDeleteMessage)
             return Promise.resolve();
-        logger.info('Thread | useThreadMessageActions: Deleting message.', message);
-        return dsDeleteMessage(message);
-    }, [dsDeleteMessage]);
+        logger.info('Thread | useThreadMessageActions: Deleting message.', message$1);
+        return dsDeleteMessage(message$1)
+            .then(function () {
+            var preview = message$1.reqId && localFilePreviews.get(message$1.reqId);
+            if (preview) {
+                URL.revokeObjectURL(preview.localUrl);
+                localFilePreviews.delete(message$1.reqId);
+            }
+        })
+            .catch(function (error) {
+            if (message$1.sendingStatus !== message.SendingStatus.SUCCEEDED && currentChannel) {
+                var preview = message$1.reqId && localFilePreviews.get(message$1.reqId);
+                if (preview) {
+                    URL.revokeObjectURL(preview.localUrl);
+                    localFilePreviews.delete(message$1.reqId);
+                }
+            }
+            throw error;
+        });
+    }, [dsDeleteMessage, localFilePreviews, currentChannel]);
     var resendMessage = React.useCallback(function (failedMessage) {
         if (!(failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) || !dsResendMessage || !currentChannel) {
             logger.warning('Thread | useThreadMessageActions: Message is not resendable.', failedMessage);
@@ -277,36 +331,117 @@ var useThread = function () {
     var state = SendbirdContext.shimExports.useSyncExternalStore(store.subscribe, store.getState);
     var currentChannel = state.currentChannel;
     var toggleReaction = useToggleReactionCallback({ currentChannel: currentChannel }, { logger: logger });
-    var initializeThreadFetcher = React.useCallback(function (callback) {
-        var _a = store.getState(), resetWithStartingPoint = _a.resetWithStartingPoint, anchorMessage = _a.message, parentMessage = _a.parentMessage;
-        if (!resetWithStartingPoint)
-            return;
-        // Mirror ThreadProvider's initial startingPoint: anchor at the specific reply when entering from
-        // one, otherwise open at the latest edge (MAX). parentMessage.createdAt would anchor at the oldest
-        // edge (replies are created after the parent), hiding the latest replies behind hasMoreNext.
-        var startingPoint = (anchorMessage && parentMessage && anchorMessage.messageId !== parentMessage.messageId)
-            ? anchorMessage.createdAt
-            : Number.MAX_SAFE_INTEGER;
-        resetWithStartingPoint(startingPoint).then(function () {
-            setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(store.getState().allThreadMessages); });
+    var initializeThreadFetcher = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var _a, resetWithStartingPoint, anchorMessage, parentMessage, startingPoint, page, error_1;
+        return _tslib.__generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    _a = store.getState(), resetWithStartingPoint = _a.resetWithStartingPoint, anchorMessage = _a.message, parentMessage = _a.parentMessage;
+                    if (!resetWithStartingPoint)
+                        return [2 /*return*/];
+                    startingPoint = (anchorMessage && parentMessage && anchorMessage.messageId !== parentMessage.messageId)
+                        ? anchorMessage.createdAt
+                        : Number.MAX_SAFE_INTEGER;
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, resetWithStartingPoint(startingPoint, function (messages) {
+                            page = messages;
+                        })];
+                case 2:
+                    _b.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    logger.warning('Thread resetWithStartingPoint failed', error_1);
+                    return [2 /*return*/];
+                case 4:
+                    // onFetched fires only when the fetch succeeded (an empty page arrives as []), so `undefined`
+                    // means the load failed or was guarded upstream — settle without the callback (pre-v3.18.3 behavior).
+                    if (page === undefined)
+                        return [2 /*return*/];
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            setTimeout(resolve);
+                        })];
+                case 5:
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    _b.sent();
+                    callback === null || callback === void 0 ? void 0 : callback(page);
+                    return [2 /*return*/];
+            }
         });
-    }, [store]);
-    var fetchPrevThreads = React.useCallback(function (callback) {
-        var loadPrevious = store.getState().loadPrevious;
-        if (!loadPrevious)
-            return;
-        loadPrevious().then(function () {
-            setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(store.getState().allThreadMessages); });
+    }); }, [store, logger]);
+    var fetchPrevThreads = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var loadPrevious, page;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    loadPrevious = store.getState().loadPrevious;
+                    if (!loadPrevious)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, loadPrevious(function (messages) {
+                            page = messages;
+                        })];
+                case 1:
+                    _a.sent();
+                    // onFetched fires only when the fetch succeeded (an empty page arrives as []), so `undefined`
+                    // means the load failed or was guarded upstream — settle without the callback (pre-v3.18.3 behavior).
+                    if (page === undefined)
+                        return [2 /*return*/];
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            setTimeout(resolve);
+                        })];
+                case 2:
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    _a.sent();
+                    callback === null || callback === void 0 ? void 0 : callback(page);
+                    return [2 /*return*/];
+            }
         });
-    }, [store]);
-    var fetchNextThreads = React.useCallback(function (callback) {
-        var loadNext = store.getState().loadNext;
-        if (!loadNext)
-            return;
-        loadNext().then(function () {
-            setTimeout(function () { return callback === null || callback === void 0 ? void 0 : callback(store.getState().allThreadMessages); });
+    }); }, [store]);
+    var fetchNextThreads = React.useCallback(function (callback) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var loadNext, page;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    loadNext = store.getState().loadNext;
+                    if (!loadNext)
+                        return [2 /*return*/];
+                    return [4 /*yield*/, loadNext(function (messages) {
+                            page = messages;
+                        })];
+                case 1:
+                    _a.sent();
+                    // onFetched fires only when the fetch succeeded (an empty page arrives as []), so `undefined`
+                    // means the load failed or was guarded upstream — settle without the callback (pre-v3.18.3 behavior).
+                    if (page === undefined)
+                        return [2 /*return*/];
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            setTimeout(resolve);
+                        })];
+                case 2:
+                    // Deliberate one-tick deferral, do not remove: onFetched fires before the collection state is
+                    // mirrored into this store and before React commits the new replies, and ThreadUI's scroll
+                    // restoration in this callback expects to run after that render.
+                    _a.sent();
+                    callback === null || callback === void 0 ? void 0 : callback(page);
+                    return [2 /*return*/];
+            }
         });
-    }, [store]);
+    }); }, [store]);
     var messageActions = useThreadMessageActions(state, { logger: logger, pubSub: pubSub, isMentionEnabled: isMentionEnabled });
     var simpleActions = {
         setCurrentUserId: React.useCallback(function (currentUserId) { return store.setState(function (state) { return (_tslib.__assign(_tslib.__assign({}, state), { currentUserId: currentUserId })); }); }, [store]),
@@ -619,6 +754,7 @@ var initialState = function () { return ({
     currentUserId: '',
     typingMembers: [],
     nicknamesMap: null,
+    localFilePreviews: new Map(),
 }); };
 var ThreadContext = React__default.default.createContext(null);
 var createThreadStore = function (props) { return SendbirdContext.createStore(_tslib.__assign(_tslib.__assign({}, initialState()), props)); };
@@ -642,7 +778,7 @@ var InternalThreadProvider = function (props) {
 };
 var ThreadManager = function (props) {
     var message$1 = props.message, channelUrl = props.channelUrl, onHeaderActionClick = props.onHeaderActionClick, onMoveToParentMessage = props.onMoveToParentMessage, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
-    var _a = useThread().state, currentChannel = _a.currentChannel, parentMessage = _a.parentMessage, parentMessageState = _a.parentMessageState;
+    var _a = useThread().state, currentChannel = _a.currentChannel, parentMessage = _a.parentMessage, parentMessageState = _a.parentMessageState, localFilePreviews = _a.localFilePreviews;
     var updateState = useThreadStore().updateState;
     var propsParentMessage = utils.getParentMessageFrom(message$1);
     // Context from SendbirdProvider
@@ -738,6 +874,13 @@ var ThreadManager = function (props) {
     var hasMorePrev = threadDataSource.hasPrevious();
     var hasMoreNext = threadDataSource.hasNext();
     var store = React.useContext(ThreadContext);
+    React.useEffect(function () {
+        return function () {
+            var previews = store === null || store === void 0 ? void 0 : store.getState().localFilePreviews;
+            previews === null || previews === void 0 ? void 0 : previews.forEach(function (preview) { return URL.revokeObjectURL(preview.localUrl); });
+            previews === null || previews === void 0 ? void 0 : previews.clear();
+        };
+    }, [store]);
     var messagesSyncKey = threadDataSource.messages
         .map(function (message) {
         var uploadParams = message.messageParams;
@@ -748,12 +891,30 @@ var ThreadManager = function (props) {
     })
         .join('~');
     React.useEffect(function () {
-        if (!parentMessage)
+        if (!parentMessage) {
+            localFilePreviews.forEach(function (preview) { return URL.revokeObjectURL(preview.localUrl); });
+            localFilePreviews.clear();
             return;
+        }
+        var scopedMessages = threadDataSource.messages;
+        scopedMessages.forEach(function (message$1) {
+            var _a, _b;
+            var sendableMessage = message$1;
+            var preview = localFilePreviews.get(sendableMessage.reqId);
+            if (!preview)
+                return;
+            if (sendableMessage.sendingStatus === message.SendingStatus.SUCCEEDED) {
+                URL.revokeObjectURL(preview.localUrl);
+                localFilePreviews.delete(sendableMessage.reqId);
+                return;
+            }
+            var localFileMessage = message$1;
+            (_a = localFileMessage.localUrl) !== null && _a !== void 0 ? _a : (localFileMessage.localUrl = preview.localUrl);
+            (_b = localFileMessage.file) !== null && _b !== void 0 ? _b : (localFileMessage.file = preview.file);
+        });
         // core-ts scopes the collection to this thread's replies (belongsToThread on the event/fetch and
         // send/resend paths), so mirror them as-is. Split into the legacy public shape: allThreadMessages =
         // succeeded (server) messages, localThreadMessages = pending/failed; threadMessages = all of them.
-        var scopedMessages = threadDataSource.messages;
         var localThreadMessages = scopedMessages.filter(function (m) {
             var sendingStatus = m.sendingStatus;
             return sendingStatus === message.SendingStatus.PENDING || sendingStatus === message.SendingStatus.FAILED;
@@ -820,4 +981,4 @@ exports.ThreadManager = ThreadManager;
 exports.ThreadProvider = ThreadProvider;
 exports.useThread = useThread;
 exports.useThreadContext = useThreadContext;
-//# sourceMappingURL=bundle-CYSJJmTZ.js.map
+//# sourceMappingURL=bundle-jCXQr90Q.js.map

package/cjs/chunks/bundle-jCXQr90Q.js.map

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

package/cjs/chunks/{bundle-Dbz2Ubg9.js → bundle-jv42QCA3.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./bundle-Cj4VDHJV.js');
-var index = require('./bundle-BhCNmnks.js');
-var index$2 = require('./bundle-aa_brO8M.js');
+var index$1 = require('./bundle-DJgtD10k.js');
+var index = require('./bundle-BlWFu4n8.js');
+var index$2 = require('./bundle-gNBuqH1r.js');
 
 /**
  * @name isToday
@@ -167,4 +167,4 @@ function isYesterday(dirtyDate) {
 exports.isThisYear = isThisYear;
 exports.isToday = isToday;
 exports.isYesterday = isYesterday;
-//# sourceMappingURL=bundle-Dbz2Ubg9.js.map
+//# sourceMappingURL=bundle-jv42QCA3.js.map

package/cjs/chunks/{bundle-Dbz2Ubg9.js.map → bundle-jv42QCA3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-Dbz2Ubg9.js","sources":["../../../node_modules/date-fns/esm/isToday/index.js","../../../node_modules/date-fns/esm/isSameYear/index.js","../../../node_modules/date-fns/esm/isThisYear/index.js","../../../node_modules/date-fns/esm/addDays/index.js","../../../node_modules/date-fns/esm/subDays/index.js","../../../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\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 year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":["requiredArgs","isSameDay","toDate","toInteger"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE;AAC3C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAOC,iBAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;AACzC;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE;AAClE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,QAAQ,GAAGE,YAAM,CAAC,aAAa,CAAC;AACtC,EAAE,IAAI,SAAS,GAAGA,YAAM,CAAC,cAAc,CAAC;AACxC,EAAE,OAAO,QAAQ,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE;AAC3D;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEF,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;AAC1C;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGE,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,MAAM,GAAGC,iBAAS,CAAC,WAAW,CAAC;AACrC,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AACrB,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;AACxB,EAAE;AACF,EAAE,IAAI,CAAC,MAAM,EAAE;AACf;AACA,IAAI,OAAO,IAAI;AACf,EAAE;AACF,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC;AACvC,EAAE,OAAO,IAAI;AACb;;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAEH,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,MAAM,GAAGG,iBAAS,CAAC,WAAW,CAAC;AACrC,EAAE,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC;AACpC;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAEH,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAOC,iBAAS,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AACrD;;;;;;","x_google_ignoreList":[0,1,2,3,4,5]}
+{"version":3,"file":"bundle-jv42QCA3.js","sources":["../../../node_modules/date-fns/esm/isToday/index.js","../../../node_modules/date-fns/esm/isSameYear/index.js","../../../node_modules/date-fns/esm/isThisYear/index.js","../../../node_modules/date-fns/esm/addDays/index.js","../../../node_modules/date-fns/esm/subDays/index.js","../../../node_modules/date-fns/esm/isYesterday/index.js"],"sourcesContent":["import isSameDay from \"../isSameDay/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isToday\n * @category Day Helpers\n * @summary Is the given date today?\n * @pure false\n *\n * @description\n * Is the given date today?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is today\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 6 October 14:00:00 today?\n * const result = isToday(new Date(2014, 9, 6, 14, 0))\n * //=> true\n */\nexport default function isToday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, Date.now());\n}","import toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isSameYear\n * @category Year Helpers\n * @summary Are the given dates in the same year?\n *\n * @description\n * Are the given dates in the same year?\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 year\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Are 2 September 2014 and 25 September 2014 in the same year?\n * const result = isSameYear(new Date(2014, 8, 2), new Date(2014, 8, 25))\n * //=> true\n */\nexport default function isSameYear(dirtyDateLeft, dirtyDateRight) {\n  requiredArgs(2, arguments);\n  var dateLeft = toDate(dirtyDateLeft);\n  var dateRight = toDate(dirtyDateRight);\n  return dateLeft.getFullYear() === dateRight.getFullYear();\n}","import isSameYear from \"../isSameYear/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isThisYear\n * @category Year Helpers\n * @summary Is the given date in the same year as the current date?\n * @pure false\n *\n * @description\n * Is the given date in the same year as the current date?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is in this year\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 25 September 2014, is 2 July 2014 in this year?\n * const result = isThisYear(new Date(2014, 6, 2))\n * //=> true\n */\nexport default function isThisYear(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameYear(dirtyDate, Date.now());\n}","import toInteger from \"../_lib/toInteger/index.js\";\nimport toDate from \"../toDate/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name addDays\n * @category Day Helpers\n * @summary Add the specified number of days to the given date.\n *\n * @description\n * Add the specified number of days to the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be added. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} - the new date with the days added\n * @throws {TypeError} - 2 arguments required\n *\n * @example\n * // Add 10 days to 1 September 2014:\n * const result = addDays(new Date(2014, 8, 1), 10)\n * //=> Thu Sep 11 2014 00:00:00\n */\nexport default function addDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var date = toDate(dirtyDate);\n  var amount = toInteger(dirtyAmount);\n  if (isNaN(amount)) {\n    return new Date(NaN);\n  }\n  if (!amount) {\n    // If 0 days, no-op to avoid changing times in the hour before end of DST\n    return date;\n  }\n  date.setDate(date.getDate() + amount);\n  return date;\n}","import addDays from \"../addDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\nimport toInteger from \"../_lib/toInteger/index.js\";\n/**\n * @name subDays\n * @category Day Helpers\n * @summary Subtract the specified number of days from the given date.\n *\n * @description\n * Subtract the specified number of days from the given date.\n *\n * @param {Date|Number} date - the date to be changed\n * @param {Number} amount - the amount of days to be subtracted. Positive decimals will be rounded using `Math.floor`, decimals less than zero will be rounded using `Math.ceil`.\n * @returns {Date} the new date with the days subtracted\n * @throws {TypeError} 2 arguments required\n *\n * @example\n * // Subtract 10 days from 1 September 2014:\n * const result = subDays(new Date(2014, 8, 1), 10)\n * //=> Fri Aug 22 2014 00:00:00\n */\nexport default function subDays(dirtyDate, dirtyAmount) {\n  requiredArgs(2, arguments);\n  var amount = toInteger(dirtyAmount);\n  return addDays(dirtyDate, -amount);\n}","import isSameDay from \"../isSameDay/index.js\";\nimport subDays from \"../subDays/index.js\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name isYesterday\n * @category Day Helpers\n * @summary Is the given date yesterday?\n * @pure false\n *\n * @description\n * Is the given date yesterday?\n *\n * > ⚠️ Please note that this function is not present in the FP submodule as\n * > it uses `Date.now()` internally hence impure and can't be safely curried.\n *\n * @param {Date|Number} date - the date to check\n * @returns {Boolean} the date is yesterday\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // If today is 6 October 2014, is 5 October 14:00:00 yesterday?\n * const result = isYesterday(new Date(2014, 9, 5, 14, 0))\n * //=> true\n */\nexport default function isYesterday(dirtyDate) {\n  requiredArgs(1, arguments);\n  return isSameDay(dirtyDate, subDays(Date.now(), 1));\n}"],"names":["requiredArgs","isSameDay","toDate","toInteger"],"mappings":";;;;;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE;AAC3C,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAOC,iBAAS,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;AACzC;;ACxBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,aAAa,EAAE,cAAc,EAAE;AAClE,EAAED,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,QAAQ,GAAGE,YAAM,CAAC,aAAa,CAAC;AACtC,EAAE,IAAI,SAAS,GAAGA,YAAM,CAAC,cAAc,CAAC;AACxC,EAAE,OAAO,QAAQ,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE;AAC3D;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,UAAU,CAAC,SAAS,EAAE;AAC9C,EAAEF,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAO,UAAU,CAAC,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;AAC1C;;ACvBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAEA,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,IAAI,GAAGE,YAAM,CAAC,SAAS,CAAC;AAC9B,EAAE,IAAI,MAAM,GAAGC,iBAAS,CAAC,WAAW,CAAC;AACrC,EAAE,IAAI,KAAK,CAAC,MAAM,CAAC,EAAE;AACrB,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC;AACxB,EAAE;AACF,EAAE,IAAI,CAAC,MAAM,EAAE;AACf;AACA,IAAI,OAAO,IAAI;AACf,EAAE;AACF,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,MAAM,CAAC;AACvC,EAAE,OAAO,IAAI;AACb;;AC/BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,OAAO,CAAC,SAAS,EAAE,WAAW,EAAE;AACxD,EAAEH,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,IAAI,MAAM,GAAGG,iBAAS,CAAC,WAAW,CAAC;AACrC,EAAE,OAAO,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC;AACpC;;ACtBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,WAAW,CAAC,SAAS,EAAE;AAC/C,EAAEH,kBAAY,CAAC,CAAC,EAAE,SAAS,CAAC;AAC5B,EAAE,OAAOC,iBAAS,CAAC,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,CAAC;AACrD;;;;;;","x_google_ignoreList":[0,1,2,3,4,5]}

package/cjs/chunks/{bundle-DSnPZOtl.js → bundle-loE0rdsj.js}

@@ -1,21 +1,21 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('./bundle-DC_iv7UY.js');
-var UserProfileContext = require('./bundle-Bdq9hoDy.js');
-var _tslib = require('./bundle-Bd2CeRt-.js');
-var compareIds = require('./bundle-kCEJbgLb.js');
-var pubSub_topics = require('./bundle-BmMGEkJA.js');
+var LocalizationContext = require('./bundle-DVG2hpdo.js');
+var UserProfileContext = require('./bundle-Dw2H_2es.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
+var compareIds = require('./bundle-BTo81kaf.js');
+var pubSub_topics = require('./bundle-DSbEWQGt.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var uuid = require('./bundle-DhODbqF3.js');
-var compressImages = require('./bundle-CnXN7u83.js');
+var uuid = require('./bundle-C2tUD775.js');
+var compressImages = require('./bundle-6InUoyPi.js');
 var hooks_useModal = require('../hooks/useModal.js');
-var consts = require('./bundle-CrpqUlR3.js');
-var ui_Modal = require('./bundle-BED5_NT-.js');
-require('./bundle-DaHh2cJb.js');
+var consts = require('./bundle-9Sehl3xr.js');
+var ui_Modal = require('./bundle-mTS4SiT7.js');
+require('./bundle-D5R5oz-w.js');
 var ui_Button = require('../ui/Button.js');
-var useSendbird = require('./bundle-QhRhypRr.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -1271,8 +1271,8 @@ var OpenChannelProvider = function (props) {
         }
         subscriber.set(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_USER_MESSAGE, function (msg) {
             var channel = msg.channel, message = msg.message;
-            scrollIntoLast(0, conversationScrollRef);
             if (channel && (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url))) {
+                scrollIntoLast(0, conversationScrollRef);
                 messagesDispatcher({
                     type: SENDING_MESSAGE_SUCCEEDED,
                     payload: message,
@@ -1290,8 +1290,8 @@ var OpenChannelProvider = function (props) {
         }));
         subscriber.set(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, pubSub.subscribe(pubSub_topics.pubSubTopics.SEND_FILE_MESSAGE, function (msg) {
             var channel = msg.channel, message = msg.message;
-            scrollIntoLast(0, conversationScrollRef);
             if (channel && (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url))) {
+                scrollIntoLast(0, conversationScrollRef);
                 messagesDispatcher({
                     type: SENDING_MESSAGE_SUCCEEDED,
                     payload: { message: message, channel: channel },
@@ -1383,4 +1383,4 @@ var useOpenChannelContext = function () {
 exports.OpenChannelProvider = OpenChannelProvider;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=bundle-DSnPZOtl.js.map
+//# sourceMappingURL=bundle-loE0rdsj.js.map

package/cjs/chunks/{bundle-DSnPZOtl.js.map → bundle-loE0rdsj.js.map}

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

package/cjs/chunks/{bundle-BED5_NT-.js → bundle-mTS4SiT7.js}

@@ -1,17 +1,17 @@
 'use strict';
 
-var _tslib = require('./bundle-Bd2CeRt-.js');
+var _tslib = require('./bundle-BlnqgTCz.js');
 var React = require('react');
 var reactDom = require('react-dom');
-var utils = require('./bundle-DWY7_S-1.js');
-var LocalizationContext = require('./bundle-DC_iv7UY.js');
-var MediaQueryContext = require('./bundle-8cYI_dYy.js');
+var utils = require('./bundle-BLC4ozU7.js');
+var LocalizationContext = require('./bundle-DVG2hpdo.js');
+var MediaQueryContext = require('./bundle-DZj7-mS5.js');
 var ui_IconButton = require('../ui/IconButton.js');
 var ui_Button = require('../ui/Button.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-DaHh2cJb.js');
-var uuid = require('./bundle-DhODbqF3.js');
-var useSendbird = require('./bundle-QhRhypRr.js');
+var ui_Label = require('./bundle-D5R5oz-w.js');
+var uuid = require('./bundle-C2tUD775.js');
+var useSendbird = require('./bundle-Dg_km9je.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -73,4 +73,4 @@ exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;
 exports.ModalHeader = ModalHeader;
 exports.ModalRoot = ModalRoot;
-//# sourceMappingURL=bundle-BED5_NT-.js.map
+//# sourceMappingURL=bundle-mTS4SiT7.js.map

package/cjs/chunks/bundle-mTS4SiT7.js.map

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