@sendbird/uikit-react 3.8.0 → 3.8.1

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,36 +1,36 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../../chunks/bundle-6ziaqiUd.js');
+var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Avatar = require('../../ui/Avatar.js');
-var LocalizationContext = require('../../chunks/bundle-QmSa90PC.js');
-var uuid = require('../../chunks/bundle-gMxOq93o.js');
-var Channel_context = require('../../chunks/bundle-4DATo50q.js');
+var ui_Avatar = require('../../chunks/bundle-lj7KorhP.js');
+var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
+var uuid = require('../../chunks/bundle-Z8uBiYyS.js');
+var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../chunks/bundle-P_B0eyVT.js');
-var _const = require('../../chunks/bundle-dXhGOQQM.js');
+var _const$1 = require('../../chunks/bundle-VHUezYnn.js');
+var _const = require('../../chunks/bundle-YRW87MiX.js');
 var Thread_context = require('../../Thread/context.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-z-Bvsn0B.js');
-require('../../chunks/bundle-1yOirqug.js');
+var _tslib = require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-viTxhrPr.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-n1yh-qDb.js');
-require('../../chunks/bundle-4bb_98h6.js');
-require('../../chunks/bundle-4q81wd8X.js');
-require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-FHx0K-3z.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-ACXel153.js');
+require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-c6O8NjZI.js');
-require('../../chunks/bundle-tmB_l3Q9.js');
+require('../../chunks/bundle-bQffWPr0.js');
+require('../../chunks/bundle-a_NGo240.js');
 require('@sendbird/chat/groupChannel');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../pubSub/topics.js');
-require('../../chunks/bundle-6o4fw0w0.js');
-require('../../chunks/bundle-L9ushBZQ.js');
-require('../../chunks/bundle-g_OXBrgT.js');
+require('../../chunks/bundle-6fWeHUzf.js');
+require('../../chunks/bundle-4iro9CUN.js');
+require('../../chunks/bundle-wPu8WyIh.js');
+require('../../chunks/bundle-leALuaxJ.js');
 require('../../withSendbird.js');
 require('../../Thread/context/types.js');
 require('@sendbird/chat');
@@ -55,11 +55,43 @@ function SuggestedUserMentionItem(props) {
         return customMentionItem;
     }
     return (React.createElement("div", { className: "sendbird-mention-suggest-list__user-item ".concat(isFocused ? 'focused' : ''), onClick: function (event) { return onClick === null || onClick === void 0 ? void 0 : onClick({ event: event, member: member, itemRef: scrollRef }); }, onMouseOver: function (event) { return onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({ event: event, member: member, itemRef: scrollRef }); }, onMouseMove: function (event) { return onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({ event: event, member: member, itemRef: scrollRef }); }, key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), ref: scrollRef },
-        React.createElement(ui_Avatar.default, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
+        React.createElement(ui_Avatar.Avatar, { className: "sendbird-mention-suggest-list__user-item__avatar", src: member === null || member === void 0 ? void 0 : member.profileUrl, alt: "user-profile", width: "24px", height: "24px" }),
         React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__nickname", type: ui_Label.LabelTypography.SUBTITLE_2, color: (member === null || member === void 0 ? void 0 : member.nickname) ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3 }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)),
         React.createElement(ui_Label.Label, { className: "sendbird-mention-suggest-list__user-item__user-id", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, member === null || member === void 0 ? void 0 : member.userId)));
 }
 
