@sendbird/uikit-react 3.14.4 → 3.14.6

package/cjs/chunks/{bundle-N_CwOE5a.js → bundle-BPV3CKzS.js}

@@ -1,15 +1,16 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
-var index$1 = require('./bundle-DAj-1QVM.js');
+var index$1 = require('./bundle-Cd-3W3UM.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-5_kPn4wU.js');
+var ui_Label = require('./bundle-DY5rfl6W.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-wl1uuzU7.js');
+var index$2 = require('./bundle-DrYI_bNa.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-B_51Svr9.js');
-var LocalizationContext = require('./bundle-oeWNUdCB.js');
+var index = require('./bundle-DTJnlh7y.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
+var utils = require('./bundle-DOoshvnj.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -101,32 +102,36 @@ var getLastMessage = function (channel, stringSet) {
 };
 var getChannelUnreadMessageCount = function (channel) { return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0; };
 
+var _a, _b;
 var MessageStatusTypes = utils_message_getOutgoingMessageState.OutgoingMessageStates;
+var iconType = (_a = {},
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING] = undefined,
+    _a[utils_message_getOutgoingMessageState.OutgoingMessageStates.NONE] = undefined,
+    _a);
+var iconColor = (_b = {},
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING] = undefined,
+    _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.NONE] = undefined,
+    _b);
 function MessageStatus(_a) {
-    var _b, _c;
-    var _d;
-    var className = _a.className, message = _a.message, channel = _a.channel, _e = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _e === void 0 ? true : _e;
-    var _f = LocalizationContext.useLocalization(), stringSet = _f.stringSet, dateLocale = _f.dateLocale;
+    var _b;
+    var className = _a.className, message = _a.message, channel = _a.channel, _c = _a.isDateSeparatorConsidered, isDateSeparatorConsidered = _c === void 0 ? true : _c;
+    var _d = LocalizationContext.useLocalization(), stringSet = _d.stringSet, dateLocale = _d.dateLocale;
     var status = utils_message_getOutgoingMessageState.getOutgoingMessageState(channel, message);
-    var hideMessageStatusIcon = ((_d = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _d === void 0 ? void 0 : _d.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
+    var hideMessageStatusIcon = ((_b = channel === null || channel === void 0 ? void 0 : channel.isGroupChannel) === null || _b === void 0 ? void 0 : _b.call(channel)) && ((channel.isSuper || channel.isPublic || channel.isBroadcast)
         && !(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING || status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED));
-    var iconType = (_b = {},
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconTypes.DONE,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconTypes.DONE_ALL,
-        _b[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconTypes.ERROR,
-        _b);
-    var iconColor = (_c = {},
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.SENT] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.DELIVERED] = ui_Icon.IconColors.SENT,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.READ] = ui_Icon.IconColors.READ,
-        _c[utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED] = ui_Icon.IconColors.ERROR,
-        _c);
     return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
             'sendbird-message-status',
         ], false).join(' ') },
         (status === utils_message_getOutgoingMessageState.OutgoingMessageStates.PENDING) ? (React.createElement(ui_Loader, { className: "sendbird-message-status__icon", width: "16px", height: "16px" },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
+            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.SPINNER, fillColor: ui_Icon.IconColors.PRIMARY, width: "16px", height: "16px" }))) : (React.createElement(ui_Icon.default, { className: utils.classnames('sendbird-message-status__icon', hideMessageStatusIcon && 'hide-icon', status !== utils_message_getOutgoingMessageState.OutgoingMessageStates.FAILED && 'sendbird-message-status--sent'), type: iconType[status] || ui_Icon.IconTypes.ERROR, fillColor: iconColor[status], width: "16px", height: "16px" })),
         index$2.isSentStatus(status) && (React.createElement(ui_Label.Label, { className: "sendbird-message-status__text", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, isDateSeparatorConsidered
             ? index$1.format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', { locale: dateLocale })
             : getLastMessageCreatedAt({ channel: channel, locale: dateLocale, stringSet: stringSet })))));
@@ -139,4 +144,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessage = getLastMessage;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-N_CwOE5a.js.map
+//# sourceMappingURL=bundle-BPV3CKzS.js.map

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

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

