@sendbird/uikit-react 3.9.3-rc-0 → 3.9.3-rc.0

package/chunks/{bundle-c9lGdHcW.js → bundle-pxrescev.js}

@@ -1,5 +1,5 @@
-import { b as __awaiter, c as __generator } from './bundle-5MXMpsdy.js';
-import { p as pxToNumber } from './bundle-cX8U_VhV.js';
+import { b as __awaiter, c as __generator } from './bundle-vwWaTJzg.js';
+import { p as pxToNumber } from './bundle-TsienPu3.js';
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight;
@@ -12,11 +12,14 @@ var compressImage = function (_a) {
             var canvas = document.createElement('canvas');
             var originWidth = image.width;
             var originHeight = image.height;
-            var widthRatio = originWidth / (resizingWidth || originWidth);
-            var heightRatio = originHeight / (resizingHeight || originHeight);
-            var targetResizingWidth = resizingWidth || originWidth;
-            var targetResizingHeight = resizingHeight || originHeight;
-            // Use the more impactful value, so the original images' ratio won't be broken
+            var targetResizingWidth = (!resizingWidth || resizingWidth > originWidth) ? originWidth : resizingWidth;
+            var targetResizingHeight = (!resizingHeight || resizingHeight > originHeight) ? originHeight : resizingHeight;
+            var widthRatio = originWidth / targetResizingWidth;
+            var heightRatio = originHeight / targetResizingHeight;
+            /**
+             * Set the target resizing values again with the calculated ratios
+             * to use the impactful value, so the original images' ratio won't be broken.
+             */
             if (widthRatio > heightRatio) {
                 targetResizingHeight = originHeight / (resizingWidth ? widthRatio : 1);
             }
@@ -58,11 +61,11 @@ var compressImages = function (_a) {
                         compressedFiles: [],
                     };
                     if (!(Array.isArray(files) && files.length > 0)) {
-                        logger.warning('utils - compressImages: There are no files.', files);
+                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: There are no files.', files);
                         return [2 /*return*/, result];
                     }
                     if (compressionRate < 0 || 1 < compressionRate) {
-                        logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
+                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
                         return [2 /*return*/, result];
                     }
                     return [4 /*yield*/, Promise.all(files
@@ -72,7 +75,7 @@ var compressImages = function (_a) {
                                 switch (_a.label) {
                                     case 0:
                                         if (!(file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg')) {
-                                            logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
+                                            logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The fileType is not compressible.', { file: file, index: index });
                                             result.failedIndexes.push(index);
                                             result.compressedFiles.push(file);
                                             return [2 /*return*/];
@@ -93,7 +96,7 @@ var compressImages = function (_a) {
                                     case 3:
                                         err_1 = _a.sent();
                                         result.failedIndexes.push(index);
-                                        logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
+                                        logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: Failed to compress image file', { file: file, err: err_1 });
                                         return [3 /*break*/, 4];
                                     case 4: return [2 /*return*/];
                                 }
@@ -101,7 +104,7 @@ var compressImages = function (_a) {
                         }); }))];
                 case 1:
                     _b.sent();
-                    logger.info('utils - compressImages: Finished compressing images', result);
+                    logger === null || logger === void 0 ? void 0 : logger.info('utils - compressImages: Finished compressing images', result);
                     return [2 /*return*/, result];
             }
         });
@@ -109,4 +112,4 @@ var compressImages = function (_a) {
 };
 
 export { compressImages as c };
-//# sourceMappingURL=bundle-c9lGdHcW.js.map
+//# sourceMappingURL=bundle-pxrescev.js.map

package/chunks/{bundle-c9lGdHcW.js.map → bundle-pxrescev.js.map}

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

package/chunks/{bundle-Eu9o4mDx.js → bundle-qVHH4JST.js}

@@ -1,13 +1,13 @@
-import { a as __spreadArray } from './bundle-5MXMpsdy.js';
+import { a as __spreadArray } from './bundle-vwWaTJzg.js';
 import React__default from 'react';