+function fetchMembersFromChannel(currentUserId, channel, maxSuggestionCount, searchString) {
+    return _tslib.__awaiter(this, void 0, void 0, function () {
+        return _tslib.__generator(this, function (_a) {
+            return [2 /*return*/, channel.members
+                    .sort(function (a, b) { var _a; return (_a = a.nickname) === null || _a === void 0 ? void 0 : _a.localeCompare(b.nickname); })
+                    .filter(function (member) {
+                    var _a;
+                    return ((_a = member.nickname) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith(searchString.toLowerCase()))
+                        && member.userId !== currentUserId
+                        && member.isActive;
+                }).slice(0, maxSuggestionCount)];
+        });
+    });
+}
+function fetchMembersFromQuery(currentUserId, channel, maxSuggestionCount, searchString) {
+    return _tslib.__awaiter(this, void 0, void 0, function () {
+        var query;
+        return _tslib.__generator(this, function (_a) {
+            query = channel.createMemberListQuery({
+                limit: maxSuggestionCount + 1,
+                nicknameStartsWithFilter: searchString,
+            });
+            return [2 /*return*/, query.next()
+                    .then(function (memberList) {
+                    return memberList
+                        .filter(function (member) { return currentUserId !== (member === null || member === void 0 ? void 0 : member.userId); })
+                        .slice(0, maxSuggestionCount);
+                })];
+        });
+    });
+}
+
 var DEBOUNCING_TIME = 300;
 function SuggestedMentionList(props) {
     var _a, _b, _c, _d, _e;
@@ -77,7 +109,7 @@ function SuggestedMentionList(props) {
     var _l = React.useState(null), timer = _l[0], setTimer = _l[1];
     var _m = React.useState(''), searchString = _m[0], setSearchString = _m[1];
     var _o = React.useState(''), lastSearchString = _o[0], setLastSearchString = _o[1];
-    var _p = React.useState(null), currentUser = _p[0], setCurrentUser = _p[1];
+    var _p = React.useState(null), currentFocusedMember = _p[0], setCurrentFocusedMember = _p[1];
     var _q = React.useState([]), currentMemberList = _q[0], setCurrentMemberList = _q[1];
     React.useEffect(function () {
         clearTimeout(timer);
@@ -88,50 +120,44 @@ function SuggestedMentionList(props) {
     React.useEffect(function () {
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.Enter) {
             if (currentMemberList.length > 0) {
-                onUserItemClick(currentUser);
+                onUserItemClick(currentFocusedMember);
             }
         }
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowUp) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)); });
+            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
             if (0 < currentUserIndex) {
-                setCurrentUser(currentMemberList[currentUserIndex - 1]);
+                setCurrentFocusedMember(currentMemberList[currentUserIndex - 1]);
                 onFocusItemChange(currentMemberList[currentUserIndex - 1]);
             }
         }
         if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowDown) {
-            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)); });
+            var currentUserIndex = currentMemberList.findIndex(function (member) { return ((member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId)); });
             if (currentUserIndex < currentMemberList.length - 1) {
-                setCurrentUser(currentMemberList[currentUserIndex + 1]);
+                setCurrentFocusedMember(currentMemberList[currentUserIndex + 1]);
                 onFocusItemChange(currentMemberList[currentUserIndex + 1]);
             }
         }
     }, [inputEvent]);
