@sendbird/uikit-react 3.14.5 → 3.14.7-rc-1

package/chunks/{bundle-C6yCDg1g.js → bundle-LG8yCDNB.js}

@@ -1,13 +1,14 @@
 import React__default, { useState } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from '../ui/ContextMenu.js';
-import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, O as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-BH5EGLxi.js';
-import { u as useLocalization } from './bundle-CAdxJnio.js';
+import { l as isUserMessage, q as isSentMessage, u as isFailedMessage, v as isPendingMessage, b as isFileMessage, i as isVoiceMessage, O as isThreadMessage, x as copyToClipboard, y as getEmojiListAll } from './bundle-CMOqM33u.js';
+import { u as useLocalization } from './bundle-4r7ZPzcx.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-q3jyuKU7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DyVURRtM.js';
 import BottomSheet from '../ui/BottomSheet.js';
 import ImageRenderer from '../ui/ImageRenderer.js';
 import ReactionButton from '../ui/ReactionButton.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+import { c as classnames } from './bundle-Dl6p5CcR.js';
 
 var MobileContextMenu = function (props) {
     var _a, _b, _c;
@@ -40,13 +41,13 @@ var MobileContextMenu = function (props) {
                 showMenuItemCopy && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-copy", onClick: function () {
                         hideMenu();
                         copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-                    }, dataSbId: "ui_mobile_message_item_menu_copy" },
+                    }, testID: "ui_mobile_message_item_menu_copy" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY),
                     React__default.createElement(Icon, { type: IconTypes.COPY, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
                 showMenuItemReply && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
                         hideMenu();
-                        setQuoteMessage(message);
-                    }, disable: ((_a = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _a !== void 0 ? _a : 0) > 0, dataSbId: "ui_mobile_message_item_menu_reply" },
+                        setQuoteMessage === null || setQuoteMessage === void 0 ? void 0 : setQuoteMessage(message);
+                    }, disable: ((_a = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _a !== void 0 ? _a : 0) > 0, testID: "ui_mobile_message_item_menu_reply" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: ((_b = message === null || message === void 0 ? void 0 : message.parentMessageId) !== null && _b !== void 0 ? _b : 0) > 0
                             ? LabelColors.ONBACKGROUND_4
                             : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__REPLY),
@@ -56,19 +57,19 @@ var MobileContextMenu = function (props) {
                 showMenuItemThread && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-reply", onClick: function () {
                         hideMenu();
                         onReplyInThread === null || onReplyInThread === void 0 ? void 0 : onReplyInThread({ message: message });
-                    }, dataSbId: "ui_mobile_message_item_menu_thread" },
+                    }, testID: "ui_mobile_message_item_menu_thread" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__THREAD),
                     React__default.createElement(Icon, { type: IconTypes.THREAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
                 showMenuItemEdit && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-edit", onClick: function () {
                         hideMenu();
-                        showEdit(true);
-                    }, dataSbId: "ui_mobile_message_item_menu_edit" },
+                        showEdit === null || showEdit === void 0 ? void 0 : showEdit(true);
+                    }, testID: "ui_mobile_message_item_menu_edit" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__EDIT),
                     React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
                 showMenuItemResend && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-resend", onClick: function () {
                         hideMenu();
-                        resendMessage(message);
-                    }, dataSbId: "ui_mobile_message_item_menu_resend" },
+                        resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage(message);
+                    }, testID: "ui_mobile_message_item_menu_resend" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__RESEND),
                     React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))),
                 showMenuItemDeleteFinal && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-delete", onClick: function () {
@@ -80,7 +81,7 @@ var MobileContextMenu = function (props) {
                             hideMenu();
                             showRemove === null || showRemove === void 0 ? void 0 : showRemove(true);
                         }
-                    }, disable: disableDelete, dataSbId: "ui_mobile_message_item_menu_delete" },
+                    }, disable: disableDelete, testID: "ui_mobile_message_item_menu_delete" },
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: disableDelete
                             ? LabelColors.ONBACKGROUND_4
                             : LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__DELETE),