package/cjs/chunks/{bundle-miB6ue8g.js → bundle-Bgeq75IH.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
-var MediaQueryContext = require('./bundle-BwQ4BJif.js');
+var MediaQueryContext = require('./bundle-OIKGVRus.js');
 
 var DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -76,4 +76,4 @@ function useLongPress(_a, _b) {
 }
 
 exports.useLongPress = useLongPress;
-//# sourceMappingURL=bundle-miB6ue8g.js.map
+//# sourceMappingURL=bundle-Bgeq75IH.js.map

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

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

package/cjs/chunks/{bundle-DRp9IuV2.js → bundle-BimsU_nb.js}

@@ -5,6 +5,7 @@ var getOpenChannelAvatar = function (channel) {
     if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
         return channel.coverUrl;
     }
+    return undefined;
 };
 var getChannelAvatarSource = function (channel, currentUserId) {
     if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
@@ -32,4 +33,4 @@ var generateDefaultAvatar = function (channel) {
 exports.generateDefaultAvatar = generateDefaultAvatar;
 exports.getChannelAvatarSource = getChannelAvatarSource;
 exports.getOpenChannelAvatar = getOpenChannelAvatar;
-//# sourceMappingURL=bundle-DRp9IuV2.js.map
+//# sourceMappingURL=bundle-BimsU_nb.js.map

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

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

package/cjs/chunks/{bundle-_ekaw3iI.js → bundle-BtsHzLKX.js}

@@ -17,9 +17,9 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
             document.removeEventListener('visibilitychange', handleVisibilityChange);
         };
     }, [reconnectOnIdle, document.hidden]);
-    var shouldReconnect = wasOffline && (currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url) != null && !isTabHidden;
+    var shouldReconnect = wasOffline && !!currentGroupChannel && !isTabHidden;
     return { shouldReconnect: shouldReconnect };
 }
 
 exports.useReconnectOnIdle = useReconnectOnIdle;
-//# sourceMappingURL=bundle-_ekaw3iI.js.map
+//# sourceMappingURL=bundle-BtsHzLKX.js.map

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

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

package/cjs/chunks/{bundle-Com-Z-XI.js → bundle-Bvsx1m1J.js}