-import { f as format } from './bundle-F-7fIVr5.js';
+import { f as format } from './bundle-brC7Asxc.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-Ulft7jAF.js';
+import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './bundle-udE7DsNo.js';
 import Loader from '../ui/Loader.js';
-import { c as isImage, s as isGif, f as isVideo, A as isAudio, B as isVoiceMessageMimeType, C as isSentStatus } from './bundle-Nc3CgLMw.js';
+import { c as isImage, s as isGif, f as isVideo, A as isAudio, B as isVoiceMessageMimeType, C as isSentStatus } from './bundle--yRzbc9U.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-okm6lFGI.js';
-import { u as useLocalization } from './bundle--MiZG3Js.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from './bundle-H-0BE_Ym.js';
+import { u as useLocalization } from './bundle-gKkAyMAQ.js';
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -128,4 +128,4 @@ function MessageStatus(_a) {
 }
 
 export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=bundle-Eu9o4mDx.js.map
+//# sourceMappingURL=bundle-qVHH4JST.js.map

package/chunks/{bundle-Eu9o4mDx.js.map → bundle-qVHH4JST.js.map}

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

package/chunks/{bundle-MCNLGc7G.js → bundle-st6t2DcW.js}

@@ -54,4 +54,4 @@ var channelActions = /*#__PURE__*/Object.freeze({
 });
 
 export { FETCH_INITIAL_MESSAGES_START as F, MESSAGE_LIST_PARAMS_CHANGED as M, ON_MESSAGE_RECEIVED as O, RESET_MESSAGES as R, SEND_MESSAGE_START as S, FETCH_INITIAL_MESSAGES_SUCCESS as a, FETCH_INITIAL_MESSAGES_FAILURE as b, FETCH_PREV_MESSAGES_SUCCESS as c, FETCH_NEXT_MESSAGES_SUCCESS as d, FETCH_PREV_MESSAGES_FAILURE as e, FETCH_NEXT_MESSAGES_FAILURE as f, SEND_MESSAGE_SUCCESS as g, SEND_MESSAGE_FAILURE as h, SET_CURRENT_CHANNEL as i, SET_CHANNEL_INVALID as j, ON_MESSAGE_UPDATED as k, ON_MESSAGE_THREAD_INFO_UPDATED as l, RESEND_MESSAGE_START as m, MARK_AS_READ as n, ON_MESSAGE_DELETED as o, ON_MESSAGE_DELETED_BY_REQ_ID as p, SET_EMOJI_CONTAINER as q, ON_REACTION_UPDATED as r, ON_FILE_INFO_UPLOADED as s, ON_TYPING_STATUS_UPDATED as t, channelActions as u };
-//# sourceMappingURL=bundle-MCNLGc7G.js.map
+//# sourceMappingURL=bundle-st6t2DcW.js.map

package/chunks/bundle-st6t2DcW.js.map

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

package/chunks/{bundle-bdchyPw2.js → bundle-u3j2nR-h.js}

@@ -1,7 +1,7 @@
 import { useCallback } from 'react';