@@ -89,7 +90,7 @@ var MobileContextMenu = function (props) {
                             : IconColors.PRIMARY, width: "24px", height: "24px" }))),
                 showMenuItemDownload && (React__default.createElement(MenuItem, { className: "sendbird-message__mobile-context-menu-item menu-item-save", onClick: function () {
                         hideMenu();
-                    }, dataSbId: "ui_mobile_message_item_menu_download_file" },
+                    }, testID: "ui_mobile_message_item_menu_download_file" },
                     React__default.createElement("a", { className: "sendbird-message__contextmenu--hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank", onClick: onDownloadClick },
                         React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MESSAGE_MENU__SAVE),
                         React__default.createElement(Icon, { type: IconTypes.DOWNLOAD, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }))))));
@@ -99,7 +100,7 @@ var MobileContextMenu = function (props) {
 var EMOJI_SIZE = 38;
 var MobileBottomSheet = function (props) {
     var _a, _b, _c;
-    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, isReactionEnabled = props.isReactionEnabled, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _d = props.isOpenedFromThread, isOpenedFromThread = _d === void 0 ? false : _d, onDownloadClick = props.onDownloadClick;
+    var hideMenu = props.hideMenu, channel = props.channel, emojiContainer = props.emojiContainer, message = props.message, replyType = props.replyType, userId = props.userId, resendMessage = props.resendMessage, deleteMessage = props.deleteMessage, toggleReaction = props.toggleReaction, _d = props.isReactionEnabled, isReactionEnabled = _d === void 0 ? false : _d, showEdit = props.showEdit, showRemove = props.showRemove, deleteMenuState = props.deleteMenuState, setQuoteMessage = props.setQuoteMessage, onReplyInThread = props.onReplyInThread, _e = props.isOpenedFromThread, isOpenedFromThread = _e === void 0 ? false : _e, onDownloadClick = props.onDownloadClick;
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
     var stringSet = useLocalization().stringSet;
     var globalStore = useSendbirdStateContext();
@@ -126,25 +127,25 @@ var MobileBottomSheet = function (props) {
     var disableReaction = (message === null || message === void 0 ? void 0 : message.parentMessageId) > 0;
     var fileMessage = message;
     var maxEmojisPerRow = Math.floor(window.innerWidth / EMOJI_SIZE) - 1;
-    var _e = useState(false), showEmojisOnly = _e[0], setShowEmojisOnly = _e[1];
-    var emojis = getEmojiListAll(emojiContainer);
+    var _f = useState(false), showEmojisOnly = _f[0], setShowEmojisOnly = _f[1];
+    var emojis = emojiContainer && getEmojiListAll(emojiContainer);
     // calculate max emojis that can be shown in screen
     var visibleEmojis = showEmojisOnly
         ? emojis
         : emojis === null || emojis === void 0 ? void 0 : emojis.slice(0, maxEmojisPerRow);
-    var canShowMoreEmojis = emojis.length > maxEmojisPerRow;
+    var canShowMoreEmojis = emojis && emojis.length > maxEmojisPerRow;
     return (React__default.createElement(BottomSheet, { onBackdropClick: hideMenu },
         React__default.createElement("div", { className: 'sendbird-message__bottomsheet' },
             showReaction && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet-reactions' },
                 React__default.createElement("ul", { className: "sendbird-message__bottomsheet-reaction-bar" },
-                    React__default.createElement("div", { className: "\n                    sendbird-message__bottomsheet-reaction-bar__row\n                    ".concat(showEmojisOnly ? 'sendbird-message__bottomsheet-reaction-bar__all' : '', "\n                  ") },
+                    React__default.createElement("div", { className: classnames('sendbird-message__bottomsheet-reaction-bar__row', showEmojisOnly && 'sendbird-message__bottomsheet-reaction-bar__all') },
                         visibleEmojis.map(function (emoji) {
                             var _a, _b, _c;
                             var isReacted = (_c = (_b = (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.filter(function (reaction) { return reaction.key === emoji.key; })[0]) === null || _b === void 0 ? void 0 : _b.userIds) === null || _c === void 0 ? void 0 : _c.some(function (reactorId) { return reactorId === userId; });
                             return (React__default.createElement(ReactionButton, { key: emoji.key, width: "".concat(EMOJI_SIZE, "px"), height: "".concat(EMOJI_SIZE, "px"), selected: isReacted, onClick: function () {
                                     hideMenu();
-                                    toggleReaction(message, emoji.key, isReacted);
-                                }, dataSbId: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
+                                    toggleReaction === null || toggleReaction === void 0 ? void 0 : toggleReaction(message, emoji.key, isReacted);
+                                }, testID: "ui_mobile_emoji_reactions_menu_".concat(emoji.key) },
                                 React__default.createElement(ImageRenderer, { url: (emoji === null || emoji === void 0 ? void 0 : emoji.url) || '', width: "28px", height: "28px", placeHolder: function (_a) {
                                         var style = _a.style;
                                         return (React__default.createElement("div", { style: style },
@@ -153,7 +154,7 @@ var MobileBottomSheet = function (props) {
                         }),
                         canShowMoreEmojis && !showEmojisOnly && (React__default.createElement(ReactionButton, { key: "emoji_more", width: "38px", height: "38px", onClick: function () {
                                 setShowEmojisOnly(true);
-                            }, dataSbId: "ui_mobile_emoji_reactions_menu_emojiadd" },
+                            }, testID: "ui_mobile_emoji_reactions_menu_emojiadd" },
                             React__default.createElement(ImageRenderer, { url: '', width: "28px", height: "28px", placeHolder: function (_a) {
                                     var style = _a.style;
                                     return (React__default.createElement("div", { style: style },
@@ -168,20 +169,20 @@ var MobileBottomSheet = function (props) {
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__COPY))),
                 showMenuItemEdit && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
                         hideMenu();
-                        showEdit(true);
+                        showEdit === null || showEdit === void 0 ? void 0 : showEdit(true);
                     } },
                     React__default.createElement(Icon, { type: IconTypes.EDIT, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__EDIT))),
                 showMenuItemResend && (React__default.createElement("div", { className: 'sendbird-message__bottomsheet--action', onClick: function () {
                         hideMenu();
-                        resendMessage(message);
+                        resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage(message);
                     } },
                     React__default.createElement(Icon, { type: IconTypes.REFRESH, fillColor: IconColors.PRIMARY, width: "24px", height: "24px" }),
                     React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 }, stringSet === null || stringSet === void 0 ? void 0 : stringSet.MESSAGE_MENU__RESEND))),
-                showMenuItemReply && (React__default.createElement("div", { className: "sendbird-message__bottomsheet--action\n                      ".concat(disableReaction ? 'sendbird-message__bottomsheet--action-disabled' : '', "\n                    "), role: "menuitem", "aria-disabled": disableReaction ? true : false, onClick: function () {
+                showMenuItemReply && (React__default.createElement("div", { className: classnames('sendbird-message__bottomsheet--action', disableReaction && 'sendbird-message__bottomsheet--action-disabled'), role: "menuitem", "aria-disabled": disableReaction ? true : false, onClick: function () {
                         if (!disableReaction) {
                             hideMenu();
-                            setQuoteMessage(message);
+                            setQuoteMessage === null || setQuoteMessage === void 0 ? void 0 : setQuoteMessage(message);
                         }
                     } },
                     React__default.createElement(Icon, { type: IconTypes.REPLY, fillColor: disableReaction
@@ -225,4 +226,4 @@ var MobileMenu = function (props) {
 };
 
 export { MobileMenu as M };
-//# sourceMappingURL=bundle-C6yCDg1g.js.map
+//# sourceMappingURL=bundle-LG8yCDNB.js.map

package/{cjs/chunks/bundle-BvhC4El1.js.map → chunks/bundle-LG8yCDNB.js.map}

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

package/chunks/{bundle-BxaysvGU.js → bundle-MjyZT4_4.js}

@@ -8,9 +8,9 @@ function getIsReactionEnabled(_a) {
         return false;
     }
     if (channel.isSuper)
-        return moduleLevel && config.groupChannel.enableReactionsSupergroup;
+        return moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : config.groupChannel.enableReactionsSupergroup;
     return moduleLevel !== null && moduleLevel !== void 0 ? moduleLevel : config.groupChannel.enableReactions;
 }
 
 export { getIsReactionEnabled as g };
-//# sourceMappingURL=bundle-BxaysvGU.js.map
+//# sourceMappingURL=bundle-MjyZT4_4.js.map

package/chunks/bundle-MjyZT4_4.js.map

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

package/chunks/{bundle-CLQfFjkS.js → bundle-PXw9RwTY.js}

@@ -1,6 +1,6 @@
-import { _ as __assign } from './bundle-CDy_GVNR.js';
+import { _ as __assign } from './bundle-zAvvLMA9.js';
 import React__default from 'react';
-import { S as SuggestedMentionListView } from './bundle-BUMKThPh.js';
+import { S as SuggestedMentionListView } from './bundle-GH8narZ-.js';
 import { useThreadContext } from '../Thread/context.js';
 
 var SuggestedMentionList = function (props) {
@@ -9,4 +9,4 @@ var SuggestedMentionList = function (props) {
 };
 
 export { SuggestedMentionList as S };
-//# sourceMappingURL=bundle-CLQfFjkS.js.map
+//# sourceMappingURL=bundle-PXw9RwTY.js.map

package/chunks/bundle-PXw9RwTY.js.map

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

package/chunks/{bundle-B8F-tpmW.js → bundle-QxLGXu0w.js}

@@ -1,30 +1,30 @@
-import { c as __spreadArray } from './bundle-CDy_GVNR.js';
+import { c as __spreadArray } from './bundle-zAvvLMA9.js';
 import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import ContextMenu, { MenuItems, OperatorMenuItem, MuteMenuItem, MenuItem } from '../ui/ContextMenu.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
 import IconButton from '../ui/IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-q3jyuKU7.js';
-import { L as LocalizationContext } from './bundle-CAdxJnio.js';
-import { a as UserProfileContext } from './bundle-60et0yds.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from './bundle-DyVURRtM.js';
+import { Participant } from '@sendbird/chat';
+import { L as LocalizationContext } from './bundle-4r7ZPzcx.js';
+import { a as UserProfileContext } from './bundle-CPH6jPCe.js';
 import '../ui/AccordionGroup.js';
-import { A as Avatar } from './bundle-C1XVT5qc.js';
+import { A as Avatar } from './bundle-lS9BV-1I.js';
 import 'react-dom';
-import './bundle-Cj-w5I5i.js';
+import './bundle-DS8lmYaF.js';
 import '@sendbird/uikit-tools';
 import '../withSendbird.js';
 import 'css-vars-ponyfill';
-import './bundle-BH5EGLxi.js';
-import '@sendbird/chat';
+import './bundle-CMOqM33u.js';
 import '@sendbird/chat/openChannel';
 import '@sendbird/chat/groupChannel';
-import './bundle-D2MpL8t0.js';
-import { M as Modal } from './bundle-DiVyB2HD.js';
+import './bundle-CflUdLjG.js';
+import { M as Modal } from './bundle-DEcnZTr9.js';
 import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
 import UserProfile from '../ui/UserProfile.js';
 import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
 import UserListItem$1 from '../ui/UserListItem.js';
-import { n as noop } from './bundle-DhJuLwLJ.js';
+import { n as noop } from './bundle-Dl6p5CcR.js';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
 
 function ParticipantsModal(_a) {
@@ -51,15 +51,17 @@ function ParticipantsModal(_a) {
     return (React__default.createElement("div", null,
         React__default.createElement(Modal, { hideFooter: true, isFullScreenOnMobile: true, onCancel: function () { return onCancel(); }, onSubmit: noop, titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE },
             React__default.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(__spreadArray(__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(__spreadArray(__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__default.createElement(UserListItem$1, { 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)
@@ -70,22 +72,22 @@ function ParticipantsModal(_a) {
                                     React__default.createElement(OperatorMenuItem, { channel: channel, user: p, onChange: function () { return closeDropdown(); }, onError: function () {
                                             // FIXME: handle error later
                                             closeDropdown();
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
+                                        }, testID: "open_channel_setting_participant_context_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
                                         ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
                                         : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
                                     React__default.createElement(MuteMenuItem, { channel: channel, user: p, onChange: function () { return closeDropdown(); }, onError: function () {
                                             // FIXME: handle error later
                                             closeDropdown();
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
+                                        }, testID: "open_channel_setting_participant_context_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
                                         ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
                                         : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
                                     React__default.createElement(MenuItem, { onClick: function () {
                                             channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
                                                 closeDropdown();
                                             });
-                                        }, dataSbId: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
+                                        }, testID: "open_channel_setting_participant_context_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }));
                         }
-                        : null }));
+                        : function () { return React__default.createElement(React__default.Fragment, null); } }));
             })))));
 }
 
@@ -103,10 +105,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__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                    user instanceof Participant && user.isMuted ? (React__default.createElement(MutedAvatarOverlay, null)) : '')); }, menuItems: function (closeDropdown) { return (renderUserProfile
                     ? renderUserProfile({
                         user: user,
-                        currentUserId: currentUser,
+                        currentUserId: currentUser !== null && currentUser !== void 0 ? currentUser : '',
                         close: closeDropdown,
                         avatarRef: avatarRef,
                     })
@@ -155,13 +157,15 @@ function ParticipantList(_a) {
         });
     }, [channel]);
     return (React__default.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(__spreadArray(__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(__spreadArray(__spreadArray([], (participants !== null && participants !== void 0 ? participants : []), true), fetchedParticipants, true));
+                    });
+                }
             }
         } },
         React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 :
@@ -178,7 +182,7 @@ function ParticipantList(_a) {
                                         }, onError: function () {
                                             // FIXME: handle error later
                                             closeDropdown();
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
+                                        }, testID: "open_channel_setting_partitipant_conext_menu_".concat((isOperator) ? 'unregister_operator' : 'register_as_operator') }, isOperator
                                         ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR
                                         : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR),
                                     React__default.createElement(MuteMenuItem, { channel: channel, user: p, onChange: function () {
@@ -187,7 +191,7 @@ function ParticipantList(_a) {
                                         }, onError: function () {
                                             // FIXME: handle error later
                                             closeDropdown();
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
+                                        }, testID: "open_channel_setting_partitipant_conext_menu_".concat(p.isMuted ? 'unmute' : 'mute') }, p.isMuted
                                         ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE
                                         : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE),
                                     React__default.createElement(MenuItem, { onClick: function () {
@@ -195,7 +199,7 @@ function ParticipantList(_a) {
                                                 closeDropdown();
                                                 refreshList();
                                             });
-                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
+                                        }, testID: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
                             : null);
                     } }));
             }),
@@ -209,4 +213,4 @@ function ParticipantList(_a) {
 }
 
 export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=bundle-B8F-tpmW.js.map
+//# sourceMappingURL=bundle-QxLGXu0w.js.map

package/chunks/{bundle-B8F-tpmW.js.map → bundle-QxLGXu0w.js.map}

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

package/chunks/{bundle-CDMcNani.js → bundle-V1KP3Yq2.js}

@@ -1,4 +1,4 @@
-import { c as __spreadArray } from './bundle-CDy_GVNR.js';
+import { c as __spreadArray } from './bundle-zAvvLMA9.js';
 import { SendingStatus } from '@sendbird/chat/message';
 
 var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScrolled) {
@@ -6,8 +6,8 @@ var scrollToRenderedMessage = function (scrollRef, initialTimeStamp, setIsScroll
     try {
         var container = scrollRef.current;
         // scroll into the message with initialTimeStamp
-        var element = (_a = container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
-        if (element instanceof HTMLElement) {
+        var element = (_a = container === null || container === void 0 ? void 0 : container.querySelectorAll("[data-sb-created-at=\"".concat(initialTimeStamp, "\"]"))) === null || _a === void 0 ? void 0 : _a[0];
+        if (container && element instanceof HTMLElement) {
             // Set the scroll position of the container to bring the element to the top
             container.scrollTop = element.offsetTop;
         }
@@ -30,7 +30,8 @@ var scrollIntoLast = function (initialTry, scrollRef, setIsScrolled) {
     }
     try {
         var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-        scrollDOM.scrollTop = scrollDOM.scrollHeight;
+        if (scrollDOM)
+            scrollDOM.scrollTop = scrollDOM.scrollHeight;
         setIsScrolled === null || setIsScrolled === void 0 ? void 0 : setIsScrolled(true);
     }
     catch (error) {
@@ -120,4 +121,4 @@ var isAboutSame = function (a, b, px) {
 };
 
 export { isDisabledBecauseFrozen as a, isDisabledBecauseMuted as b, scrollToRenderedMessage as c, getNicknamesMapFromMembers as d, getAllEmojisMapFromEmojiContainer as g, isAboutSame as i, mergeAndSortMessages as m, passUnsuccessfullMessages as p, scrollIntoLast as s };
-//# sourceMappingURL=bundle-CDMcNani.js.map
+//# sourceMappingURL=bundle-V1KP3Yq2.js.map

package/chunks/bundle-V1KP3Yq2.js.map

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

package/chunks/{bundle-DwPw_RW5.js → bundle-YyfBbrXK.js}

@@ -11,4 +11,4 @@ function compareIds(a, b) {
 }
 
 export { compareIds as c };
-//# sourceMappingURL=bundle-DwPw_RW5.js.map
+//# sourceMappingURL=bundle-YyfBbrXK.js.map

package/chunks/bundle-YyfBbrXK.js.map

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