@@ -88,4 +88,4 @@ function throttle(callback, delay, options) {
 
 exports.throttle = throttle;
 exports.useThrottleCallback = useThrottleCallback;
-//# sourceMappingURL=bundle-Com-Z-XI.js.map
+//# sourceMappingURL=bundle-Bvsx1m1J.js.map

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

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

package/cjs/chunks/{bundle-Dnq2YP_l.js → bundle-Bw1ttM89.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
-var SuggestedMentionListView = require('./bundle-BaM5Ed34.js');
+var SuggestedMentionListView = require('./bundle-DMUz-Xui.js');
 var Thread_context = require('../Thread/context.js');
 
 var SuggestedMentionList = function (props) {
@@ -11,4 +11,4 @@ var SuggestedMentionList = function (props) {
 };
 
 exports.SuggestedMentionList = SuggestedMentionList;
-//# sourceMappingURL=bundle-Dnq2YP_l.js.map
+//# sourceMappingURL=bundle-Bw1ttM89.js.map

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

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

package/cjs/chunks/{bundle-T4lp5F85.js → bundle-BzyQ6Vof.js}

@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-T4lp5F85.js.map
+//# sourceMappingURL=bundle-BzyQ6Vof.js.map

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

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

package/cjs/chunks/{bundle-Q4icQ1qH.js → bundle-C1YuUjH3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
-var pxToNumber = require('./bundle-C93-onMF.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
+var pxToNumber = require('./bundle-DcQeRT4T.js');
 
 var compressImage = function (_a) {
     var imageFile = _a.imageFile, compressionRate = _a.compressionRate, resizingWidth = _a.resizingWidth, resizingHeight = _a.resizingHeight, outputFormat = _a.outputFormat;
@@ -61,8 +61,8 @@ var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void
         switch (_d.label) {
             case 0:
                 compressionRate = imageCompression.compressionRate, _c = imageCompression.outputFormat, outputFormat = _c === void 0 ? 'preserve' : _c;
-                resizingWidth = pxToNumber.pxToNumber(imageCompression.resizingWidth);
-                resizingHeight = pxToNumber.pxToNumber(imageCompression.resizingHeight);
+                resizingWidth = imageCompression.resizingWidth ? pxToNumber.pxToNumber(imageCompression.resizingWidth) : undefined;
+                resizingHeight = imageCompression.resizingHeight ? pxToNumber.pxToNumber(imageCompression.resizingHeight) : undefined;
                 result = {
                     failedIndexes: [],
                     compressedFiles: [],
@@ -71,7 +71,7 @@ var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void
                     logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: There are no files.', files);
                     return [2 /*return*/, result];
                 }
-                if (compressionRate < 0 || 1 < compressionRate) {
+                if (!compressionRate || compressionRate < 0 || 1 < compressionRate) {
                     logger === null || logger === void 0 ? void 0 : logger.warning('utils - compressImages: The compressionRate is not acceptable.', compressionRate);
                     return [2 /*return*/, result];
                 }
@@ -119,4 +119,4 @@ var compressImages = function (_a) { return _tslib.__awaiter(void 0, [_a], void
 }); };
 
 exports.compressImages = compressImages;
-//# sourceMappingURL=bundle-Q4icQ1qH.js.map
+//# sourceMappingURL=bundle-C1YuUjH3.js.map

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

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

package/cjs/chunks/{bundle-B31bbem0.js → bundle-C4Gs08vJ.js}

@@ -1,32 +1,32 @@
 'use strict';
 
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var React = require('react');
 var ui_Button = require('../ui/Button.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_IconButton = require('../ui/IconButton.js');
-var ui_Label = require('./bundle-5_kPn4wU.js');
-var LocalizationContext = require('./bundle-oeWNUdCB.js');
-var UserProfileContext = require('./bundle-CAUMYdVU.js');
+var ui_Label = require('./bundle-DY5rfl6W.js');
+var SendbirdChat = require('@sendbird/chat');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
+var UserProfileContext = require('./bundle-DTzydpqA.js');
 require('../ui/AccordionGroup.js');
-var ui_Avatar = require('./bundle-DxSB9NRz.js');
+var ui_Avatar = require('./bundle-C_8UQBXr.js');
 require('react-dom');
-require('./bundle-BwQ4BJif.js');
+require('./bundle-OIKGVRus.js');
 require('@sendbird/uikit-tools');
 require('../withSendbird.js');
 require('css-vars-ponyfill');
-require('./bundle-wl1uuzU7.js');
-require('@sendbird/chat');
+require('./bundle-DrYI_bNa.js');
 require('@sendbird/chat/openChannel');
 require('@sendbird/chat/groupChannel');
-require('./bundle-L3FEqZsK.js');
-var ui_Modal = require('./bundle-CZfcXYaX.js');
+require('./bundle-CW2oMonb.js');
+var ui_Modal = require('./bundle-DW8u-n3u.js');
 var ui_MutedAvatarOverlay = require('../ui/MutedAvatarOverlay.js');
 var ui_UserProfile = require('../ui/UserProfile.js');
 var OpenChannelSettings_context = require('../OpenChannelSettings/context.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-BoLhr7Ko.js');
+var utils = require('./bundle-DOoshvnj.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 
 function ParticipantsModal(_a) {
@@ -53,15 +53,17 @@ function ParticipantsModal(_a) {
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: function (e) {
-                    var hasNext = participantListQuery.hasNext;
-                    var target = e.target;
-                    var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-                    if (hasNext && fetchMore) {
-                        participantListQuery.next().then(function (fetchedParticipants) {
-                            setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], participants, true), fetchedParticipants, true));
-                        });
+                    if (participantListQuery) {
+                        var hasNext = participantListQuery.hasNext;
+                        var target = e.target;
+                        var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                        if (hasNext && fetchMore) {
+                            participantListQuery.next().then(function (fetchedParticipants) {
+                                setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], (participants !== null && participants !== void 0 ? participants : []), true), fetchedParticipants, true));
+                            });
+                        }
                     }
-                } }, participants.map(function (p) {
+                } }, participants === null || participants === void 0 ? void 0 : participants.map(function (p) {
                 var _a;
                 var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
                 return (React.createElement(ui_UserListItem, { user: p, key: p.userId, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: (userId !== p.userId && isOperatorView)
@@ -87,7 +89,7 @@ function ParticipantsModal(_a) {
                                             });
                                         }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
                         }
-                        : null }));
+                        : function () { return React.createElement(React.Fragment, null); } }));
             })))));
 }
 
@@ -105,10 +107,10 @@ var UserListItem = function (_a) {
                                 toggleDropdown();
                             }
                         }, ref: avatarRef, src: user.profileUrl, width: 24, height: 24 }),
