@sendbird/uikit-react 3.17.3 → 3.17.5

package/cjs/chunks/{bundle-BrM1-UXm.js → bundle-Dg2jaDeJ.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var _tslib = require('./bundle-fRoCW5cU.js');
+var _tslib = require('./bundle-CDDbFUb5.js');
 var React = require('react');
 var message = require('@sendbird/chat/message');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var uikitTools = require('@sendbird/uikit-tools');
-var UserProfileContext = require('./bundle-C_LglGAg.js');
-var index$1 = require('./bundle-C8Fgcgjn.js');
-var SendbirdContext = require('./bundle-DTYp1_IX.js');
-var utils = require('./bundle-B6DOYjpt.js');
-var useSendbird = require('./bundle-DeGDoBu7.js');
-var getIsReactionEnabled = require('./bundle-CYwuwOrD.js');
-var resolvedReplyType = require('./bundle-Bi3W488p.js');
-var pubSub_topics = require('./bundle-COZD0vRV.js');
-var _const = require('./bundle-B3q-UFsa.js');
-var useDeepCompareEffect = require('./bundle-CqtILdGL.js');
-var utils$1 = require('./bundle-DbNQ7IWL.js');
+var UserProfileContext = require('./bundle-DGXSeUCn.js');
+var index$1 = require('./bundle-n00GY-wk.js');
+var SendbirdContext = require('./bundle-sTZtPG9z.js');
+var utils = require('./bundle-CK_m8NjX.js');
+var useSendbird = require('./bundle-DxFPN4Ku.js');
+var getIsReactionEnabled = require('./bundle-Dx0luc8U.js');
+var resolvedReplyType = require('./bundle-CxM2urap.js');
+var pubSub_topics = require('./bundle-wu07RjU8.js');
+var _const = require('./bundle-CEsU412G.js');
+var useDeepCompareEffect = require('./bundle-Dw0So4Wx.js');
+var utils$1 = require('./bundle-Oj5CI1Tm.js');
 var SendbirdChat = require('@sendbird/chat');
-var index = require('./bundle-2bQLJ54p.js');
-var consts = require('./bundle-BaVeAHy2.js');
+var index = require('./bundle-DcfpVU4p.js');
+var consts = require('./bundle-rzNVQTEG.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -274,7 +274,7 @@ var useGroupChannel = function () {
                     message = state.messages.find(function (it) { return it.messageId === messageId || it.createdAt === createdAt; });
                     if (!message) return [3 /*break*/, 1];
                     topOffset = utils.getMessageTopOffset(message.createdAt);
-                    if (topOffset)
+                    if (topOffset !== null)
                         state.scrollPubSub.publish('scroll', { top: topOffset, animated: scrollAnimated });
                     if (messageFocusAnimated !== null && messageFocusAnimated !== void 0 ? messageFocusAnimated : true)
                         setAnimatedMessageId(messageId);
@@ -286,7 +286,7 @@ var useGroupChannel = function () {
                     _a.sent();
                     setTimeout(function () {
                         var topOffset = utils.getMessageTopOffset(createdAt);
-                        if (topOffset) {
+                        if (topOffset !== null) {
                             state.scrollPubSub.publish('scroll', {
                                 top: topOffset,
                                 lazy: false,
@@ -295,7 +295,7 @@ var useGroupChannel = function () {
                         }
                         if (messageFocusAnimated !== null && messageFocusAnimated !== void 0 ? messageFocusAnimated : true)
                             setAnimatedMessageId(messageId);
-                    });
+                    }, 500);
                     _a.label = 3;
                 case 3:
                     clickHandler.activate();
@@ -345,8 +345,11 @@ var useGroupChannel = function () {
     var setFirstUnreadMessageId = React.useCallback(function (messageId) {
         store.setState(function (state) { return (_tslib.__assign(_tslib.__assign({}, state), { firstUnreadMessageId: messageId })); });
     }, []);
+    var setNewMessageIds = React.useCallback(function (newMessageIds) {
+        store.setState(function (state) { return (_tslib.__assign(_tslib.__assign({}, state), { newMessageIds: newMessageIds })); });
+    }, []);
     var actions = React.useMemo(function () {
-        return _tslib.__assign({ setCurrentChannel: setCurrentChannel, handleChannelError: handleChannelError, markAsReadAll: markAsReadAll, markAsUnread: state.markAsUnread, setReadStateChanged: setReadStateChanged, setFirstUnreadMessageId: setFirstUnreadMessageId, setQuoteMessage: setQuoteMessage, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction, setAnimatedMessageId: setAnimatedMessageId, setIsScrollBottomReached: setIsScrollBottomReached }, messageActions);
+        return _tslib.__assign({ setCurrentChannel: setCurrentChannel, handleChannelError: handleChannelError, markAsReadAll: markAsReadAll, markAsUnread: state.markAsUnread, setReadStateChanged: setReadStateChanged, setFirstUnreadMessageId: setFirstUnreadMessageId, setNewMessageIds: setNewMessageIds, setQuoteMessage: setQuoteMessage, scrollToBottom: scrollToBottom, scrollToMessage: scrollToMessage, toggleReaction: toggleReaction, setAnimatedMessageId: setAnimatedMessageId, setIsScrollBottomReached: setIsScrollBottomReached }, messageActions);
     }, [
         setCurrentChannel,
         handleChannelError,
@@ -473,6 +476,7 @@ var initialState = function () { return ({
     isReactionEnabled: false,
     isMessageGroupingEnabled: true,
     isMultipleFilesMessageEnabled: false,
+    autoscrollMessageOverflowToTop: false,
     showSearchIcon: true,
     replyType: 'NONE',
     threadReplySelectType: _const.ThreadReplySelectType.PARENT,
@@ -493,6 +497,7 @@ var InternalGroupChannelProvider = function (props) {
         isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled,
         isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled,
         isMultipleFilesMessageEnabled: props === null || props === void 0 ? void 0 : props.isMultipleFilesMessageEnabled,
+        autoscrollMessageOverflowToTop: props === null || props === void 0 ? void 0 : props.autoscrollMessageOverflowToTop,
         showSearchIcon: props === null || props === void 0 ? void 0 : props.showSearchIcon,
         threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType,
         disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead,
@@ -521,7 +526,7 @@ var InternalGroupChannelProvider = function (props) {
 };
 var GroupChannelManager = function (props) {
     var _a, _b, _c;
-    var channelUrl = props.channelUrl, children = props.children, moduleReactionEnabled = props.isReactionEnabled, moduleReplyType = props.replyType, moduleThreadReplySelectType = props.threadReplySelectType, _d = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _d === void 0 ? true : _d, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, showSearchIcon = props.showSearchIcon, _e = props.disableMarkAsRead, disableMarkAsRead = _e === void 0 ? false : _e, _f = props.scrollBehavior, scrollBehavior = _f === void 0 ? 'auto' : _f, startingPoint = props.startingPoint, _animatedMessageId = props.animatedMessageId, messageListQueryParams = props.messageListQueryParams, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, onMessageAnimated = props.onMessageAnimated, onBackClick = props.onBackClick, onChatHeaderActionClick = props.onChatHeaderActionClick, onReplyInThreadClick = props.onReplyInThreadClick, onSearchClick = props.onSearchClick, onQuoteMessageClick = props.onQuoteMessageClick, renderUserMentionItem = props.renderUserMentionItem, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
+    var channelUrl = props.channelUrl, children = props.children, moduleReactionEnabled = props.isReactionEnabled, moduleReplyType = props.replyType, moduleThreadReplySelectType = props.threadReplySelectType, _d = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _d === void 0 ? true : _d, isMultipleFilesMessageEnabled = props.isMultipleFilesMessageEnabled, autoscrollMessageOverflowToTop = props.autoscrollMessageOverflowToTop, showSearchIcon = props.showSearchIcon, _e = props.disableMarkAsRead, disableMarkAsRead = _e === void 0 ? false : _e, _f = props.scrollBehavior, scrollBehavior = _f === void 0 ? 'auto' : _f, startingPoint = props.startingPoint, _animatedMessageId = props.animatedMessageId, messageListQueryParams = props.messageListQueryParams, onBeforeSendUserMessage = props.onBeforeSendUserMessage, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onBeforeSendVoiceMessage = props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage = props.onBeforeSendMultipleFilesMessage, onBeforeUpdateUserMessage = props.onBeforeUpdateUserMessage, onBeforeDownloadFileMessage = props.onBeforeDownloadFileMessage, onMessageAnimated = props.onMessageAnimated, onBackClick = props.onBackClick, onChatHeaderActionClick = props.onChatHeaderActionClick, onReplyInThreadClick = props.onReplyInThreadClick, onSearchClick = props.onSearchClick, onQuoteMessageClick = props.onQuoteMessageClick, renderUserMentionItem = props.renderUserMentionItem, filterEmojiCategoryIds = props.filterEmojiCategoryIds;
     var _g = useGroupChannel(), state = _g.state, actions = _g.actions;
     var updateState = useGroupChannelStore().updateState;
     var _h = useSendbird.useSendbird().state, config = _h.config, stores = _h.stores;
@@ -590,9 +595,14 @@ var GroupChannelManager = function (props) {
                 // even though the next messages and the current messages length are the same.
                 // So added this condition to check if they are the same to prevent unnecessary calling scrollToBottom action
                 && messages.length !== state.messages.length) {
-                setTimeout(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () { return _tslib.__generator(this, function (_a) {
-                    return [2 /*return*/, actions.scrollToBottom(true)];
-                }); }); }, 10);
+                if (!autoscrollMessageOverflowToTop) {
+                    setTimeout(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () { return _tslib.__generator(this, function (_a) {
+                        return [2 /*return*/, actions.scrollToBottom(true)];
+                    }); }); }, 10);
+                }
+                else {
+                    actions.setNewMessageIds(messages.map(function (it) { return it.messageId; }));
+                }
             }
         },
         onChannelDeleted: function () {
@@ -650,6 +660,7 @@ var GroupChannelManager = function (props) {
             }
             handleExternalMessage = function (data) {
                 var _a;
+                // send message
                 if (data.channel.url === ((_a = state.currentChannel) === null || _a === void 0 ? void 0 : _a.url)) {
                     actions.scrollToBottom(true);
                 }
@@ -713,6 +724,7 @@ var GroupChannelManager = function (props) {
         isReactionEnabled: resolvedIsReactionEnabled,
         isMessageGroupingEnabled: isMessageGroupingEnabled,
         isMultipleFilesMessageEnabled: isMultipleFilesMessageEnabled,
+        autoscrollMessageOverflowToTop: autoscrollMessageOverflowToTop !== null && autoscrollMessageOverflowToTop !== void 0 ? autoscrollMessageOverflowToTop : false,
         replyType: resolvedReplyType$1,
         threadReplySelectType: resolvedThreadReplySelectType,
         showSearchIcon: showSearchIcon !== null && showSearchIcon !== void 0 ? showSearchIcon : config.groupChannelSettings.enableMessageSearch,
@@ -722,6 +734,7 @@ var GroupChannelManager = function (props) {
         resolvedIsReactionEnabled,
         isMessageGroupingEnabled,
         isMultipleFilesMessageEnabled,
+        autoscrollMessageOverflowToTop,
         resolvedReplyType$1,
         resolvedThreadReplySelectType,
         showSearchIcon,
@@ -789,4 +802,4 @@ exports.GroupChannelProvider = GroupChannelProvider;
 exports.InternalGroupChannelProvider = InternalGroupChannelProvider;
 exports.useGroupChannel = useGroupChannel;
 exports.useGroupChannelContext = useGroupChannelContext;
-//# sourceMappingURL=bundle-BrM1-UXm.js.map
+//# sourceMappingURL=bundle-Dg2jaDeJ.js.map

package/{chunks/bundle-CE3h0MW9.js.map → cjs/chunks/bundle-Dg2jaDeJ.js.map}

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

package/cjs/chunks/{bundle-DL4YS1iF.js → bundle-Dhssz7gd.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var ui_Label = require('./bundle-DOxcYysl.js');
-var index = require('./bundle-aQwLLVXR.js');
+var ui_Label = require('./bundle-DJ1hFedJ.js');
+var index = require('./bundle-bi9mqcNC.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -25,4 +25,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-DL4YS1iF.js.map
+//# sourceMappingURL=bundle-Dhssz7gd.js.map

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

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

package/cjs/chunks/{bundle-BB3usWy-.js → bundle-DjEqYdYf.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./bundle-CZPePc2t.js');
-var index$1 = require('./bundle-C5RSlOUR.js');
+var index = require('./bundle-Dt13k5al.js');
+var index$1 = require('./bundle-BrCeZuer.js');
 
 /**
  * @name isDate
@@ -1647,4 +1647,4 @@ function cleanEscapedString(input) {
 
 exports.format = format;
 exports.toInteger = toInteger;
-//# sourceMappingURL=bundle-BB3usWy-.js.map
+//# sourceMappingURL=bundle-DjEqYdYf.js.map