@sendbird/uikit-react 3.14.5 → 3.14.6

package/cjs/Channel/components/TypingIndicator.js

@@ -3,14 +3,14 @@
 var GroupChannel_components_TypingIndicator = require('../../GroupChannel/components/TypingIndicator.js');
 require('react');
 require('@sendbird/chat/groupChannel');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-DY5rfl6W.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-OWb8eJt-.js');
+require('../../chunks/bundle-1A4pOyri.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-YRiE_c63.js');
 
 
 

package/cjs/Channel/components/UnreadCount.js

@@ -2,14 +2,14 @@
 
 var GroupChannel_components_UnreadCount = require('../../GroupChannel/components/UnreadCount.js');
 require('react');
-require('../../chunks/bundle-B7wJ4Hqk.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-Deao1Upp.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+require('../../chunks/bundle-OWb8eJt-.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DY5rfl6W.js');
 require('../../ui/Icon.js');
-require('../../chunks/bundle-CLte647H.js');
-require('../../chunks/bundle-CjYhSLRD.js');
+require('../../chunks/bundle-DOoshvnj.js');
+require('../../chunks/bundle-Cd-3W3UM.js');
 
 
 

package/cjs/Channel/context.js

@@ -1,28 +1,28 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
+var UserProfileContext = require('../chunks/bundle-DTzydpqA.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var _const = require('../chunks/bundle-B2KKkvdj.js');
-var utils = require('../chunks/bundle-D1X4MKLh.js');
-var getIsReactionEnabled = require('../chunks/bundle-30fh5iPx.js');
-var _tslib = require('../chunks/bundle-C-r9vRgc.js');
-var index$1 = require('../chunks/bundle-CjYhSLRD.js');
+var _const = require('../chunks/bundle-CuOOXDK0.js');
+var utils = require('../chunks/bundle-BBsKv3Vz.js');
+var getIsReactionEnabled = require('../chunks/bundle-H13ErLKW.js');
+var _tslib = require('../chunks/bundle-eTYC1RPT.js');
+var index$1 = require('../chunks/bundle-Cd-3W3UM.js');
 var message = require('@sendbird/chat/message');
-var index = require('../chunks/bundle-Cw7xe6J1.js');
-var actionTypes = require('../chunks/bundle-IE4yQ0qq.js');
-var compareIds = require('../chunks/bundle-CcmMvK6l.js');
-var Channel_hooks_useInitialMessagesFetch = require('../chunks/bundle-DvkiHRsE.js');
+var index = require('../chunks/bundle-DrYI_bNa.js');
+var actionTypes = require('../chunks/bundle-BzyQ6Vof.js');
+var compareIds = require('../chunks/bundle-BK_SqbHE.js');
+var Channel_hooks_useInitialMessagesFetch = require('../chunks/bundle-0t_JDxef.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('../chunks/bundle-Ub33KGva.js');
-var useReconnectOnIdle = require('../chunks/bundle-OCHWYrfg.js');
-var consts = require('../chunks/bundle-Ca7xeBTO.js');
-var pubSub_topics = require('../chunks/bundle-DpK1fr1j.js');
-var useToggleReactionCallback = require('../chunks/bundle-xADAFEo0.js');
-var resolvedReplyType = require('../chunks/bundle-BG8qs_3y.js');
-var useSendMultipleFilesMessage = require('../chunks/bundle-Cc89qdjT.js');
+var uuid = require('../chunks/bundle-YRiE_c63.js');
+var useReconnectOnIdle = require('../chunks/bundle-BtsHzLKX.js');
+var consts = require('../chunks/bundle-BNzVVkzd.js');
+var pubSub_topics = require('../chunks/bundle-7CEyuoln.js');
+var useToggleReactionCallback = require('../chunks/bundle-kbRkyLdH.js');
+var resolvedReplyType = require('../chunks/bundle-6_B00yYz.js');
+var useSendMultipleFilesMessage = require('../chunks/bundle-DSLFcE0C.js');
 require('../withSendbird.js');
-require('../chunks/bundle-CDJXrIVC.js');
+require('../chunks/bundle-1A4pOyri.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 var initialState = {
@@ -338,7 +338,9 @@ function useHandleChannelEvents(_a, _b) {
                         var scrollToEnd = false;
                         try {
                             var current = scrollRef.current;
-                            scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight - 10;
+                            if (current) {
+                                scrollToEnd = current.offsetHeight + current.scrollTop >= current.scrollHeight - 10;
+                            }
                             // 10 is a buffer
                         }
                         catch (error) {
@@ -467,7 +469,7 @@ function useHandleChannelEvents(_a, _b) {
                 },
                 onUserBanned: function (channel, user) {
                     var _a;
-                    if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+                    if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && channel.isGroupChannel()) {
                         logger.info('Channel | useHandleChannelEvents: onUserBanned', { channel: channel, user: user });
                         var isByMe = (user === null || user === void 0 ? void 0 : user.userId) === ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId);
                         messagesDispatcher({
@@ -574,7 +576,7 @@ function useHandleReconnect(_a, _b) {
     var shouldReconnect = useReconnectOnIdle.useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle).shouldReconnect;
     React.useEffect(function () {
         return function () {
-            var _a, _b;
+            var _a, _b, _c;
             // state changed from offline to online AND tab is visible
             if (shouldReconnect) {
                 logger.info('Refreshing conversation state');
@@ -593,6 +595,7 @@ function useHandleReconnect(_a, _b) {
                 }
                 if (userFilledMessageListQuery) {
                     Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                        // @ts-ignore
                         messageListParams_1[key] = userFilledMessageListQuery[key];
                     });
                 }
@@ -601,14 +604,14 @@ function useHandleReconnect(_a, _b) {
                     type: actionTypes.FETCH_INITIAL_MESSAGES_START,
                     payload: null,
                 });
-                (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url).then(function (groupChannel) {
+                (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.getChannel((_c = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== null && _c !== void 0 ? _c : '').then(function (groupChannel) {
                     var lastMessageTime = new Date().getTime();
                     groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams_1)
                         .then(function (messages) {
                         messagesDispatcher({
                             type: actionTypes.FETCH_INITIAL_MESSAGES_SUCCESS,
                             payload: {
-                                currentGroupChannel: currentGroupChannel,
+                                currentGroupChannel: groupChannel,
                                 messages: messages,
                             },
                         });
@@ -618,11 +621,11 @@ function useHandleReconnect(_a, _b) {
                         logger.error('Channel: Fetching messages failed', error);
                         messagesDispatcher({
                             type: actionTypes.FETCH_INITIAL_MESSAGES_FAILURE,
-                            payload: { currentGroupChannel: currentGroupChannel },
+                            payload: { currentGroupChannel: groupChannel },
                         });
                     });
                     if (!disableMarkAsRead) {
-                        markAsReadScheduler.push(currentGroupChannel);
+                        markAsReadScheduler.push(groupChannel);
                     }
                 });
             }
@@ -651,6 +654,7 @@ function useScrollCallback(_a, _b) {
         }
         if (userFilledMessageListQuery) {
             Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                // @ts-ignore
                 messageListParams[key] = userFilledMessageListQuery[key];
             });
         }
@@ -658,17 +662,14 @@ function useScrollCallback(_a, _b) {
             currentGroupChannel: currentGroupChannel,
             userFilledMessageListQuery: userFilledMessageListQuery,
         });
-        currentGroupChannel
-            .getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams)
-            .then(function (messages) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
                 type: actionTypes.FETCH_PREV_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             if (callback)
                 setTimeout(function () { return callback(); });
-        })
-            .catch(function () {
+        }).catch(function () {
             messagesDispatcher({
                 type: actionTypes.FETCH_PREV_MESSAGES_FAILURE,
                 payload: { currentGroupChannel: currentGroupChannel },
@@ -699,20 +700,18 @@ function useScrollDownCallback(_a, _b) {
         }
         if (userFilledMessageListQuery) {
             Object.keys(userFilledMessageListQuery).forEach(function (key) {
+                // @ts-ignore
                 messageListParams[key] = userFilledMessageListQuery[key];
             });
         }
         logger.info('Channel: Fetching later messages', { currentGroupChannel: currentGroupChannel, userFilledMessageListQuery: userFilledMessageListQuery });
-        currentGroupChannel
-            .getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams)
-            .then(function (messages) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams).then(function (messages) {
             messagesDispatcher({
                 type: actionTypes.FETCH_NEXT_MESSAGES_SUCCESS,
                 payload: { currentGroupChannel: currentGroupChannel, messages: messages },
             });
             setTimeout(function () { return cb([messages, null]); });
-        })
-            .catch(function (error) {
+        }).catch(function (error) {
             logger.error('Channel: Fetching later messages failed', error);
             messagesDispatcher({
                 type: actionTypes.FETCH_NEXT_MESSAGES_FAILURE,
@@ -742,17 +741,14 @@ function useDeleteMessageCallback(_a, _b) {
             }
             else {
                 logger.info('Channel | useDeleteMessageCallback: Deleting message from remote:', sendingStatus);
-                currentGroupChannel
-                    .deleteMessage(message$1)
-                    .then(function () {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.deleteMessage(message$1).then(function () {
                     logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message$1);
                     messagesDispatcher({
                         type: actionTypes.ON_MESSAGE_DELETED,
                         payload: message$1.messageId,
                     });
                     resolve();
-                })
-                    .catch(function (err) {
+                }).catch(function (err) {
                     logger.warning('Channel | useDeleteMessageCallback: Deleting message failed!', err);
                     reject(err);
                 });
@@ -770,7 +766,7 @@ function useUpdateMessageCallback(_a, _b) {
             var params = {
                 message: message,
             };
-            if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionedUsers && mentionedUsers.length > 0) {
                 params.mentionedUsers = mentionedUsers;
             }
             if (isMentionEnabled && mentionTemplate) {
@@ -787,9 +783,7 @@ function useUpdateMessageCallback(_a, _b) {
         }
         var params = shouldCreateCustomParams ? onBeforeUpdateUserMessage(message) : createParamsDefault(message);
         logger.info('Channel: Updating message!', params);
-        currentGroupChannel
-            .updateUserMessage(messageId, params)
-            .then(function (msg) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.updateUserMessage(messageId, params).then(function (msg) {
             if (callback) {
                 callback(null, msg);
             }
@@ -806,8 +800,7 @@ function useUpdateMessageCallback(_a, _b) {
                 channel: currentGroupChannel,
                 publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
-        })
-            .catch(function (err) {
+        }).catch(function (err) {
             if (callback) {
                 callback(err, null);
             }
@@ -823,23 +816,19 @@ function useResendMessageCallback(_a, _b) {
         if (failedMessage === null || failedMessage === void 0 ? void 0 : failedMessage.isResendable) {
             // userMessage
             if (failedMessage.isUserMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending message start!', message);
                     messagesDispatcher({
                         type: actionTypes.RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending message success!', message);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending message failed!', e);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_FAILURE,
@@ -848,23 +837,19 @@ function useResendMessageCallback(_a, _b) {
                 });
             }
             else if (failedMessage.isFileMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending file message start!', message);
                     messagesDispatcher({
                         type: actionTypes.RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending file message success!', message);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending file message failed!', e);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_FAILURE,
@@ -873,16 +858,14 @@ function useResendMessageCallback(_a, _b) {
                 });
             }
             else if (failedMessage.isMultipleFilesMessage()) {
-                currentGroupChannel
-                    .resendMessage(failedMessage)
-                    .onPending(function (message) {
+                currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.resendMessage(failedMessage).onPending(function (message) {
                     logger.info('Channel: Resending multiple files message start!', message);
                     messagesDispatcher({
                         type: actionTypes.RESEND_MESSAGE_START,
                         payload: message,
                     });
-                })
-                    .onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                }).onFileUploaded(function (requestId, index, uploadableFileInfo, error) {
+                    var _a;
                     logger.info('Channel: Resending multiple files message file uploaded!', {
                         requestId: requestId,
                         index: index,
@@ -891,7 +874,7 @@ function useResendMessageCallback(_a, _b) {
                     });
                     pubSub.publish(pubSub_topics.pubSubTopics.ON_FILE_INFO_UPLOADED, {
                         response: {
-                            channelUrl: currentGroupChannel.url,
+                            channelUrl: (_a = currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) !== null && _a !== void 0 ? _a : '',
                             requestId: requestId,
                             index: index,
                             uploadableFileInfo: uploadableFileInfo,
@@ -899,15 +882,13 @@ function useResendMessageCallback(_a, _b) {
                         },
                         publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
                     });
-                })
-                    .onSucceeded(function (message) {
+                }).onSucceeded(function (message) {
                     logger.info('Channel: Resending multiple files message success!', message);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_SUCCESS,
                         payload: message,
                     });
-                })
-                    .onFailed(function (e, message) {
+                }).onFailed(function (e, message) {
                     logger.warning('Channel: Resending multiple files message failed!', e);
                     messagesDispatcher({
                         type: actionTypes.SEND_MESSAGE_FAILURE,
@@ -935,12 +916,12 @@ function useSendMessageCallback(_a, _b) {
                 message: message,
             };
             // if (isMentionEnabled && mentionedUserIds?.length > 0) {
-            if (isMentionEnabled && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionedUsers && mentionedUsers.length > 0) {
                 // params.mentionedUserIds = mentionedUserIds;
                 params.mentionedUsers = mentionedUsers;
             }
             // if (isMentionEnabled && mentionTemplate && mentionedUserIds?.length > 0) {
-            if (isMentionEnabled && mentionTemplate && (mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) > 0) {
+            if (isMentionEnabled && mentionTemplate && mentionedUsers && mentionedUsers.length > 0) {
                 params.mentionedMessageTemplate = mentionTemplate;
             }
             if (quoteMessage) {
@@ -955,9 +936,7 @@ function useSendMessageCallback(_a, _b) {
         }
         var params = shouldCreateCustomParams ? onBeforeSendUserMessage(message, quoteMessage) : createParamsDefault();
         logger.info('Channel: Sending message has started', params);
-        currentGroupChannel
-            .sendUserMessage(params)
-            .onPending(function (pendingMsg) {
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.sendUserMessage(params).onPending(function (pendingMsg) {
             pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
                 /* pubSub is used instead of messagesDispatcher
                   to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
@@ -966,15 +945,13 @@ function useSendMessageCallback(_a, _b) {
                 publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
             setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
-        })
-            .onFailed(function (err, msg) {
+        }).onFailed(function (err, msg) {
             logger.warning('Channel: Sending message failed!', { message: msg, error: err });
             messagesDispatcher({
                 type: actionTypes.SEND_MESSAGE_FAILURE,
                 payload: msg,
             });
-        })
-            .onSucceeded(function (msg) {
+        }).onSucceeded(function (msg) {
             logger.info('Channel: Sending message success!', msg);
             messagesDispatcher({
                 type: actionTypes.SEND_MESSAGE_SUCCESS,
@@ -988,59 +965,52 @@ function useSendMessageCallback(_a, _b) {
 function useSendFileMessageCallback(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, onBeforeSendFileMessage = _a.onBeforeSendFileMessage, imageCompression = _a.imageCompression;
     var logger = _b.logger, pubSub = _b.pubSub, scrollRef = _b.scrollRef, messagesDispatcher = _b.messagesDispatcher;
-    var sendMessage = React.useCallback(function (compressedFile, quoteMessage) {
-        if (quoteMessage === void 0) { quoteMessage = null; }
-        return new Promise(function (resolve, reject) {
-            // Create FileMessageParams
-            var params = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(compressedFile, quoteMessage);
-            if (!params) {
-                params = { file: compressedFile };
-                if (quoteMessage) {
-                    params.isReplyToChannel = true;
-                    params.parentMessageId = quoteMessage.messageId;
-                }
+    var sendMessage = React.useCallback(function (compressedFile, quoteMessage) { return new Promise(function (resolve, reject) {
+        // Create FileMessageParams
+        var params = onBeforeSendFileMessage === null || onBeforeSendFileMessage === void 0 ? void 0 : onBeforeSendFileMessage(compressedFile, quoteMessage);
+        if (!params) {
+            params = { file: compressedFile };
+            if (quoteMessage) {
+                params.isReplyToChannel = true;
+                params.parentMessageId = quoteMessage.messageId;
             }
-            // Send FileMessage
-            logger.info('Channel: Uploading file message start!', params);
-            currentGroupChannel
-                .sendFileMessage(params)
-                .onPending(function (pendingMessage) {
-                pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
-                    /* pubSub is used instead of messagesDispatcher
-                      to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
-                    // TODO: remove data pollution
-                    message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
-                        // pending thumbnail message seems to be failed
-                        requestState: 'pending', isUserMessage: pendingMessage.isUserMessage, isFileMessage: pendingMessage.isFileMessage, isAdminMessage: pendingMessage.isAdminMessage, isMultipleFilesMessage: pendingMessage.isMultipleFilesMessage }),
-                    channel: currentGroupChannel,
-                    publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
-                });
-                setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
-            })
-                .onFailed(function (err, failedMessage) {
-                logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
-                // TODO: v4 - remove logic that modifies the original object.
-                //  It makes the code difficult to track, likely causing unpredictable side effects.
-                // @ts-ignore eslint-disable-next-line no-param-reassign
-                failedMessage.localUrl = URL.createObjectURL(compressedFile);
-                // @ts-ignore eslint-disable-next-line no-param-reassign
-                failedMessage.file = compressedFile;
-                messagesDispatcher({
-                    type: actionTypes.SEND_MESSAGE_FAILURE,
-                    payload: failedMessage,
-                });
-                reject(err);
-            })
-                .onSucceeded(function (succeededMessage) {
-                logger.info('Channel: Sending file message success!', succeededMessage);
-                messagesDispatcher({
-                    type: actionTypes.SEND_MESSAGE_SUCCESS,
-                    payload: succeededMessage,
-                });
-                resolve(succeededMessage);
+        }
+        // Send FileMessage
+        logger.info('Channel: Uploading file message start!', params);
+        currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+            pubSub.publish(pubSub_topics.pubSubTopics.SEND_MESSAGE_START, {
+                /* pubSub is used instead of messagesDispatcher
+                  to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
+                // TODO: remove data pollution
+                message: _tslib.__assign(_tslib.__assign({}, pendingMessage), { url: URL.createObjectURL(compressedFile), 
+                    // pending thumbnail message seems to be failed
+                    requestState: 'pending', isUserMessage: pendingMessage.isUserMessage, isFileMessage: pendingMessage.isFileMessage, isAdminMessage: pendingMessage.isAdminMessage, isMultipleFilesMessage: pendingMessage.isMultipleFilesMessage }),
+                channel: currentGroupChannel,
+                publishingModules: [pubSub_topics.PublishingModuleType.CHANNEL],
             });
+            setTimeout(function () { return utils.scrollIntoLast(0, scrollRef); }, consts.SCROLL_BOTTOM_DELAY_FOR_SEND);
+        }).onFailed(function (err, failedMessage) {
+            logger.error('Channel: Sending file message failed!', { failedMessage: failedMessage, err: err });
+            // TODO: v4 - remove logic that modifies the original object.
+            //  It makes the code difficult to track, likely causing unpredictable side effects.
+            // @ts-ignore eslint-disable-next-line no-param-reassign
+            failedMessage.localUrl = URL.createObjectURL(compressedFile);
+            // @ts-ignore eslint-disable-next-line no-param-reassign
+            failedMessage.file = compressedFile;
+            messagesDispatcher({
+                type: actionTypes.SEND_MESSAGE_FAILURE,
+                payload: failedMessage,
+            });
+            reject(err);
+        }).onSucceeded(function (succeededMessage) {
+            logger.info('Channel: Sending file message success!', succeededMessage);
+            messagesDispatcher({
+                type: actionTypes.SEND_MESSAGE_SUCCESS,
+                payload: succeededMessage,
+            });
+            resolve(succeededMessage);
         });
-    }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
+    }); }, [currentGroupChannel, onBeforeSendFileMessage, imageCompression]);
     return [sendMessage];
 }
 
@@ -1102,8 +1072,7 @@ var useSendVoiceMessageCallback = function (_a, _b) {
         if (!currentGroupChannel) {
             return;
         }
-        var messageParams = (onBeforeSendVoiceMessage
-            && typeof onBeforeSendVoiceMessage === 'function')
+        var messageParams = (onBeforeSendVoiceMessage && typeof onBeforeSendVoiceMessage === 'function')
             ? onBeforeSendVoiceMessage(file, quoteMessage)
             : {
                 file: file,
@@ -1246,7 +1215,7 @@ var useHandleChannelPubsubEvents = function (_a) {
     ]);
 };
 
-var ChannelContext = React.createContext(undefined);
+var ChannelContext = React.createContext(null);
 var ChannelProvider = function (props) {
     var _a, _b, _c, _d, _e, _f, _g;
     var channelUrl = props.channelUrl, children = props.children, isReactionEnabled = props.isReactionEnabled, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, showSearchIcon = props.showSearchIcon, animatedMessage = props.animatedMessage, highlightedMessage = props.highlightedMessage, startingPoint = props.startingPoint, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onSearchClick = props.onSearchClick, onBackClick = props.onBackClick, threadReplySelectType = props.threadReplySelectType, queries = props.queries, filterMessageList = props.filterMessageList, _j = props.disableMarkAsRead, disableMarkAsRead = _j === void 0 ? false : _j, onReplyInThread = props.onReplyInThread, onQuoteMessageClick = props.onQuoteMessageClick, onMessageAnimated = props.onMessageAnimated, onMessageHighlighted = props.onMessageHighlighted, _k = props.scrollBehavior, scrollBehavior = _k === void 0 ? 'auto' : _k, _l = props.reconnectOnIdle, reconnectOnIdle = _l === void 0 ? true : _l;
@@ -1490,7 +1459,12 @@ var ChannelProvider = function (props) {
         } },
         React.createElement(UserProfileContext.UserProfileProvider, { disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : !config.common.enableUsingDefaultUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, onUserProfileMessage: onUserProfileMessage }, children)));
 };
-var useChannelContext = function () { return React.useContext(ChannelContext); };
+var useChannelContext = function () {
+    var context = React.useContext(ChannelContext);
+    if (!context)
+        throw new Error('ChannelContext not found. Use within the Channel module.');
+    return context;
+};
 
 exports.ChannelProvider = ChannelProvider;
 exports.useChannelContext = useChannelContext;

package/cjs/Channel/context.js.map

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

package/cjs/Channel/hooks/useHandleUploadFiles.js

@@ -1,33 +1,33 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
+var _tslib = require('../../chunks/bundle-eTYC1RPT.js');
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var index = require('../../chunks/bundle-Cw7xe6J1.js');
-var ui_Modal = require('../../chunks/bundle-DJ9gapN2.js');
-require('../../chunks/bundle-Deao1Upp.js');
+var index = require('../../chunks/bundle-DrYI_bNa.js');
+var ui_Modal = require('../../chunks/bundle-DW8u-n3u.js');
+require('../../chunks/bundle-DY5rfl6W.js');
 var ui_Button = require('../../ui/Button.js');
-var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
-var compressImages = require('../../chunks/bundle-cl2q8NwQ.js');
-var consts = require('../../chunks/bundle-Ca7xeBTO.js');
+var LocalizationContext = require('../../chunks/bundle-OWb8eJt-.js');
+var compressImages = require('../../chunks/bundle-C1YuUjH3.js');
+var consts = require('../../chunks/bundle-BNzVVkzd.js');
 require('../../withSendbird.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-DOoshvnj.js');
 require('react-dom');
-require('../../chunks/bundle-CLNUkVC8.js');
+require('../../chunks/bundle-OIKGVRus.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-YRiE_c63.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-BAqFIbKr.js');
-require('../../chunks/bundle-Bpy7IQta.js');
-require('../../chunks/bundle-DWBc-Yv7.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-CxNGVWIy.js');
+require('../../chunks/bundle-CW2oMonb.js');
+require('../../chunks/bundle-Dymg5zVO.js');
+require('../../chunks/bundle-BNMoxGCr.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-DcQeRT4T.js');
 
 var useHandleUploadFiles = function (_a, _b) {
     var sendFileMessage = _a.sendFileMessage, sendMultipleFilesMessage = _a.sendMultipleFilesMessage, quoteMessage = _a.quoteMessage;

package/cjs/Channel/hooks/useInitialMessagesFetch.js

@@ -2,12 +2,12 @@
 
 require('react');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-D1X4MKLh.js');
-require('../../chunks/bundle-IE4yQ0qq.js');
-var Channel_hooks_useInitialMessagesFetch = require('../../chunks/bundle-DvkiHRsE.js');
-require('../../chunks/bundle-Ca7xeBTO.js');
-require('../../chunks/bundle-C-r9vRgc.js');
-require('../../chunks/bundle-B2KKkvdj.js');
+require('../../chunks/bundle-BBsKv3Vz.js');
+require('../../chunks/bundle-BzyQ6Vof.js');
+var Channel_hooks_useInitialMessagesFetch = require('../../chunks/bundle-0t_JDxef.js');
+require('../../chunks/bundle-BNzVVkzd.js');
+require('../../chunks/bundle-eTYC1RPT.js');
+require('../../chunks/bundle-CuOOXDK0.js');
 
 
 

package/cjs/Channel/utils/compareMessagesForGrouping.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../../chunks/bundle-CjYhSLRD.js');
-var index$1 = require('../../chunks/bundle-Cw7xe6J1.js');
-require('../../chunks/bundle-CDJXrIVC.js');
-require('../../chunks/bundle-C-r9vRgc.js');
+var index = require('../../chunks/bundle-Cd-3W3UM.js');
+var index$1 = require('../../chunks/bundle-DrYI_bNa.js');
+require('../../chunks/bundle-1A4pOyri.js');
+require('../../chunks/bundle-eTYC1RPT.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');