-                    (user === null || user === void 0 ? void 0 : user.isMuted) ? (React.createElement(ui_MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                    user instanceof SendbirdChat.Participant && user.isMuted ? (React.createElement(ui_MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
                     ? renderUserProfile({
                         user: user,
-                        currentUserId: currentUser,
+                        currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                         close: closeDropdown,
                         avatarRef: avatarRef,
                     })
@@ -157,13 +159,15 @@ function ParticipantList(_a) {
         });
     }, [channel]);
     return (React.createElement("div", { className: "sendbird-openchannel-settings__participant-list", onScroll: function (e) {
-            var hasNext = participantListQuery.hasNext;
-            var target = e.target;
-            var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
-            if (hasNext && fetchMore) {
-                participantListQuery.next().then(function (fetchedParticipants) {
-                    setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], participants, true), fetchedParticipants, true));
-                });
+            if (participantListQuery) {
+                var hasNext = participantListQuery.hasNext;
+                var target = e.target;
+                var fetchMore = (target.clientHeight + target.scrollTop === target.scrollHeight);
+                if (hasNext && fetchMore) {
+                    participantListQuery.next().then(function (fetchedParticipants) {
+                        setParticipants(_tslib.__spreadArray(_tslib.__spreadArray([], (participants !== null && participants !== void 0 ? participants : []), true), fetchedParticipants, true));
+                    });
+                }
             }
         } },
         React.createElement("div", null, participants === null || participants === void 0 ? void 0 :
@@ -212,4 +216,4 @@ function ParticipantList(_a) {
 
 exports.ParticipantList = ParticipantList;
 exports.UserListItem = UserListItem;
-//# sourceMappingURL=bundle-B31bbem0.js.map
+//# sourceMappingURL=bundle-C4Gs08vJ.js.map

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

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

package/cjs/chunks/{bundle-DAxedY0T.js → bundle-CA69fSDI.js}

@@ -20,9 +20,9 @@ var changeColorToClassName = function (color) {
         case exports.Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';
         case exports.Colors.PRIMARY: return 'sendbird-color--primary';
         case exports.Colors.ERROR: return 'sendbird-color--error';
-        default: return null;
+        default: return '';
     }
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-DAxedY0T.js.map
+//# sourceMappingURL=bundle-CA69fSDI.js.map

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

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

package/cjs/chunks/{bundle-D4aDRH9m.js → bundle-CBNBRNN0.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-D4aDRH9m.js.map
+//# sourceMappingURL=bundle-CBNBRNN0.js.map

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

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

package/cjs/chunks/{bundle-Bi-soOXA.js → bundle-CCYpnzRf.js}

@@ -6,16 +6,17 @@ var ui_IconButton = require('../ui/IconButton.js');
 var ui_Icon = require('../ui/Icon.js');
 var ui_ContextMenu = require('../ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('../ChannelSettings/components/UserListItem.js');
-var _tslib = require('./bundle-HGbi-rCv.js');
+var _tslib = require('./bundle-eTYC1RPT.js');
 var SendbirdChat = require('@sendbird/chat');
-var ui_Modal = require('./bundle-CZfcXYaX.js');
+var ui_Modal = require('./bundle-DW8u-n3u.js');
 var ui_UserListItem = require('../ui/UserListItem.js');
-var utils = require('./bundle-BoLhr7Ko.js');
+var utils = require('./bundle-DOoshvnj.js');
 var ChannelSettings_context = require('../ChannelSettings/context.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-oeWNUdCB.js');
-var index = require('./bundle-C1XVsHlE.js');
-require('./bundle-5_kPn4wU.js');
+var LocalizationContext = require('./bundle-OWb8eJt-.js');
+var index = require('./bundle-DQu5RJ2y.js');
+require('./bundle-DY5rfl6W.js');
+var uuid = require('./bundle-YRiE_c63.js');
 
 function MembersModal(_a) {
     var _this = this;
@@ -31,19 +32,17 @@ function MembersModal(_a) {
         var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
             limit: 20,
         });
-        memberListQuery.next().then(function (members) {
+        memberListQuery === null || memberListQuery === void 0 ? void 0 : memberListQuery.next().then(function (members) {
             setMembers(members);
         });
-        setMemberQuery(memberListQuery);
+        setMemberQuery(memberListQuery !== null && memberListQuery !== void 0 ? memberListQuery : null);
     }, []);
     return (React.createElement("div", null,
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
                     onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-                        var hasNext;
                         return _tslib.__generator(this, function (_a) {
-                            hasNext = memberQuery.hasNext;
-                            if (hasNext) {
+                            if (memberQuery && memberQuery.hasNext) {
                                 memberQuery.next().then(function (o) {
                                     setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
                                 });
@@ -59,12 +58,14 @@ function MembersModal(_a) {
                                 } },
                                 React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
                                 React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, disable: currentUserId === member.userId, onChange: function (_, member, isOperator) {
-                                        setMembers(members.map(function (m) {
-                                            if (m.userId === member.userId) {
-                                                return _tslib.__assign(_tslib.__assign({}, member), { role: isOperator ? SendbirdChat.Role.OPERATOR : SendbirdChat.Role.NONE });
+                                        var newMembers = _tslib.__spreadArray([], members, true);
+                                        for (var _i = 0, newMembers_1 = newMembers; _i < newMembers_1.length; _i++) {
+                                            var newMember = newMembers_1[_i];
+                                            if (newMember.userId === member.userId) {
+                                                newMember.role = isOperator ? SendbirdChat.Role.OPERATOR : SendbirdChat.Role.NONE;
                                             }
-                                            return m;
-                                        }));
+                                        }
+                                        setMembers(newMembers);
                                         closeDropdown();
                                     }, onError: function () {
                                         // FIXME: handle error later
@@ -74,12 +75,14 @@ function MembersModal(_a) {
                                     : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
                                 // No muted members in broadcast channel
                                 !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function (_, member, isMuted) {
-                                        setMembers(members.map(function (m) {
-                                            if (m.userId === member.userId) {
-                                                return _tslib.__assign(_tslib.__assign({}, member), { isMuted: isMuted });
+                                        var newMembers = _tslib.__spreadArray([], members, true);
+                                        for (var _i = 0, newMembers_2 = newMembers; _i < newMembers_2.length; _i++) {
+                                            var newMember = newMembers_2[_i];
+                                            if (newMember.userId === member.userId) {
+                                                newMember.isMuted = isMuted;
                                             }
-                                            return m;
-                                        }));
+                                        }
+                                        setMembers(newMembers);
                                         closeDropdown();
                                     }, onError: function () {
                                         // FIXME: handle error later
@@ -136,7 +139,7 @@ function InviteUsers(_a) {
             switch (_a.label) {
                 case 0:
                     userIdsToInvite = Object.keys(selectedUsers);
-                    if (!(typeof overrideInviteUser === 'function')) return [3 /*break*/, 1];
+                    if (!(channel && typeof overrideInviteUser === 'function')) return [3 /*break*/, 1];
                     overrideInviteUser({ users: userIdsToInvite, onClose: onCancel, channel: channel });
                     return [3 /*break*/, 3];
                 case 1: return [4 /*yield*/, (channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(userIdsToInvite))];
@@ -162,9 +165,10 @@ function InviteUsers(_a) {
     };
     var membersMap = React.useMemo(function () {
         var _a;
+        var _b, _c;
         // UIKit policy: In a super or broadcast channel, do not check the members when inviting users.
         if ((channel === null || channel === void 0 ? void 0 : channel.isSuper) || (channel === null || channel === void 0 ? void 0 : channel.isBroadcast))
-            return _a = {}, _a[sdk.currentUser.userId] = sdk.currentUser, _a;
+            return _a = {}, _a[(_c = (_b = sdk.currentUser) === null || _b === void 0 ? void 0 : _b.userId) !== null && _c !== void 0 ? _c : ''] = sdk.currentUser, _a;
         return channel === null || channel === void 0 ? void 0 : channel.members.reduce(function (acc, cur) {
             acc[cur.userId] = cur;
             return acc;
@@ -195,7 +199,7 @@ function InviteUsers(_a) {
         React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, disabled: Object.keys(selectedUsers).length === 0, submitText: stringSet.BUTTON__INVITE, type: ui_Button.ButtonTypes.PRIMARY, onCancel: function () { return onCancel(); }, onSubmit: onInviteUsers, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
             React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: onScroll },
                 React.createElement("div", { className: "sendbird-more-members__popup-scroll__inner" }, users.map(function (user) {
-                    var isMember = Boolean(membersMap[user.userId]);
+                    var isMember = Boolean(membersMap ? membersMap[user.userId] : false);
                     var isSelected = Boolean(selectedUsers[user.userId]);
                     return (React.createElement(ui_UserListItem, { key: user.userId, checkBox: true, checked: isMember || isSelected, disabled: isMember, user: user, onChange: function () { return onSelectUser(user); } }));
                 }))))));
@@ -208,7 +212,7 @@ var MemberList = function () {
     var _f = React.useState(false), showAllMembers = _f[0], setShowAllMembers = _f[1];
     var _g = React.useState(false), showInviteUsers = _g[0], setShowInviteUsers = _g[1];
     var state = useSendbirdStateContext.useSendbirdStateContext();
-    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var _h = ChannelSettings_context.useChannelSettingsContext(), channel = _h.channel, setChannelUpdateId = _h.setChannelUpdateId;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     var sdk = (_b = (_a = state === null || state === void 0 ? void 0 : state.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
     var userId = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.userId;
@@ -232,35 +236,39 @@ var MemberList = function () {
         memberUserListQuery.next().then(function (members) {
             setMembers(members);
             setHasNext(memberUserListQuery.hasNext);
+            setChannelUpdateId === null || setChannelUpdateId === void 0 ? void 0 : setChannelUpdateId(uuid.uuidv4());
         });
     }, [channel]);
     return (React.createElement("div", { className: "sendbird-channel-settings-member-list" },
-        members.map(function (member) { return (React.createElement(ChannelSettings_components_UserListItem, { key: member.userId, user: member, currentUser: sdk.currentUser.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
-                ? function (_a) {
-                    var actionRef = _a.actionRef, parentRef = _a.parentRef;
-                    return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
-                            React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
-                            React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, onChange: function () {
-                                    refreshList();
-                                    closeDropdown();
-                                }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
-                                ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
-                                : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
-                            // No muted members in broadcast channel
-                            !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function () {
-                                    refreshList();
-                                    closeDropdown();
-                                }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
-                                ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
-                                : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
-                            React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
-                                    channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+        members.map(function (member) {
+            var _a;
+            return (React.createElement(ChannelSettings_components_UserListItem, { key: member.userId, user: member, currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId, action: ((channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId)
+                    ? function (_a) {
+                        var actionRef = _a.actionRef, parentRef = _a.parentRef;
+                        return (React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(ui_IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                                React.createElement(ui_Icon.default, { width: "24px", height: "24px", type: ui_Icon.IconTypes.MORE, fillColor: ui_Icon.IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React.createElement(ui_ContextMenu.MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                React.createElement(ui_ContextMenu.OperatorMenuItem, { channel: channel, user: member, onChange: function () {
                                         refreshList();
                                         closeDropdown();
-                                    });
-                                }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
-                }
-                : null })); }),
+                                    }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat((member.role !== 'operator') ? 'register_as_operator' : 'unregister_operator') }, member.role !== 'operator'
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR
+                                    : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR),
+                                // No muted members in broadcast channel
+                                !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_ContextMenu.MuteMenuItem, { channel: channel, user: member, onChange: function () {
+                                        refreshList();
+                                        closeDropdown();
+                                    }, onError: utils.noop, dataSbId: "channel_setting_member_context_menu_".concat(member.isMuted ? 'unmute' : 'mute') }, member.isMuted
+                                    ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE
+                                    : stringSet.CHANNEL_SETTING__MODERATION__MUTE)),
+                                React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+                                        channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
+                                            refreshList();
+                                            closeDropdown();
+                                        });
+                                    }, dataSbId: "channel_setting_member_context_menu_ban" }, stringSet.CHANNEL_SETTING__MODERATION__BAN))); } }));
+                    }
+                    : function () { return null; } }));
+        }),
         React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
             hasNext && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowAllMembers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS)),
             React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () { return setShowInviteUsers(true); } }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)),
@@ -275,4 +283,4 @@ var MemberList = function () {
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=bundle-Bi-soOXA.js.map
+//# sourceMappingURL=bundle-CCYpnzRf.js.map

package/{chunks/bundle-C4Z-NWqF.js.map → cjs/chunks/bundle-CCYpnzRf.js.map}

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

package/cjs/chunks/{bundle-DQy218lT.js → bundle-CHvJg3bD.js}

@@ -37,4 +37,4 @@ exports.getMessageTopOffset = getMessageTopOffset;
 exports.isContextMenuClosed = isContextMenuClosed;
 exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
 exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
-//# sourceMappingURL=bundle-DQy218lT.js.map
+//# sourceMappingURL=bundle-CHvJg3bD.js.map

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

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

package/cjs/chunks/{bundle-DdxJqNSP.js → bundle-CI1zoEKe.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-DdxJqNSP.js.map
+//# sourceMappingURL=bundle-CI1zoEKe.js.map

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

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