@sendbird/uikit-react 3.17.4 → 3.17.5

package/chunks/{bundle-BryieZDo.js → bundle-s6sIkMBm.js}

@@ -25,4 +25,4 @@ var copyToClipboard = function (text) {
 };
 
 export { copyToClipboard as c };
-//# sourceMappingURL=bundle-BryieZDo.js.map
+//# sourceMappingURL=bundle-s6sIkMBm.js.map

package/chunks/bundle-s6sIkMBm.js.map

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

package/chunks/{bundle-D0Elh6NU.js → bundle-xDtQ_xFz.js}

@@ -1,14 +1,14 @@
 import React__default, { useRef, useContext, useEffect, useMemo, useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-S8iPYCSA.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-Bp-36fPf.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { A as Avatar } from './bundle-DFbXkkgs.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-NYWLy13i.js';
-import { u as uuidv4 } from './bundle-D2VSxItc.js';
-import { c as classnames } from './bundle-V-9Qd25h.js';
-import { a as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from './bundle-C1WYjzC2.js';
-import { M as MessageInputKeys } from './bundle-BJOl_h3C.js';
-import { a as __awaiter, b as __generator } from './bundle-Fs1rDz4P.js';
-import { u as useSendbird } from './bundle-BRyFfKhh.js';
+import { A as Avatar } from './bundle-DHJjxtO9.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-B0kVn5Gr.js';
+import { u as uuidv4 } from './bundle-B7Bjp1Xs.js';
+import { c as classnames } from './bundle-B9B1mEAa.js';
+import { a as USER_MENTION_TEMP_CHAR, M as MAX_USER_MENTION_COUNT, b as MAX_USER_SUGGESTION_COUNT } from './bundle-yh738HCK.js';
+import { M as MessageInputKeys } from './bundle-iDEMikrb.js';
+import { a as __awaiter, b as __generator } from './bundle-CNpbzlLm.js';
+import { u as useSendbird } from './bundle-iwSw7cMV.js';
 
 function SuggestedUserMentionItem(props) {
     var member = props.member, _a = props.isFocused, isFocused = _a === void 0 ? false : _a, parentScrollRef = props.parentScrollRef, onClick = props.onClick, onMouseOver = props.onMouseOver, onMouseMove = props.onMouseMove, renderUserMentionItem = props.renderUserMentionItem;
@@ -170,4 +170,4 @@ var SuggestedMentionListView = function (props) {
 };
 
 export { SuggestedMentionListView as S };
-//# sourceMappingURL=bundle-D0Elh6NU.js.map
+//# sourceMappingURL=bundle-xDtQ_xFz.js.map

package/chunks/{bundle-D0Elh6NU.js.map → bundle-xDtQ_xFz.js.map}

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

package/chunks/{bundle-CmXRAHD9.js → bundle-yVKo0YGh.js}

@@ -1,68 +1,68 @@
-import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-Fs1rDz4P.js';
+import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-CNpbzlLm.js';
 import React__default, { useState, useRef, useEffect, useContext, useCallback, useMemo } from 'react';
 import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
 import { GroupChannel } from '../GroupChannel.js';
-import { u as useGroupChannelList, c as GroupChannelListProvider } from './bundle-Dg-YjKZ9.js';
+import { u as useGroupChannelList, c as GroupChannelListProvider } from './bundle-DsflG983.js';
 import { GroupChannelListHeader } from '../GroupChannelList/components/GroupChannelListHeader.js';
 import EditUserProfile from '../EditUserProfile.js';
 import PlaceHolder, { PlaceHolderTypes } from '../ui/PlaceHolder.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle--Sz7RXuz.js';
-import { u as useSendbird } from './bundle-BRyFfKhh.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-B5Vxc6EL.js';
+import { u as useSendbird } from './bundle-iwSw7cMV.js';
 import { GroupChannelPreviewAction } from '../GroupChannelList/components/GroupChannelPreviewAction.js';
 import { GroupChannelListItem } from '../GroupChannelList/components/GroupChannelListItem.js';
 import IconButton from '../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as LocalizationContext } from './bundle-NYWLy13i.js';
-import { u as useMediaQueryContext } from './bundle-DTJsSOC-.js';
-import { M as Modal } from './bundle-BGJm9kMZ.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-S8iPYCSA.js';
+import { L as LocalizationContext } from './bundle-B0kVn5Gr.js';
+import { u as useMediaQueryContext } from './bundle-CqsAiVVW.js';
+import { M as Modal } from './bundle-CxYPL7WI.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-Bp-36fPf.js';
 import { ButtonTypes } from '../ui/Button.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { d as deleteNullish, n as noop } from './bundle-V-9Qd25h.js';
-import { c as createStore, u as useStore, s as shimExports } from './bundle-BsyrNhZs.js';
+import { d as deleteNullish, n as noop } from './bundle-B9B1mEAa.js';
+import { c as createStore, u as useStore, s as shimExports } from './bundle-pBfrySrl.js';
 import { getCreateGroupChannel, getSdk } from '../sendbirdSelectors.js';
 import '@sendbird/uikit-tools';
-import { u as useVoicePlayerContext, b as ALL } from './bundle-C4BYk9ql.js';
+import { u as useVoicePlayerContext, b as ALL } from './bundle-C31WWUk7.js';
 import '../VoiceRecorder/context.js';
 import '../hooks/useModal.js';
-import './bundle-Cv2la_lu.js';
+import './bundle-BFsT_9ao.js';
 import 'css-vars-ponyfill';
 import '@sendbird/chat';
-import { A as APP_LAYOUT_ROOT } from './bundle-C_Vez3Fa.js';
+import { A as APP_LAYOUT_ROOT } from './bundle-9JkpmMZs.js';
 import '@sendbird/chat/openChannel';
 import 'react-dom';
-import './bundle-BGUnfEeP.js';
-import './bundle-DN2z2JNq.js';
-import './bundle-DlMteKWB.js';
-import './bundle-DFbXkkgs.js';
+import './bundle-DrI5IP-C.js';
+import './bundle-ChMR_e58.js';
+import './bundle-BSLYevKb.js';
+import './bundle-DHJjxtO9.js';
 import '../ui/Header.js';
-import './bundle-C1WYjzC2.js';
-import './bundle-wXiJmfh6.js';
+import './bundle-yh738HCK.js';
+import './bundle-BU9c2ngr.js';
 import '../ui/MessageInput.js';
-import './bundle-DbaLrmgZ.js';
+import './bundle-CwMSrHfk.js';
 import '../ui/ReactionButton.js';
 import '../ui/ReactionBadge.js';
-import './bundle--jIqJVDq.js';
+import './bundle-BlZjp9Wt.js';
 import '../Message/context.js';
-import './bundle-XfyVGKnP.js';
+import './bundle-BS4kFLtb.js';
 import '@sendbird/chat/message';
 import '../ui/ThreadReplies.js';
-import './bundle-BRbBe6zP.js';
+import './bundle-rTdo38YZ.js';
 import '../ui/TemplateMessageItemBody.js';
 import '../ui/FeedbackIconButton.js';
 import '../ui/Input.js';
 import '../ui/MessageContent.js';
-import './bundle-BKRfSnQL.js';
+import './bundle-CYv4R30_.js';
 import '../GroupChannel/components/MessageList.js';
-import './bundle-XsV26VlN.js';
+import './bundle-BOuY6hXb.js';
 import '../EditUserProfile/context.js';
 import '../Channel/context.js';
-import { u as useChannelListContext, S as SET_CURRENT_CHANNEL, L as LEAVE_CHANNEL_SUCCESS, C as ChannelListProvider } from './bundle-DWmNNvNj.js';
-import './bundle-3npZm9P2.js';
+import { u as useChannelListContext, S as SET_CURRENT_CHANNEL, L as LEAVE_CHANNEL_SUCCESS, C as ChannelListProvider } from './bundle-U-K8OPRp.js';
+import './bundle-Corv8Bh8.js';
 import '../ChannelSettings/hooks/useMenuList.js';
-import './bundle-gHhQTuPR.js';
-import './bundle-_bSKasth.js';
-import './bundle-OZw0fjH_.js';
+import './bundle-DG8z1Y38.js';
+import './bundle-BmDQuqP8.js';
+import './bundle-BagmtC5S.js';
 import '../Thread/context/types.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'date-fns';
@@ -72,8 +72,8 @@ import ChannelPreview from '../ChannelList/components/ChannelPreview.js';
 import ChannelSettings from '../ChannelSettings.js';
 import MessageSearchPannel from '../MessageSearch.js';
 import Thread from '../Thread.js';
-import { u as uuidv4 } from './bundle-D2VSxItc.js';
-import './bundle-BVI9Z3mE.js';
+import { u as uuidv4 } from './bundle-B7Bjp1Xs.js';
+import './bundle-DPAnDmna.js';
 import '../OpenChannel/components/OpenChannelInput.js';
 import '../OpenChannel/components/OpenChannelMessageList.js';
 import '../OpenChannelSettings/context.js';
@@ -606,7 +606,7 @@ var PANELS;
 })(PANELS || (PANELS = {}));
 var MobileLayout = function (props) {
     var _a, _b, _c;
-    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
+    var replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, autoscrollMessageOverflowToTop = props.autoscrollMessageOverflowToTop, allowProfileEdit = props.allowProfileEdit, isReactionEnabled = props.isReactionEnabled, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
     var _d = useState(PANELS.CHANNEL_LIST), panel = _d[0], setPanel = _d[1];
     var store = useSendbird().state;
     var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
@@ -713,6 +713,7 @@ var MobileLayout = function (props) {
         replyType: replyType,
         isMessageGroupingEnabled: isMessageGroupingEnabled,
         isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
+        autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop,
         // for GroupChannel
         animatedMessageId: highlightedMessage,
         onReplyInThreadClick: function (_a) {
@@ -756,4 +757,4 @@ var MobileLayout = function (props) {
 };
 
 export { AddGroupChannel as A, ChannelList as C, GroupChannelList as G, InviteUsers as I, MobileLayout as M, SelectChannelType as S, CreateChannelProvider as a, CreateChannelContext as b, useCreateChannelContext as c, CreateChannel$1 as d, CreateChannel as e, GroupChannelListUI as f, AddChannel as g, ChannelListUI as h, useCreateChannel as u };
-//# sourceMappingURL=bundle-CmXRAHD9.js.map
+//# sourceMappingURL=bundle-yVKo0YGh.js.map

package/chunks/{bundle-CmXRAHD9.js.map → bundle-yVKo0YGh.js.map}

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

package/chunks/{bundle-C1WYjzC2.js → bundle-yh738HCK.js}

@@ -9,4 +9,4 @@ var ThreadReplySelectType;
 })(ThreadReplySelectType || (ThreadReplySelectType = {}));
 
 export { MAX_USER_MENTION_COUNT as M, ThreadReplySelectType as T, UIKIT_COMPATIBLE_FORM_VERSION as U, USER_MENTION_TEMP_CHAR as a, MAX_USER_SUGGESTION_COUNT as b };
-//# sourceMappingURL=bundle-C1WYjzC2.js.map
+//# sourceMappingURL=bundle-yh738HCK.js.map

package/chunks/bundle-yh738HCK.js.map

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

package/cjs/App.js

@@ -2,95 +2,95 @@
 
 var React = require('react');
 var SendbirdProvider = require('./SendbirdProvider.js');
-var MediaQueryContext = require('./chunks/bundle-CIKnkotk.js');
-var _tslib = require('./chunks/bundle-BHWIGgxj.js');
+var MediaQueryContext = require('./chunks/bundle-CL3vP5dK.js');
+var _tslib = require('./chunks/bundle-CDDbFUb5.js');
 var GroupChannel = require('./GroupChannel.js');
-var CreateChannel_components_InviteUsers = require('./chunks/bundle-CoT59Mpu.js');
+var CreateChannel_components_InviteUsers = require('./chunks/bundle-BKw3Y8Pu.js');
 var Channel = require('./Channel.js');
 var ChannelSettings = require('./ChannelSettings.js');
 var MessageSearch = require('./MessageSearch.js');
 var Thread = require('./Thread.js');
-var utils = require('./chunks/bundle-BUUiEWpE.js');
-var ui_ContextMenu = require('./chunks/bundle-DZLiR5dN.js');
-var resolvedReplyType = require('./chunks/bundle-CDN8qW7X.js');
-var useSendbird = require('./chunks/bundle-CieeZY6s.js');
+var utils = require('./chunks/bundle-Oj5CI1Tm.js');
+var ui_ContextMenu = require('./chunks/bundle-B8MOu5xP.js');
+var resolvedReplyType = require('./chunks/bundle-CxM2urap.js');
+var useSendbird = require('./chunks/bundle-DxFPN4Ku.js');
 require('@sendbird/uikit-tools');
-require('./chunks/bundle-yj3Q8bOY.js');
-require('./chunks/bundle-B2alsqqW.js');
-require('./chunks/bundle-Cjvq2ZOT.js');
-require('./chunks/bundle-rBcfDSMC.js');
+require('./chunks/bundle-QYnLVURL.js');
+require('./chunks/bundle-Bb5I99FA.js');
+require('./chunks/bundle-rzNVQTEG.js');
+require('./chunks/bundle-DJcmwWsg.js');
 require('./VoiceRecorder/context.js');
-require('./chunks/bundle-B60m32Xw.js');
-require('./chunks/bundle-BPpTAdQ0.js');
-require('./chunks/bundle-C6KW6xda.js');
-require('./chunks/bundle-b-GMoXo9.js');
+require('./chunks/bundle-DVRd9RCJ.js');
+require('./chunks/bundle-C4s2NSOG.js');
+require('./chunks/bundle-BrCeZuer.js');
+require('./chunks/bundle-D_8lLMD9.js');
 require('react-dom');
 require('./ui/IconButton.js');
 require('./ui/Button.js');
-require('./chunks/bundle-C-cKMVK5.js');
+require('./chunks/bundle-DJ1hFedJ.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-B9-_x93L.js');
-require('./chunks/bundle-BFC91Brx.js');
+require('./chunks/bundle-BGa1xxTL.js');
+require('./chunks/bundle-sTZtPG9z.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/openChannel');
 require('./hooks/useModal.js');
-require('./chunks/bundle-EMsvSkjF.js');
-require('./chunks/bundle-BPU8mjJt.js');
-require('./chunks/bundle-BeQVnmH2.js');
+require('./chunks/bundle-DcfpVU4p.js');
+require('./chunks/bundle-n00GY-wk.js');
+require('./chunks/bundle-DKHFXLpI.js');
 require('css-vars-ponyfill');
-require('./chunks/bundle-DvPryEJn.js');
-require('./chunks/bundle-CYK_lspp.js');
-require('./chunks/bundle-DoIfqfcV.js');
+require('./chunks/bundle-BV7Q7SFV.js');
+require('./chunks/bundle-Dw0So4Wx.js');
+require('./chunks/bundle-Dg2jaDeJ.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-mDwFNnD9.js');
-require('./chunks/bundle-BP4TYvv9.js');
-require('./chunks/bundle-LgVwQzf4.js');
-require('./chunks/bundle-Dg48fEl9.js');
-require('./chunks/bundle-C3KlPyot.js');
+require('./chunks/bundle-DGXSeUCn.js');
+require('./chunks/bundle-CK_m8NjX.js');
+require('./chunks/bundle-CEsU412G.js');
+require('./chunks/bundle-Dx0luc8U.js');
+require('./chunks/bundle-wu07RjU8.js');
 require('./GroupChannel/components/GroupChannelUI.js');
-require('./chunks/bundle-CM1ECWyg.js');
+require('./chunks/bundle-OsSeG4wd.js');
 require('./GroupChannel/components/TypingIndicator.js');
-require('./chunks/bundle-BIc5sJq4.js');
+require('./chunks/bundle-L5YN6iBQ.js');
 require('./ui/ConnectionStatus.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./GroupChannel/components/GroupChannelHeader.js');
-require('./chunks/bundle-CapDmj2N.js');
+require('./chunks/bundle-C_RqDXlo.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-Bvv5CPc1.js');
+require('./chunks/bundle-DWFpuWvH.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-yeJtF1C-.js');
-require('./chunks/bundle-KIOZb3ks.js');
-require('./chunks/bundle-BWp2X_eQ.js');
-require('./chunks/bundle-BIrJktBj.js');
+require('./chunks/bundle-CyH3VQXd.js');
+require('./chunks/bundle-C7qydZXY.js');
+require('./chunks/bundle-Dhssz7gd.js');
+require('./chunks/bundle-bi9mqcNC.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-D9VNRYiT.js');
+require('./chunks/bundle-Dt13k5al.js');
 require('./ui/Header.js');
 require('./ui/TextButton.js');
-require('./chunks/bundle-5jlfy1Ow.js');
+require('./chunks/bundle-Uh93fIRI.js');
 require('./GroupChannel/components/MessageList.js');
 require('./GroupChannel/components/Message.js');
-require('./chunks/bundle-CWhEqpIO.js');
-require('./chunks/bundle-DWK3fan8.js');
+require('./chunks/bundle-CIq3Xxlh.js');
+require('./chunks/bundle-DjEqYdYf.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./ui/DateSeparator.js');
 require('./ui/MessageInput.js');
-require('./chunks/bundle-CtpWAlqw.js');
-require('./chunks/bundle-DzXjLE21.js');
+require('./chunks/bundle-CiZC5ckY.js');
+require('./chunks/bundle-0Hh5Ixhi.js');
 require('dompurify');
-require('./chunks/bundle-Ci9Z8Gx1.js');
-require('./chunks/bundle-BVql4NX6.js');
-require('./chunks/bundle-DqXYRRO7.js');
-require('./chunks/bundle-CEZgsFmJ.js');
+require('./chunks/bundle-hH3nRP5c.js');
+require('./chunks/bundle-DnfgBHal.js');
+require('./chunks/bundle-DxGgdvuy.js');
+require('./chunks/bundle-CPtqF_F0.js');
 require('./ui/MessageContent.js');
-require('./chunks/bundle-DbbuwUMm.js');
-require('./chunks/bundle-C4QGWug2.js');
-require('./chunks/bundle-QrcqdsaB.js');
-require('./chunks/bundle-LKI8DB23.js');
+require('./chunks/bundle-DJK2Za4a.js');
+require('./chunks/bundle-BK7SeeeT.js');
+require('./chunks/bundle--vGbc2B8.js');
+require('./chunks/bundle-qKSGeLYM.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-C0tjOrov.js');
+require('./chunks/bundle-Bx1iL-QJ.js');
 require('./ui/SortByRow.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
@@ -105,19 +105,19 @@ require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
 require('./ui/QuoteMessage.js');
-require('./chunks/bundle-BZ1V9b9g.js');
+require('./chunks/bundle-IJ2w8lxn.js');
 require('./ui/MobileMenu.js');
 require('./ui/ThreadReplies.js');
-require('./chunks/bundle-DnJDR4u5.js');
+require('./chunks/bundle-Dbaky80o.js');
 require('./ui/OGMessageItemBody.js');
-require('./chunks/bundle-B5ka_Awd.js');
+require('./chunks/bundle-cm1KGwaP.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
 require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
-require('./chunks/bundle-Du3meFk3.js');
+require('./chunks/bundle-BZmeQp4z.js');
 require('./ui/FileViewer.js');
-require('./chunks/bundle-BmRxveyV.js');
+require('./chunks/bundle-CDm2ssUl.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
@@ -125,7 +125,7 @@ require('./ui/PlaybackTime.js');
 require('./ui/ThumbnailMessageItemBody.js');
 require('./ui/UnknownMessageItemBody.js');
 require('./ui/TemplateMessageItemBody.js');
-require('./chunks/bundle-rpg5uLhA.js');
+require('./chunks/bundle-CG1thihY.js');
 require('./ui/FallbackTemplateMessageItemBody.tsx.js');
 require('./ui/LoadingTemplateMessageItemBody.tsx.js');
 require('./ui/MessageFeedbackFailedModal.js');
@@ -133,73 +133,73 @@ require('./ui/FeedbackIconButton.js');
 require('./ui/MobileFeedbackMenu.js');
 require('./ui/MessageFeedbackModal.js');
 require('./ui/Input.js');
-require('./chunks/bundle-DYREwheh.js');
+require('./chunks/bundle-VSPiXeDq.js');
 require('./GroupChannel/components/SuggestedReplies.js');
-require('./chunks/bundle-DDvS9HEb.js');
+require('./chunks/bundle-B7PL_6yR.js');
 require('./GroupChannel/components/FileViewer.js');
-require('./chunks/bundle-CSZcx-m7.js');
+require('./chunks/bundle-Duu5TPz6.js');
 require('./GroupChannel/components/RemoveMessageModal.js');
-require('./chunks/bundle-DxCwRDJR.js');
-require('./chunks/bundle-BJTLq5Qc.js');
+require('./chunks/bundle-DtX531fC.js');
+require('./chunks/bundle-C8zwQAoe.js');
 require('./GroupChannel/components/UnreadCount.js');
 require('./GroupChannel/components/FrozenNotification.js');
 require('./ui/TypingIndicatorBubble.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
-require('./chunks/bundle-Cio3geXX.js');
+require('./chunks/bundle-CYwafKlr.js');
 require('./GroupChannel/components/MessageInputWrapper.js');
-require('./chunks/bundle-DfqFZ2kQ.js');
+require('./chunks/bundle-BmcUb6Qm.js');
 require('./GroupChannel/components/SuggestedMentionList.js');
 require('./ui/QuoteMessageInput.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-Bq2Z8KaT.js');
-require('./chunks/bundle-3nGXbnX_.js');
-require('./chunks/bundle-C2IX5TkS.js');
+require('./chunks/bundle-Bs94aKMl.js');
+require('./chunks/bundle-DvxF8g-p.js');
+require('./chunks/bundle-DkmCE3yK.js');
 require('./GroupChannelList/components/GroupChannelListHeader.js');
 require('./EditUserProfile.js');
 require('./EditUserProfile/context.js');
 require('./EditUserProfile/components/EditUserProfileUI.js');
-require('./chunks/bundle-BjmGIkhj.js');
-require('./chunks/bundle-B2IxWnYD.js');
+require('./chunks/bundle-DecNebJZ.js');
+require('./chunks/bundle-BUGhgPH-.js');
 require('./GroupChannelList/components/GroupChannelPreviewAction.js');
 require('./GroupChannelList/components/GroupChannelListItem.js');
-require('./chunks/bundle-CZYADtQm.js');
+require('./chunks/bundle-BihfFoDc.js');
 require('./ui/Badge.js');
 require('./ui/MentionUserLabel.js');
 require('./Channel/context.js');
-require('./chunks/bundle-Bo7hpkHl.js');
-require('./chunks/bundle-BOXscfXF.js');
-require('./chunks/bundle-CY-mROcZ.js');
-require('./chunks/bundle-CTOCmxIS.js');
-require('./chunks/bundle-CrB7AETR.js');
-require('./chunks/bundle-3v0pwJ9H.js');
+require('./chunks/bundle-DqivgwAr.js');
+require('./chunks/bundle-BNWVjSo1.js');
+require('./chunks/bundle-6E5tcctr.js');
+require('./chunks/bundle-lfgZieeL.js');
+require('./chunks/bundle-D5Bakd3q.js');
+require('./chunks/bundle-VWUErcEg.js');
 require('./ChannelSettings/hooks/useMenuList.js');
-require('./chunks/bundle-BQleL0j9.js');
-require('./chunks/bundle-SAAHguUX.js');
-require('./chunks/bundle-CLuHDUOQ.js');
+require('./chunks/bundle-CGzn_R2T.js');
+require('./chunks/bundle-B6On5oCI.js');
+require('./chunks/bundle-CZfhE2de.js');
 require('./ui/Toggle.js');
 require('./ChannelSettings/components/ChannelSettingsMenuItem.js');
-require('./chunks/bundle-BgvfZZPM.js');
-require('./chunks/bundle-kN_YmX6K.js');
+require('./chunks/bundle-DcYlwEms.js');
+require('./chunks/bundle-CtSld35q.js');
 require('./Thread/context/types.js');
 require('date-fns');
 require('./Thread/components/ThreadMessageInput.js');
-require('./chunks/bundle-DeaZ2PrP.js');
-require('./chunks/bundle-Dg8Ui-Gg.js');
+require('./chunks/bundle-BBLGwo2L.js');
+require('./chunks/bundle-an-xqZfU.js');
 require('./Channel/hooks/useHandleUploadFiles.js');
 require('./ChannelList/components/ChannelPreview.js');
-require('./chunks/bundle-B-KfKK9I.js');
+require('./chunks/bundle-BoFHkqbH.js');
 require('./OpenChannel/components/OpenChannelInput.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
-require('./chunks/bundle-DH-nEckd.js');
-require('./chunks/bundle-DjmBE7_s.js');
+require('./chunks/bundle-DfKouhu9.js');
+require('./chunks/bundle-Cw4J7P0Z.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
-require('./chunks/bundle-DmcomVs0.js');
+require('./chunks/bundle-BhVlOpqR.js');
 require('./OpenChannelSettings/context.js');
 require('./ui/AccordionGroup.js');
 require('./useSendbirdStateContext.js');
@@ -221,7 +221,7 @@ require('./ui/MessageSearchItem.js');
 require('./ui/MessageSearchFileItem.js');
 require('./Thread/components/ThreadUI.js');
 require('./Thread/components/ParentMessageInfo.js');
-require('./chunks/bundle-Bk9VYI5o.js');
+require('./chunks/bundle-DbgP1Y-0.js');
 require('./Thread/components/ParentMessageInfoItem.js');
 require('./Thread/components/ThreadHeader.js');
 require('./Thread/components/ThreadList.js');
@@ -232,7 +232,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var DesktopLayout = function (props) {
-    var isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, allowProfileEdit = props.allowProfileEdit, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, showSettings = props.showSettings, setShowSettings = props.setShowSettings, showSearch = props.showSearch, setShowSearch = props.setShowSearch, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, showThread = props.showThread, setShowThread = props.setShowThread, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
+    var isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, isMessageGroupingEnabled = props.isMessageGroupingEnabled, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, autoscrollMessageOverflowToTop = props.autoscrollMessageOverflowToTop, allowProfileEdit = props.allowProfileEdit, showSearchIcon = props.showSearchIcon, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, showSettings = props.showSettings, setShowSettings = props.setShowSettings, showSearch = props.showSearch, setShowSearch = props.setShowSearch, highlightedMessage = props.highlightedMessage, setHighlightedMessage = props.setHighlightedMessage, startingPoint = props.startingPoint, setStartingPoint = props.setStartingPoint, showThread = props.showThread, setShowThread = props.setShowThread, threadTargetMessage = props.threadTargetMessage, setThreadTargetMessage = props.setThreadTargetMessage, enableLegacyChannelModules = props.enableLegacyChannelModules;
     var updateFocusedChannel = function (channel) {
         setStartingPoint === null || setStartingPoint === void 0 ? void 0 : setStartingPoint(null);
         setHighlightedMessage === null || setHighlightedMessage === void 0 ? void 0 : setHighlightedMessage(null);
@@ -274,7 +274,7 @@ var DesktopLayout = function (props) {
         onSearchClick: function () {
             setShowSettings(false);
             setShowThread(false);
-            setShowSearch(!showSearch);
+            setShowSearch(function (prev) { return !prev; });
         },
         onReplyInThread: onClickThreadReply,
         onQuoteMessageClick: function (_a) {
@@ -295,6 +295,7 @@ var DesktopLayout = function (props) {
         replyType: replyType,
         isMessageGroupingEnabled: isMessageGroupingEnabled,
         isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
+        autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop,
         // for GroupChannel
         animatedMessageId: highlightedMessage,
         onReplyInThreadClick: onClickThreadReply,
@@ -342,7 +343,7 @@ var DesktopLayout = function (props) {
 
 var AppLayout = function (props) {
     var _a, _b, _c;
-    var isMessageGroupingEnabled = props.isMessageGroupingEnabled, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, enableLegacyChannelModules = props.enableLegacyChannelModules;
+    var isMessageGroupingEnabled = props.isMessageGroupingEnabled, autoscrollMessageOverflowToTop = props.autoscrollMessageOverflowToTop, allowProfileEdit = props.allowProfileEdit, onProfileEditSuccess = props.onProfileEditSuccess, disableAutoSelect = props.disableAutoSelect, currentChannel = props.currentChannel, setCurrentChannel = props.setCurrentChannel, enableLegacyChannelModules = props.enableLegacyChannelModules;
     var state = useSendbird.useSendbird().state;
     var globalConfigs = state.config;
     var _d = React.useState(false), showThread = _d[0], setShowThread = _d[1];
@@ -360,8 +361,8 @@ var AppLayout = function (props) {
     var isReactionEnabled = (_b = props.isReactionEnabled) !== null && _b !== void 0 ? _b : globalConfigs.groupChannel.enableReactions;
     var showSearchIcon = (_c = props.showSearchIcon) !== null && _c !== void 0 ? _c : globalConfigs.groupChannelSettings.enableMessageSearch;
     return (React__default.default.createElement(React__default.default.Fragment, null, isMobile
-        ? (React__default.default.createElement(CreateChannel_components_InviteUsers.MobileLayout, { replyType: replyType, showSearchIcon: showSearchIcon, isReactionEnabled: isReactionEnabled, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage, enableLegacyChannelModules: enableLegacyChannelModules }))
-        : (React__default.default.createElement(DesktopLayout, { replyType: replyType, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, showThread: showThread, setShowThread: setShowThread, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage, showSettings: showSettings, setShowSettings: setShowSettings, showSearch: showSearch, setShowSearch: setShowSearch, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint, enableLegacyChannelModules: enableLegacyChannelModules }))));
+        ? (React__default.default.createElement(CreateChannel_components_InviteUsers.MobileLayout, { replyType: replyType, showSearchIcon: showSearchIcon, isReactionEnabled: isReactionEnabled, isMessageGroupingEnabled: isMessageGroupingEnabled, autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage, enableLegacyChannelModules: enableLegacyChannelModules }))
+        : (React__default.default.createElement(DesktopLayout, { replyType: replyType, isReactionEnabled: isReactionEnabled, showSearchIcon: showSearchIcon, isMessageGroupingEnabled: isMessageGroupingEnabled, autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, showThread: showThread, setShowThread: setShowThread, threadTargetMessage: threadTargetMessage, setThreadTargetMessage: setThreadTargetMessage, showSettings: showSettings, setShowSettings: setShowSettings, showSearch: showSearch, setShowSearch: setShowSearch, highlightedMessage: highlightedMessage, setHighlightedMessage: setHighlightedMessage, startingPoint: startingPoint, setStartingPoint: setStartingPoint, enableLegacyChannelModules: enableLegacyChannelModules }))));
 };
 
 /**
@@ -370,16 +371,16 @@ var AppLayout = function (props) {
  * default chat apps
  */
 function App(props) {
-    var appId = props.appId, userId = props.userId, _a = props.accessToken, accessToken = _a === void 0 ? '' : _a, _b = props.customApiHost, customApiHost = _b === void 0 ? '' : _b, _c = props.customWebSocketHost, customWebSocketHost = _c === void 0 ? '' : _c, breakpoint = props.breakpoint, _d = props.theme, theme = _d === void 0 ? 'light' : _d, userListQuery = props.userListQuery, _e = props.nickname, nickname = _e === void 0 ? '' : _e, _f = props.profileUrl, profileUrl = _f === void 0 ? '' : _f, dateLocale = props.dateLocale, _g = props.config, config = _g === void 0 ? {} : _g, voiceRecord = props.voiceRecord, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, colorSet = props.colorSet, stringSet = props.stringSet, _j = props.allowProfileEdit, allowProfileEdit = _j === void 0 ? false : _j, _k = props.disableMarkAsDelivered, disableMarkAsDelivered = _k === void 0 ? false : _k, renderUserProfile = props.renderUserProfile, onProfileEditSuccess = props.onProfileEditSuccess, _l = props.imageCompression, imageCompression = _l === void 0 ? {} : _l, _m = props.disableAutoSelect, disableAutoSelect = _m === void 0 ? false : _m, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, _o = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _o === void 0 ? true : _o, _p = props.enableLegacyChannelModules, enableLegacyChannelModules = _p === void 0 ? false : _p, uikitOptions = props.uikitOptions, _q = props.htmlTextDirection, htmlTextDirection = _q === void 0 ? 'ltr' : _q, _r = props.forceLeftToRightMessageLayout, forceLeftToRightMessageLayout = _r === void 0 ? false : _r, 
+    var appId = props.appId, userId = props.userId, _a = props.accessToken, accessToken = _a === void 0 ? '' : _a, _b = props.customApiHost, customApiHost = _b === void 0 ? '' : _b, _c = props.customWebSocketHost, customWebSocketHost = _c === void 0 ? '' : _c, breakpoint = props.breakpoint, _d = props.theme, theme = _d === void 0 ? 'light' : _d, userListQuery = props.userListQuery, _e = props.nickname, nickname = _e === void 0 ? '' : _e, _f = props.profileUrl, profileUrl = _f === void 0 ? '' : _f, dateLocale = props.dateLocale, _g = props.config, config = _g === void 0 ? {} : _g, voiceRecord = props.voiceRecord, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, colorSet = props.colorSet, stringSet = props.stringSet, _j = props.allowProfileEdit, allowProfileEdit = _j === void 0 ? false : _j, _k = props.disableMarkAsDelivered, disableMarkAsDelivered = _k === void 0 ? false : _k, renderUserProfile = props.renderUserProfile, onProfileEditSuccess = props.onProfileEditSuccess, _l = props.imageCompression, imageCompression = _l === void 0 ? {} : _l, _m = props.disableAutoSelect, disableAutoSelect = _m === void 0 ? false : _m, sdkInitParams = props.sdkInitParams, customExtensionParams = props.customExtensionParams, eventHandlers = props.eventHandlers, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, _o = props.autoscrollMessageOverflowToTop, autoscrollMessageOverflowToTop = _o === void 0 ? false : _o, _p = props.isUserIdUsedForNickname, isUserIdUsedForNickname = _p === void 0 ? true : _p, _q = props.enableLegacyChannelModules, enableLegacyChannelModules = _q === void 0 ? false : _q, uikitOptions = props.uikitOptions, _r = props.htmlTextDirection, htmlTextDirection = _r === void 0 ? 'ltr' : _r, _s = props.forceLeftToRightMessageLayout, forceLeftToRightMessageLayout = _s === void 0 ? false : _s, 
     // The below configs are duplicates of the Dashboard UIKit Configs.
     // Since their default values will be set in the Sendbird component,
     // we don't need to set them here.
     showSearchIcon = props.showSearchIcon, isMentionEnabled = props.isMentionEnabled, isReactionEnabled = props.isReactionEnabled, replyType = props.replyType, disableUserProfile = props.disableUserProfile, isVoiceMessageEnabled = props.isVoiceMessageEnabled, isTypingIndicatorEnabledOnChannelList = props.isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList = props.isMessageReceiptStatusEnabledOnChannelList;
-    var _s = React.useState(), currentChannel = _s[0], setCurrentChannel = _s[1];
-    return (React__default.default.createElement(SendbirdProvider.SendbirdProvider, { stringSet: stringSet, appId: appId, userId: userId, accessToken: accessToken, customApiHost: customApiHost, customWebSocketHost: customWebSocketHost, breakpoint: breakpoint, theme: theme, nickname: nickname, profileUrl: profileUrl, dateLocale: dateLocale, userListQuery: userListQuery, config: config, colorSet: colorSet, disableMarkAsDelivered: disableMarkAsDelivered, renderUserProfile: renderUserProfile, imageCompression: imageCompression, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, voiceRecord: voiceRecord, onStartDirectMessage: function (channel) {
+    var _t = React.useState(), currentChannel = _t[0], setCurrentChannel = _t[1];
+    return (React__default.default.createElement(SendbirdProvider.SendbirdProvider, { stringSet: stringSet, appId: appId, userId: userId, accessToken: accessToken, customApiHost: customApiHost, customWebSocketHost: customWebSocketHost, breakpoint: breakpoint, theme: theme, nickname: nickname, profileUrl: profileUrl, dateLocale: dateLocale, userListQuery: userListQuery, config: config, colorSet: colorSet, disableMarkAsDelivered: disableMarkAsDelivered, renderUserProfile: renderUserProfile, imageCompression: imageCompression, isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled, autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop, voiceRecord: voiceRecord, onStartDirectMessage: function (channel) {
             setCurrentChannel(channel);
         }, uikitOptions: uikitOptions, isUserIdUsedForNickname: isUserIdUsedForNickname, sdkInitParams: sdkInitParams, customExtensionParams: customExtensionParams, eventHandlers: eventHandlers, isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList, isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList, replyType: replyType, showSearchIcon: showSearchIcon, disableUserProfile: disableUserProfile, isReactionEnabled: isReactionEnabled, isMentionEnabled: isMentionEnabled, isVoiceMessageEnabled: isVoiceMessageEnabled, htmlTextDirection: htmlTextDirection, forceLeftToRightMessageLayout: forceLeftToRightMessageLayout },
-        React__default.default.createElement(AppLayout, { isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon })));
+        React__default.default.createElement(AppLayout, { autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop, isMessageGroupingEnabled: isMessageGroupingEnabled, allowProfileEdit: allowProfileEdit, onProfileEditSuccess: onProfileEditSuccess, disableAutoSelect: disableAutoSelect, currentChannel: currentChannel, setCurrentChannel: setCurrentChannel, enableLegacyChannelModules: enableLegacyChannelModules, isReactionEnabled: isReactionEnabled, replyType: replyType, showSearchIcon: showSearchIcon })));
 }
 
 module.exports = App;

package/cjs/App.js.map

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