-    /* Fetch member list */
     React.useEffect(function () {
-        if (!(channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery)) {
-            logger.warning('SuggestedMentionList: Creating member list query failed');
-            return;
-        }
         if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {
             // Don't need to request query again
             return;
         }
-        var query = channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery({
-            limit: maxSuggestionCount + 1,
-            nicknameStartsWithFilter: searchString.slice(_const$1.USER_MENTION_TEMP_CHAR.length),
-        });
-        // Add member list query for customization
-        query.next()
-            .then(function (memberList) {
-            var suggestingMembers = memberList
-                .filter(function (member) { return currentUserId !== (member === null || member === void 0 ? void 0 : member.userId); })
-                .slice(0, maxSuggestionCount);
+        if (channelInstance.isSuper) {
+            if (!(channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery)) {
+                logger.warning('SuggestedMentionList: Creating member list query failed');
+                return;
+            }
+        }
+        var fetcher = channelInstance.isSuper ? fetchMembersFromQuery : fetchMembersFromChannel;
+        fetcher(currentUserId, channelInstance, maxSuggestionCount, searchString.slice(_const$1.USER_MENTION_TEMP_CHAR.length))
+            .then(function (suggestingMembers) {
             if (suggestingMembers.length < 1) {
                 logger.info('SuggestedMentionList: Fetched member list is empty');
             }
             else {
-                logger.info('SuggestedMentionList: Fetching member list succeeded', { memberListQuery: query, memberList: suggestingMembers });
-                setCurrentUser(suggestingMembers[0]);
+                logger.info('SuggestedMentionList: Fetching member list succeeded', { memberList: suggestingMembers });
+                setCurrentFocusedMember(suggestingMembers[0]);
             }
             setLastSearchString(searchString);
             onFetchUsers(suggestingMembers);
@@ -142,17 +168,27 @@ function SuggestedMentionList(props) {
                 logger.error('SuggestedMentionList: Fetching member list failed', error);
             }
         });
-    }, [channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.url, searchString]);
+    }, [
+        channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.url,
+        // We have to be specific like this or React would not recognize the changes in instances.
+        channelInstance.members.map(function (member) { return member.nickname; }).join(),
+        channelInstance.members.map(function (member) { return member.isActive; }).join(),
+        searchString,
+        maxSuggestionCount,
+        currentUserId,
+        currentMemberList.length,
+        lastSearchString,
+    ]);
     if (!ableAddMention && currentMemberList.length === 0) {
         return null;
     }
     return (React.createElement("div", { className: "sendbird-mention-suggest-list ".concat(className), key: "sendbird-mention-suggest-list", ref: scrollRef },
-        ableAddMention && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId), parentScrollRef: scrollRef, onClick: function (_a) {
+        ableAddMention && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(function (member) { return (React.createElement(SuggestedUserMentionItem, { key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(), member: member, isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentFocusedMember === null || currentFocusedMember === void 0 ? void 0 : currentFocusedMember.userId), parentScrollRef: scrollRef, onClick: function (_a) {
                 var member = _a.member;
                 onUserItemClick(member);
             }, onMouseOver: function (_a) {
                 var member = _a.member;
-                setCurrentUser(member);
+                setCurrentFocusedMember(member);
             }, renderUserMentionItem: renderUserMentionItem })); })),
         !ableAddMention && (React.createElement("div", { className: "sendbird-mention-suggest-list__notice-item" },
             React.createElement(ui_Icon.default, { className: "sendbird-mention-suggest-list__notice-item__icon", type: ui_Icon.IconTypes.INFO, fillColor: ui_Icon.IconColors.ON_BACKGROUND_2, width: "20px", height: "20px" }),

package/cjs/Channel/components/SuggestedMentionList.js.map

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

package/cjs/Channel/components/TypingIndicator.js

@@ -4,29 +4,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../chunks/bundle-QmSa90PC.js');
-var uuid = require('../../chunks/bundle-gMxOq93o.js');
-var ui_Label = require('../../chunks/bundle-6ziaqiUd.js');
-var Channel_context = require('../../chunks/bundle-4DATo50q.js');
+var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
+var uuid = require('../../chunks/bundle-Z8uBiYyS.js');
+var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
+var Channel_context = require('../../chunks/bundle-_yIYQoui.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-z-Bvsn0B.js');
-require('../../chunks/bundle-n1yh-qDb.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-4bb_98h6.js');
-require('../../chunks/bundle-P_B0eyVT.js');
-require('../../chunks/bundle-4q81wd8X.js');
-require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-FHx0K-3z.js');
+require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-ACXel153.js');
+require('../../chunks/bundle-VHUezYnn.js');
+require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-c6O8NjZI.js');
-require('../../chunks/bundle-tmB_l3Q9.js');
+require('../../chunks/bundle-bQffWPr0.js');
+require('../../chunks/bundle-a_NGo240.js');
 require('../hooks/useInitialMessagesFetch.js');
-require('../../pubSub/topics.js');
-require('../../chunks/bundle-6o4fw0w0.js');
-require('../../chunks/bundle-L9ushBZQ.js');
-require('../../chunks/bundle-g_OXBrgT.js');
+require('../../chunks/bundle-6fWeHUzf.js');
+require('../../chunks/bundle-4iro9CUN.js');
+require('../../chunks/bundle-wPu8WyIh.js');
+require('../../chunks/bundle-leALuaxJ.js');
 require('../../withSendbird.js');
 
 var TypingIndicatorText = function (_a) {

package/cjs/Channel/components/UnreadCount.js

@@ -1,18 +1,18 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-QmSa90PC.js');
-var ui_Label = require('../../chunks/bundle-6ziaqiUd.js');
+var LocalizationContext = require('../../chunks/bundle-80bw1Z-w.js');
+var ui_Label = require('../../chunks/bundle-fTDV9UxX.js');
 var ui_Icon = require('../../ui/Icon.js');
-var index = require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-z-Bvsn0B.js');
-require('../../chunks/bundle-n1yh-qDb.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-1yOirqug.js');
+var index = require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-5l7POen0.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-viTxhrPr.js');
 
 var UnreadCount = function (_a) {
     var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.count, count = _c === void 0 ? 0 : _c, _d = _a.time, time = _d === void 0 ? '' : _d, onClick = _a.onClick, lastReadAt = _a.lastReadAt;
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var _e = React.useContext(LocalizationContext.LocalizationContext), stringSet = _e.stringSet, dateLocale = _e.dateLocale;
     var unreadSince = React.useMemo(function () {
         var _a, _b;
         // TODO: Remove this on v4
@@ -22,7 +22,7 @@ var UnreadCount = function (_a) {
             return timeArray.join(' ');
         }
         else if (lastReadAt) {
-            return index.format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE);
+            return index.format(lastReadAt, stringSet.DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE, { locale: dateLocale });
         }
     }, [time, lastReadAt]);
     return (React.createElement("div", { className: "sendbird-notification".concat(count < 1 ? '--hide' : '', " ").concat(className), onClick: onClick },

package/cjs/Channel/context.js

@@ -1,28 +1,28 @@
 'use strict';
 
 require('react');
-require('../chunks/bundle-4bb_98h6.js');
+require('../chunks/bundle-ACXel153.js');
 require('../useSendbirdStateContext.js');
-require('../chunks/bundle-P_B0eyVT.js');
-require('../chunks/bundle-4q81wd8X.js');
-var Channel_context = require('../chunks/bundle-4DATo50q.js');
-require('../chunks/bundle-c6O8NjZI.js');
+require('../chunks/bundle-VHUezYnn.js');
+require('../chunks/bundle-8lUFYwiz.js');
+var Channel_context = require('../chunks/bundle-_yIYQoui.js');
+require('../chunks/bundle-bQffWPr0.js');
 require('./hooks/useInitialMessagesFetch.js');
-require('../chunks/bundle-g_OXBrgT.js');
-require('../chunks/bundle-6o4fw0w0.js');
+require('../chunks/bundle-wPu8WyIh.js');
+require('../chunks/bundle-leALuaxJ.js');
+require('../chunks/bundle-6fWeHUzf.js');
 require('../withSendbird.js');
-require('../chunks/bundle-hK4x7nmG.js');
-require('../chunks/bundle-28p7K0N-.js');
-require('../chunks/bundle-n1yh-qDb.js');
-require('../chunks/bundle-FHx0K-3z.js');
+require('../chunks/bundle-mc8PQfi_.js');
+require('../chunks/bundle-pLajF9mf.js');
+require('../chunks/bundle-EVv3xRW8.js');
+require('../chunks/bundle-BUF_nc4Q.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../chunks/bundle-I_9_5a8a.js');
+require('../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
-require('../chunks/bundle-tmB_l3Q9.js');
+require('../chunks/bundle-a_NGo240.js');
 require('@sendbird/chat/groupChannel');
-require('../chunks/bundle-gMxOq93o.js');
-require('../pubSub/topics.js');
-require('../chunks/bundle-L9ushBZQ.js');
+require('../chunks/bundle-Z8uBiYyS.js');
+require('../chunks/bundle-4iro9CUN.js');
 
 
 

package/cjs/Channel/hooks/useInitialMessagesFetch.js

@@ -2,15 +2,15 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('../../chunks/bundle-4q81wd8X.js');
-var actionTypes = require('../../chunks/bundle-c6O8NjZI.js');
-var _const = require('../../chunks/bundle-P_B0eyVT.js');
-var index = require('../../chunks/bundle-FHx0K-3z.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-n1yh-qDb.js');
+var utils = require('../../chunks/bundle-8lUFYwiz.js');
+var actionTypes = require('../../chunks/bundle-bQffWPr0.js');
+var _const = require('../../chunks/bundle-VHUezYnn.js');
+var index = require('../../chunks/bundle-BUF_nc4Q.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-EVv3xRW8.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 
 function useInitialMessagesFetch(_a, _b) {
     var currentGroupChannel = _a.currentGroupChannel, initialTimeStamp = _a.initialTimeStamp, userFilledMessageListQuery = _a.userFilledMessageListQuery, replyType = _a.replyType, setIsScrolled = _a.setIsScrolled;

package/cjs/Channel/utils/compareMessagesForGrouping.js

@@ -1,12 +1,12 @@
 'use strict';
 
-var utils = require('../../chunks/bundle-4q81wd8X.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-n1yh-qDb.js');
-require('../../chunks/bundle-FHx0K-3z.js');
+var utils = require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
 
 /**

package/cjs/Channel/utils/getMessagePartsInfo.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('../../chunks/bundle-4rFcKXQa.js');
+var index = require('../../chunks/bundle-uE1K1eGs.js');
 var Channel_utils_compareMessagesForGrouping = require('./compareMessagesForGrouping.js');
-require('../../chunks/bundle-28p7K0N-.js');
-require('../../chunks/bundle-n1yh-qDb.js');
-require('../../chunks/bundle-4q81wd8X.js');
-require('../../chunks/bundle-hK4x7nmG.js');
-require('../../chunks/bundle-FHx0K-3z.js');
+require('../../chunks/bundle-pLajF9mf.js');
+require('../../chunks/bundle-EVv3xRW8.js');
+require('../../chunks/bundle-8lUFYwiz.js');
+require('../../chunks/bundle-mc8PQfi_.js');
+require('../../chunks/bundle-BUF_nc4Q.js');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-I_9_5a8a.js');
+require('../../chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
 
 /**

package/cjs/Channel.js

@@ -1,113 +1,113 @@
 'use strict';
 
 var React = require('react');
-var Channel_context = require('./chunks/bundle-4DATo50q.js');
+var Channel_context = require('./chunks/bundle-_yIYQoui.js');
 var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./chunks/bundle-4bb_98h6.js');
+require('./chunks/bundle-ACXel153.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
-require('./chunks/bundle-hK4x7nmG.js');
-require('./chunks/bundle-P_B0eyVT.js');
-require('./chunks/bundle-4q81wd8X.js');
-require('./chunks/bundle-28p7K0N-.js');
-require('./chunks/bundle-n1yh-qDb.js');
-require('./chunks/bundle-FHx0K-3z.js');
+require('./chunks/bundle-mc8PQfi_.js');
+require('./chunks/bundle-VHUezYnn.js');
+require('./chunks/bundle-8lUFYwiz.js');
+require('./chunks/bundle-pLajF9mf.js');
+require('./chunks/bundle-EVv3xRW8.js');
+require('./chunks/bundle-BUF_nc4Q.js');
 require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-I_9_5a8a.js');
+require('./chunks/bundle-RG3ZDmvE.js');
 require('@sendbird/chat/message');
-require('./chunks/bundle-c6O8NjZI.js');
-require('./chunks/bundle-tmB_l3Q9.js');
+require('./chunks/bundle-bQffWPr0.js');
+require('./chunks/bundle-a_NGo240.js');
 require('@sendbird/chat/groupChannel');
-require('./chunks/bundle-gMxOq93o.js');
+require('./chunks/bundle-Z8uBiYyS.js');
 require('./Channel/hooks/useInitialMessagesFetch.js');
-require('./pubSub/topics.js');
-require('./chunks/bundle-6o4fw0w0.js');
-require('./chunks/bundle-L9ushBZQ.js');
-require('./chunks/bundle-g_OXBrgT.js');
+require('./chunks/bundle-6fWeHUzf.js');
+require('./chunks/bundle-4iro9CUN.js');
+require('./chunks/bundle-wPu8WyIh.js');
+require('./chunks/bundle-leALuaxJ.js');
 require('./ui/PlaceHolder.js');
-require('./chunks/bundle-QmSa90PC.js');
-require('./chunks/bundle-z-Bvsn0B.js');
+require('./chunks/bundle-80bw1Z-w.js');
+require('./chunks/bundle-5l7POen0.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-1yOirqug.js');
-require('./chunks/bundle-6ziaqiUd.js');
+require('./chunks/bundle-viTxhrPr.js');
+require('./chunks/bundle-fTDV9UxX.js');
 require('./ui/Loader.js');
 require('./ui/ConnectionStatus.js');
 require('./Channel/components/ChannelHeader.js');
-require('./chunks/bundle-zr9ZXBrm.js');
+require('./chunks/bundle-RV4B0RCM.js');
 require('./ui/IconButton.js');
 require('./ui/ChannelAvatar.js');
-require('./ui/Avatar.js');
+require('./chunks/bundle-lj7KorhP.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-e-fvbugV.js');
-require('./chunks/bundle-Y9TkHVI5.js');
+require('./chunks/bundle-o5pJIgS7.js');
+require('./chunks/bundle-kkxTVcGD.js');
 require('./Channel/components/MessageList.js');
 require('./Channel/components/Message.js');
 require('./Channel/components/SuggestedMentionList.js');
-require('./chunks/bundle-dXhGOQQM.js');
+require('./chunks/bundle-YRW87MiX.js');
 require('./Thread/context.js');
 require('./Thread/context/types.js');
 require('@sendbird/chat');
 require('./ui/DateSeparator.js');
-require('./chunks/bundle-B2MaAm21.js');
+require('./chunks/bundle-oISd80pA.js');
 require('./ui/MessageInput.js');
 require('./ui/Button.js');
-require('./chunks/bundle-b4fiCQuI.js');
+require('./chunks/bundle-LoNtsKOJ.js');
 require('dompurify');
-require('./chunks/bundle-gS0bojlA.js');
-require('./chunks/bundle-g0lpRY8_.js');
-require('./chunks/bundle-RaQV-Bpr.js');
-require('./chunks/bundle-FLCJVplO.js');
+require('./chunks/bundle-PoR4V_kd.js');
+require('./chunks/bundle-MB8QdyyQ.js');
+require('./chunks/bundle-DRPbz-J2.js');
+require('./chunks/bundle-Bekm94S6.js');
 require('./ui/MessageContent.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./chunks/bundle-11ybpGNN.js');
-require('./chunks/bundle-CUP2x37z.js');
-require('./chunks/bundle-4rFcKXQa.js');
+require('./chunks/bundle-Y0ibVW_O.js');
+require('./chunks/bundle-cKt6NzI1.js');
+require('./chunks/bundle-uE1K1eGs.js');
 require('./ui/MessageItemMenu.js');
 require('./ui/ContextMenu.js');
 require('react-dom');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-lii4Ueh3.js');
+require('./chunks/bundle-M6v8bdc6.js');
 require('./ui/MessageItemReactionMenu.js');
 require('./ui/ReactionButton.js');
-require('./chunks/bundle-tywVawyg.js');
+require('./chunks/bundle-FCrfVx0P.js');
 require('./ui/EmojiReactions.js');
 require('./ui/ReactionBadge.js');
 require('./ui/BottomSheet.js');
 require('./hooks/useModal.js');
-require('./chunks/bundle-UooP2IDU.js');
+require('./chunks/bundle-o66lc7qg.js');
 require('./ui/UserListItem.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/Checkbox.js');
+require('./ui/UserProfile.js');
+require('./sendbirdSelectors.js');
 require('./ui/Tooltip.js');
 require('./ui/TooltipWrapper.js');
 require('./Message/context.js');
 require('./ui/AdminMessage.js');
-require('./ui/TextMessageItemBody.js');
-require('./chunks/bundle-iwsbhMUN.js');
+require('./ui/QuoteMessage.js');
+require('./chunks/bundle-lkluBCYi.js');
+require('./chunks/bundle-h48X_8mu.js');
+require('./ui/ThreadReplies.js');
+require('./ui/OGMessageItemBody.js');
+require('./chunks/bundle-3qeMVUne.js');
 require('./ui/MentionLabel.js');
 require('./ui/LinkLabel.js');
+require('./ui/TextMessageItemBody.js');
 require('./ui/FileMessageItemBody.js');
 require('./ui/TextButton.js');
-require('./ui/ThumbnailMessageItemBody.js');
-require('./chunks/bundle-p1cCW0sH.js');
-require('./ui/OGMessageItemBody.js');
-require('./ui/UnknownMessageItemBody.js');
-require('./ui/QuoteMessage.js');
-require('./chunks/bundle-41ZfOrRZ.js');
-require('./ui/ThreadReplies.js');
+require('./chunks/bundle-Co06yFqb.js');
+require('./chunks/bundle-t70SIG3R.js');
 require('./ui/VoiceMessageItemBody.js');
 require('./ui/ProgressBar.js');
 require('./VoicePlayer/useVoicePlayer.js');
-require('./chunks/bundle-BJe68nS0.js');
+require('./chunks/bundle-oiMScSG6.js');
 require('./VoiceRecorder/context.js');
 require('./ui/PlaybackTime.js');
-require('./chunks/bundle-RlFjml8m.js');
-require('./chunks/bundle-JggdKsJa.js');
+require('./ui/ThumbnailMessageItemBody.js');
+require('./ui/UnknownMessageItemBody.js');
 require('./Channel/components/FileViewer.js');
 require('./Channel/components/RemoveMessageModal.js');
-require('./chunks/bundle-6OOGDxxE.js');
-require('./chunks/bundle-TEIqVGqn.js');
+require('./chunks/bundle-A9-xoiFy.js');
+require('./chunks/bundle-TCdgqawd.js');
 require('./Message/hooks/useDirtyGetMentions.js');
 require('./Channel/utils/getMessagePartsInfo.js');
 require('./Channel/utils/compareMessagesForGrouping.js');
@@ -116,9 +116,9 @@ require('./Channel/components/FrozenNotification.js');
 require('./Channel/components/TypingIndicator.js');
 require('./Channel/components/MessageInput.js');
 require('./ui/QuoteMessageInput.js');
-require('./chunks/bundle-e0il9C3T.js');
+require('./chunks/bundle-vWOLHFBL.js');
 require('./VoiceRecorder/useVoiceRecorder.js');
-require('./chunks/bundle-tRBVL0r6.js');
+require('./chunks/bundle-OfmF0BBb.js');
 
 var Channel = function (props) {
     return (React.createElement(Channel_context.ChannelProvider, { channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl, 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, showSearchIcon: props === null || props === void 0 ? void 0 : props.showSearchIcon, animatedMessage: props === null || props === void 0 ? void 0 : props.animatedMessage, highlightedMessage: props === null || props === void 0 ? void 0 : props.highlightedMessage, startingPoint: props === null || props === void 0 ? void 0 : props.startingPoint, onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage, onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage, onBeforeUpdateUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeUpdateUserMessage, onBeforeSendVoiceMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendVoiceMessage, onBeforeSendMultipleFilesMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendMultipleFilesMessage, onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick, onSearchClick: props === null || props === void 0 ? void 0 : props.onSearchClick, onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick, replyType: props === null || props === void 0 ? void 0 : props.replyType, threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType, queries: props === null || props === void 0 ? void 0 : props.queries, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, filterMessageList: props === null || props === void 0 ? void 0 : props.filterMessageList, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead, onReplyInThread: props === null || props === void 0 ? void 0 : props.onReplyInThread, onQuoteMessageClick: props === null || props === void 0 ? void 0 : props.onQuoteMessageClick, onMessageAnimated: props === null || props === void 0 ? void 0 : props.onMessageAnimated, onMessageHighlighted: props === null || props === void 0 ? void 0 : props.onMessageHighlighted, scrollBehavior: props.scrollBehavior, reconnectOnIdle: props.reconnectOnIdle },