-import { p as pubSubTopics, s as shouldPubSubPublishToChannel, a as shouldPubSubPublishToThread } from './bundle--t8HI__x.js';
-import { s as scrollIntoLast$1 } from './bundle-gF9Zk7CT.js';
-import { f as format } from './bundle-F-7fIVr5.js';
+import { p as pubSubTopics, s as shouldPubSubPublishToChannel, a as shouldPubSubPublishToThread } from './bundle-gpPQ_Did.js';
+import { s as scrollIntoLast$1 } from './bundle-T-S631y-.js';
+import { f as format } from './bundle-brC7Asxc.js';
 import { getOutgoingMessageState, OutgoingMessageStates } from '../utils/message/getOutgoingMessageState.js';
 
 var getNicknamesMapFromMembers = function (members) {
@@ -213,4 +213,4 @@ var useSendMultipleFilesMessage = function (_a, _b) {
 };
 
 export { compareIds as a, getNicknamesMapFromMembers as b, compareMessagesForGrouping as c, getParentMessageFrom as g, isAboutSame as i, scrollIntoLast as s, useSendMultipleFilesMessage as u };
-//# sourceMappingURL=bundle-bdchyPw2.js.map
+//# sourceMappingURL=bundle-u3j2nR-h.js.map

package/chunks/{bundle-bdchyPw2.js.map → bundle-u3j2nR-h.js.map}

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

package/chunks/{bundle-ohZbnliW.js → bundle-uHZAUI7c.js}

@@ -21,4 +21,4 @@ var UserProfileProvider = function (_a) {
 };
 
 export { UserProfileProvider as U, UserProfileContext as a };
-//# sourceMappingURL=bundle-ohZbnliW.js.map
+//# sourceMappingURL=bundle-uHZAUI7c.js.map

package/chunks/bundle-uHZAUI7c.js.map

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

package/chunks/{bundle-UoyQlaRI.js → bundle-uI7_T-M6.js}

@@ -1,4 +1,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 export { TEXT_MESSAGE_BODY_CLASSNAME as T };
-//# sourceMappingURL=bundle-UoyQlaRI.js.map
+//# sourceMappingURL=bundle-uI7_T-M6.js.map

package/chunks/bundle-uI7_T-M6.js.map

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

package/chunks/{bundle-Ulft7jAF.js → bundle-udE7DsNo.js}

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from './bundle-5MXMpsdy.js';
+import { a as __spreadArray } from './bundle-vwWaTJzg.js';
 import React__default from 'react';
-import { g as getStringSet } from './bundle-U_oG_Fli.js';
+import { g as getStringSet } from './bundle-yeq5dlz7.js';
 
 var Typography = {
     H_1: 'H_1',
@@ -75,4 +75,4 @@ var LabelColors = Colors;
 var LabelStringSet = getStringSet('en');
 
 export { Label as L, LabelTypography as a, LabelColors as b, LabelStringSet as c, changeColorToClassName as d };
-//# sourceMappingURL=bundle-Ulft7jAF.js.map
+//# sourceMappingURL=bundle-udE7DsNo.js.map

package/chunks/bundle-udE7DsNo.js.map

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

package/chunks/{bundle-HoEu_6S5.js → bundle-ui21vRGg.js}

@@ -10,4 +10,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
-//# sourceMappingURL=bundle-HoEu_6S5.js.map
+//# sourceMappingURL=bundle-ui21vRGg.js.map

package/chunks/bundle-ui21vRGg.js.map

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

package/chunks/{bundle-5MXMpsdy.js → bundle-vwWaTJzg.js}

@@ -94,4 +94,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
 };
 
 export { __assign as _, __spreadArray as a, __awaiter as b, __generator as c, __extends as d };
-//# sourceMappingURL=bundle-5MXMpsdy.js.map
+//# sourceMappingURL=bundle-vwWaTJzg.js.map

package/chunks/{bundle-5MXMpsdy.js.map → bundle-vwWaTJzg.js.map}

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

package/chunks/{bundle-QvPkmWeZ.js → bundle-wNKgjzsO.js}

@@ -4,15 +4,15 @@ import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import UserListItem$1 from '../ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './bundle-5MXMpsdy.js';
-import { M as Modal } from './bundle-vEgsgkZU.js';
+import { a as __spreadArray, _ as __assign } from './bundle-vwWaTJzg.js';
+import { M as Modal } from './bundle-dNxyH8Er.js';
 import UserListItem from '../ui/UserListItem.js';
-import { n as noop } from './bundle-39Q2USX9.js';
+import { n as noop } from './bundle-wwLAI-Tt.js';
 import { useChannelSettingsContext } from '../ChannelSettings/context.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle--MiZG3Js.js';
-import './bundle-Ulft7jAF.js';
-import { u as uuidv4 } from './bundle-27GyiefI.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-gKkAyMAQ.js';
+import './bundle-udE7DsNo.js';
+import { u as uuidv4 } from './bundle-P1wmnvy9.js';
 
 function MembersModal(_a) {
     var _b;
@@ -274,4 +274,4 @@ var MemberList = function () {
 };
 
 export { MemberList as M };
-//# sourceMappingURL=bundle-QvPkmWeZ.js.map
+//# sourceMappingURL=bundle-wNKgjzsO.js.map

package/chunks/{bundle-QvPkmWeZ.js.map → bundle-wNKgjzsO.js.map}

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

package/chunks/{bundle-39Q2USX9.js → bundle-wwLAI-Tt.js}

@@ -8,4 +8,4 @@ var isMobileIOS = function (userAgent) {
 };
 
 export { isMobileIOS as a, isAboutSame as i, noop as n };
-//# sourceMappingURL=bundle-39Q2USX9.js.map
+//# sourceMappingURL=bundle-wwLAI-Tt.js.map

package/chunks/bundle-wwLAI-Tt.js.map

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

package/chunks/{bundle-uZo9yT-4.js → bundle-xnF6_yRz.js}

@@ -1,19 +1,19 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './bundle-F-7fIVr5.js';
-import { U as UserProfileProvider } from './bundle-ohZbnliW.js';
-import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-5MXMpsdy.js';
-import { c as compareIds } from './bundle-7X4gNGSL.js';
-import { p as pubSubTopics } from './bundle--t8HI__x.js';
+import { f as format } from './bundle-brC7Asxc.js';
+import { U as UserProfileProvider } from './bundle-uHZAUI7c.js';
+import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-vwWaTJzg.js';
+import { c as compareIds } from './bundle-KMF_Auff.js';
+import { p as pubSubTopics } from './bundle-gpPQ_Did.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-27GyiefI.js';
-import { c as compressImages } from './bundle-c9lGdHcW.js';
+import { u as uuidv4 } from './bundle-P1wmnvy9.js';
+import { c as compressImages } from './bundle-pxrescev.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 import { useGlobalModalContext } from '../hooks/useModal.js';
-import { u as useLocalization } from './bundle--MiZG3Js.js';
-import { O as ONE_MiB } from './bundle-76TfTByX.js';
-import { c as ModalFooter } from './bundle-vEgsgkZU.js';
-import './bundle-Ulft7jAF.js';
+import { u as useLocalization } from './bundle-gKkAyMAQ.js';
+import { O as ONE_MiB } from './bundle-78pBi79a.js';
+import { c as ModalFooter } from './bundle-dNxyH8Er.js';
+import './bundle-udE7DsNo.js';
 import { ButtonTypes } from '../ui/Button.js';
 
 var getMessageCreatedAt = function (message) { return format(message.createdAt, 'p'); };
@@ -907,7 +907,7 @@ function useCheckScrollBottom(_a, _b) {
 }
 
 function useSendMessageCallback(_a, _b) {
-    var currentOpenChannel = _a.currentOpenChannel, onBeforeSendUserMessage = _a.onBeforeSendUserMessage, checkScrollBottom = _a.checkScrollBottom, messageInputRef = _a.messageInputRef;
+    var currentOpenChannel = _a.currentOpenChannel, onBeforeSendUserMessage = _a.onBeforeSendUserMessage, messageInputRef = _a.messageInputRef;
     var sdk = _b.sdk, logger = _b.logger, messagesDispatcher = _b.messagesDispatcher, scrollRef = _b.scrollRef;
     return useCallback(function () {
         if (sdk) {
@@ -925,7 +925,6 @@ function useSendMessageCallback(_a, _b) {
             }
             var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
             logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
-            var isBottom_1 = checkScrollBottom();
             var pendingMsg_1 = null;
             currentOpenChannel.sendUserMessage(params)
                 .onPending(function (pendingMessage) {
@@ -937,6 +936,7 @@ function useSendMessageCallback(_a, _b) {
                     },
                 });
                 pendingMsg_1 = pendingMessage;
+                setTimeout(function () { return scrollIntoLast(0, scrollRef); });
             })
                 .onSucceeded(function (message) {
                 logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
@@ -944,11 +944,6 @@ function useSendMessageCallback(_a, _b) {
                     type: SENDING_MESSAGE_SUCCEEDED,
                     payload: message,
                 });
-                if (isBottom_1) {
-                    setTimeout(function () {
-                        scrollIntoLast(0, scrollRef);
-                    });
-                }
             })
                 .onFailed(function (error) {
                 logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
@@ -970,19 +965,19 @@ function useSendMessageCallback(_a, _b) {
                 }
             });
         }
-    }, [currentOpenChannel, onBeforeSendUserMessage, checkScrollBottom, messageInputRef]);
+    }, [currentOpenChannel, onBeforeSendUserMessage, messageInputRef]);
 }
 
 function useFileUploadCallback(_a, _b) {
     var _this = this;
-    var currentOpenChannel = _a.currentOpenChannel, checkScrollBottom = _a.checkScrollBottom, _c = _a.imageCompression, imageCompression = _c === void 0 ? {} : _c, onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
+    var currentOpenChannel = _a.currentOpenChannel, _c = _a.imageCompression, imageCompression = _c === void 0 ? {} : _c, onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
     var sdk = _b.sdk, logger = _b.logger, messagesDispatcher = _b.messagesDispatcher, scrollRef = _b.scrollRef;
     var stringSet = useLocalization().stringSet;
     var openModal = useGlobalModalContext().openModal;
     var config = useSendbirdStateContext().config;
     var uikitUploadSizeLimit = config.uikitUploadSizeLimit;
     return useCallback(function (files) { return __awaiter(_this, void 0, void 0, function () {
-        var file_1, createCustomParams, createParamsDefault, compressedFiles, compressedFile, params, isBottom_1;
+        var file_1, createCustomParams, createParamsDefault, compressedFiles, compressedFile, params;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
@@ -1026,7 +1021,6 @@ function useFileUploadCallback(_a, _b) {
                     }
                     params = onBeforeSendFileMessage ? onBeforeSendFileMessage(compressedFile) : createParamsDefault(compressedFile);
                     logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
-                    isBottom_1 = checkScrollBottom();
                     currentOpenChannel.sendFileMessage(params)
                         .onPending(function (pendingMessage) {
                         messagesDispatcher({
@@ -1038,6 +1032,7 @@ function useFileUploadCallback(_a, _b) {
                                 channel: currentOpenChannel,
                             },
                         });
+                        setTimeout(function () { return scrollIntoLast(0, scrollRef); });
                     })
                         .onSucceeded(function (message) {
                         logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
@@ -1045,11 +1040,6 @@ function useFileUploadCallback(_a, _b) {
                             type: SENDING_MESSAGE_SUCCEEDED,
                             payload: message,
                         });
-                        if (isBottom_1) {
-                            setTimeout(function () {
-                                scrollIntoLast(0, scrollRef);
-                            });
-                        }
                     })
                         .onFailed(function (error, message) {
                         logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', { message: message, error: error });
@@ -1066,7 +1056,7 @@ function useFileUploadCallback(_a, _b) {
                 case 2: return [2 /*return*/];
             }
         });
-    }); }, [currentOpenChannel, onBeforeSendFileMessage, checkScrollBottom, imageCompression]);
+    }); }, [currentOpenChannel, onBeforeSendFileMessage, imageCompression]);
 }
 
 function useUpdateMessageCallback(_a, _b) {
@@ -1401,4 +1391,4 @@ var OpenChannelProvider = function (props) {
 var useOpenChannelContext = function () { return React__default.useContext(OpenChannelContext); };
 
 export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-uZo9yT-4.js.map
+//# sourceMappingURL=bundle-xnF6_yRz.js.map

package/chunks/{bundle-uZo9yT-4.js.map → bundle-xnF6_yRz.js.map}

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

package/chunks/{bundle-zF2UEFCC.js → bundle-yDQ7CB8I.js}

@@ -15,4 +15,4 @@ var NodeNames = {
 };
 
 export { MessageInputKeys as M, NodeTypes as N, NodeNames as a };
-//# sourceMappingURL=bundle-zF2UEFCC.js.map
+//# sourceMappingURL=bundle-yDQ7CB8I.js.map

package/chunks/bundle-yDQ7CB8I.js.map

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

package/chunks/{bundle-U_oG_Fli.js → bundle-yeq5dlz7.js}

@@ -215,4 +215,4 @@ var getStringSet = function (lang) {
 };
 
 export { getStringSet as g };
-//# sourceMappingURL=bundle-U_oG_Fli.js.map
+//# sourceMappingURL=bundle-yeq5dlz7.js.map

package/chunks/{bundle-U_oG_Fli.js.map → bundle-yeq5dlz7.js.map}

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

package/chunks/{bundle-0PyFB1mS.js → bundle-zNT2XhnG.js}

@@ -1,4 +1,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 export { OG_MESSAGE_BODY_CLASSNAME as O };
-//# sourceMappingURL=bundle-0PyFB1mS.js.map
+//# sourceMappingURL=bundle-zNT2XhnG.js.map

package/chunks/bundle-zNT2XhnG.js.map

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

package/chunks/{bundle-NKVaui__.js → bundle-zZ8I6zHr.js}

@@ -1,23 +1,23 @@
-import { a as __spreadArray } from './bundle-5MXMpsdy.js';
+import { a as __spreadArray } from './bundle-vwWaTJzg.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-Ulft7jAF.js';
-import { L as LocalizationContext } from './bundle--MiZG3Js.js';
-import { a as UserProfileContext } from './bundle-ohZbnliW.js';
-import './bundle-FpzNzZJe.js';
-import { A as Avatar } from './bundle-Lwkqzb0b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-udE7DsNo.js';
+import { L as LocalizationContext } from './bundle-gKkAyMAQ.js';
+import { a as UserProfileContext } from './bundle-uHZAUI7c.js';
+import './bundle-7zXnNfIQ.js';
+import { A as Avatar } from './bundle-4IJH7QEY.js';
 import 'react-dom';
-import './bundle-gRSst73Y.js';
+import './bundle-lsEXnFwe.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import '../withSendbird.js';
-import { M as Modal } from './bundle-vEgsgkZU.js';
+import { M as Modal } from './bundle-dNxyH8Er.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-39Q2USX9.js';
+import { n as noop } from './bundle-wwLAI-Tt.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -232,4 +232,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-NKVaui__.js.map
+//# sourceMappingURL=bundle-zZ8I6zHr.js.map

package/chunks/{bundle-NKVaui__.js.map → bundle-zZ8I6zHr.js.map}

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

package/chunks/{bundle-zZdwWoac.js → bundle-zqu04qTx.js}

@@ -1,5 +1,5 @@
-import { a as __spreadArray } from './bundle-5MXMpsdy.js';
-import { L as isUrl } from './bundle-Nc3CgLMw.js';
+import { a as __spreadArray } from './bundle-vwWaTJzg.js';
+import { L as isUrl } from './bundle--yRzbc9U.js';
 
 var USER_MENTION_PREFIX = '@';
 
@@ -129,4 +129,4 @@ function getWhiteSpacePreservedText(text) {
 }
 
 export { TOKEN_TYPES as T, USER_MENTION_PREFIX as U, getWhiteSpacePreservedText as g, tokenizeMessage as t };
-//# sourceMappingURL=bundle-zZdwWoac.js.map
+//# sourceMappingURL=bundle-zqu04qTx.js.map

package/chunks/bundle-zqu04qTx.js.map

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