@sendbird/uikit-react 3.9.0 → 3.9.1-rc-0

package/dist/chunks/bundle-57J_rNKG.js

@@ -0,0 +1,218 @@
+/**
+ * NOTE:
+ * Do not forget to update the string set table on Docs
+ * When you update this string set
+ *
+ * `%d` will be replaced by a proper number
+ */
+var stringSet = {
+    en: {
+        // Group Channel - Conversation
+        MESSAGE_STATUS__YESTERDAY: 'Yesterday',
+        CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE: 'new message(s) since',
+        /** @deprecated Please use `DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE` instead * */
+        CHANNEL__MESSAGE_LIST__NOTIFICATION__ON: 'on',
+        // Channel List
+        CHANNEL_PREVIEW_MOBILE_LEAVE: 'Leave channel',
+        // Group Channel - Settings
+        CHANNEL_SETTING__HEADER__TITLE: 'Channel information',
+        CHANNEL_SETTING__PROFILE__EDIT: 'Edit',
+        CHANNEL_SETTING__MEMBERS__TITLE: 'Members',
+        CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS: 'All members',
+        CHANNEL_SETTING__MEMBERS__INVITE_MEMBER: 'Invite users',
+        CHANNEL_SETTING__MEMBERS__YOU: ' (You)',
+        CHANNEL_SETTING__MEMBERS__SELECT_TITLE: 'Select members',
+        CHANNEL_SETTING__MEMBERS__OPERATOR: 'Operator',
+        CHANNEL_SETTING__LEAVE_CHANNEL__TITLE: 'Leave channel',
+        CHANNEL_SETTING__OPERATORS__TITLE: 'Operators',
+        CHANNEL_SETTING__OPERATORS__TITLE_ALL: 'All operators',
+        CHANNEL_SETTING__OPERATORS__TITLE_ADD: 'Add operator',
+        CHANNEL_SETTING__OPERATORS__ADD_BUTTON: 'Add',
+        CHANNEL_SETTING__MUTED_MEMBERS__TITLE: 'Muted members',
+        CHANNEL_SETTING__MUTED_MEMBERS__TITLE_ALL: 'All muted members',
+        CHANNEL_SETTING__NO_UNMUTED: 'No muted members yet',
+        CHANNEL_SETTING__BANNED_MEMBERS__TITLE: 'Banned users',
+        CHANNEL_SETTING__FREEZE_CHANNEL: 'Freeze Channel',
+        CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR: 'Register as operator',
+        CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR: 'Unregister operator',
+        CHANNEL_SETTING__MODERATION__MUTE: 'Mute',
+        CHANNEL_SETTING__MODERATION__UNMUTE: 'Unmute',
+        CHANNEL_SETTING__MODERATION__BAN: 'Ban',
+        CHANNEL_SETTING__MODERATION__UNBAN: 'Unban',
+        CHANNEL_SETTING__MODERATION__EMPTY_BAN: 'No banned members yet',
+        CHANNEL_SETTING__MODERATION__ALL_BAN: 'All banned members',
+        // OpenChannel - Conversation
+        OPEN_CHANNEL_CONVERSATION__TITLE_PARTICIPANTS: 'participants',
+        OPEN_CHANNEL_CONVERSATION__SELECT_PARTICIPANTS: 'Select participants',
+        // OpenChannelList
+        OPEN_CHANNEL_LIST__TITLE: 'Channels',
+        CREATE_OPEN_CHANNEL_LIST__TITLE: 'New channel profile',
+        CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_SECTION: 'Channel image',
+        CREATE_OPEN_CHANNEL_LIST__SUBTITLE__IMG_UPLOAD: 'Upload',
+        CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_SECTION: 'Channel name',
+        CREATE_OPEN_CHANNEL_LIST__SUBTITLE__TEXT_PLACE_HOLDER: 'Enter channel name',
+        CREATE_OPEN_CHANNEL_LIST__SUBMIT: 'Create',
+        // OpenChannel - Settings
+        OPEN_CHANNEL_SETTINGS__OPERATOR_TITLE: 'Channel Information',
+        OPEN_CHANNEL_SETTINGS__OPERATOR_URL: 'URL',
+        OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE: 'Participants',
+        OPEN_CHANNEL_SETTINGS__DELETE_CHANNEL_PANEL: 'Delete channel',
+        OPEN_CHANNEL_SETTINGS__DELETE_CHANNEL_TITLE: 'Delete channel?',
+        OPEN_CHANNEL_SETTINGS__DELETE_CHANNEL_CONTEXT: 'Once deleted, this channel can\'t be restored.',
+        OPEN_CHANNEL_SETTINGS__DELETE_CHANNEL_SUBMIT: 'Delete',
+        OPEN_CHANNEL_SETTINGS__OPERATORS_TITLE: 'Operators',
+        OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ADD: 'Add operator',
+        OPEN_CHANNEL_SETTINGS__OPERATORS__TITLE_ALL: 'All operators',
+        OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE: 'Muted participants',
+        OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__TITLE_ALL: 'All muted participants',
+        OPEN_CHANNEL_SETTINGS__MUTED_MEMBERS__NO_ONE: 'No muted participants yet',
+        OPEN_CHANNEL_SETTINGS__BANNED_MEMBERS__TITLE: 'Banned users',
+        OPEN_CHANNEL_SETTINGS__BANNED_MEMBERS__TITLE_ALL: 'All banned users',
+        OPEN_CHANNEL_SETTINGS__BANNED_MEMBERS__NO_ONE: 'No banned users yet',
+        OPEN_CHANNEL_SETTINGS__MEMBERS__YOU: ' (You)',
+        OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR: 'Operator',
+        OPEN_CHANNEL_SETTINGS__PARTICIPANTS_TITLE: 'Participants',
+        OPEN_CHANNEL_SETTINGS__EMPTY_LIST: 'No participants yet',
+        OPEN_CHANNEL_SETTINGS__SEE_ALL: 'See all participants',
+        OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE: 'All participants',
+        OPEN_CHANNEL_SETTINGS__NO_TITLE: '(No title)',
+        OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR: 'Register as operator',
+        OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR: 'Unregister operator',
+        OPEN_CHANNEL_SETTING__MODERATION__MUTE: 'Mute',
+        OPEN_CHANNEL_SETTING__MODERATION__UNMUTE: 'Unmute',
+        OPEN_CHANNEL_SETTING__MODERATION__BAN: 'Ban',
+        OPEN_CHANNEL_SETTING__MODERATION__UNBAN: 'Unban',
+        // Channel - Common
+        TRYING_TO_CONNECT: 'Trying to connect…',
+        TYPING_INDICATOR__IS_TYPING: 'is typing...',
+        TYPING_INDICATOR__AND: 'and',
+        TYPING_INDICATOR__ARE_TYPING: 'are typing...',
+        TYPING_INDICATOR__MULTIPLE_TYPING: 'Several people are typing...',
+        CHANNEL_FROZEN: 'Channel frozen',
+        PLACE_HOLDER__NO_CHANNEL: 'No channels',
+        PLACE_HOLDER__WRONG: 'Something went wrong',
+        PLACE_HOLDER__RETRY_TO_CONNECT: 'Retry',
+        PLACE_HOLDER__NO_MESSAGES: 'No messages',
+        TOOLTIP__AND_YOU: ', and you',
+        TOOLTIP__YOU: 'you',
+        TOOLTIP__UNKNOWN_USER: '(no name)',
+        UNKNOWN__UNKNOWN_MESSAGE_TYPE: '(Unknown message type)',
+        UNKNOWN__CANNOT_READ_MESSAGE: 'Cannot read this message.',
+        MESSAGE_EDITED: '(edited)',
+        // Channel - Modal
+        MODAL__DELETE_MESSAGE__TITLE: 'Delete this message?',
+        MODAL__CHANNEL_INFORMATION__TITLE: 'Edit channel information',
+        MODAL__CHANNEL_INFORMATION__CHANNEL_IMAGE: 'Channel image',
+        MODAL__CHANNEL_INFORMATION__UPLOAD: 'Upload',
+        MODAL__CHANNEL_INFORMATION__CHANNEL_NAME: 'Channel name',
+        MODAL__CHANNEL_INFORMATION__INPUT__PLACE_HOLDER: 'Enter name',
+        MODAL__INVITE_MEMBER__TITLE: 'Invite member',
+        MODAL__INVITE_MEMBER__SELECTED: 'selected',
+        MODAL__CHOOSE_CHANNEL_TYPE__TITLE: 'New channel',
+        MODAL__CHOOSE_CHANNEL_TYPE__GROUP: 'Group',
+        MODAL__CHOOSE_CHANNEL_TYPE__SUPER_GROUP: 'Super group',
+        MODAL__CHOOSE_CHANNEL_TYPE__BROADCAST: 'Broadcast',
+        MODAL__CREATE_CHANNEL__TITLE: 'New channel',
+        MODAL__CREATE_CHANNEL__GROUP: 'Group',
+        MODAL__CREATE_CHANNEL__SUPER: 'Super group',
+        MODAL__CREATE_CHANNEL__BROADCAST: 'Broadcast',
+        MODAL__CREATE_CHANNEL__SELECTED: 'selected',
+        MODAL__LEAVE_CHANNEL__TITLE: 'Leave this channel?',
+        MODAL__LEAVE_CHANNEL__FOOTER: 'Leave',
+        MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_MUTED: 'You\'re muted by the operator.',
+        MODAL__VOICE_MESSAGE_INPUT_DISABLED__TITLE_FROZEN: 'Channel is frozen.',
+        // User Profile
+        USER_PROFILE__MESSAGE: 'Message',
+        USER_PROFILE__USER_ID: 'User ID',
+        EDIT_PROFILE__TITLE: 'My profile',
+        EDIT_PROFILE__IMAGE_LABEL: 'Profile image',
+        EDIT_PROFILE__IMAGE_UPLOAD: 'Upload',
+        EDIT_PROFILE__NICKNAME_LABEL: 'Nickname',
+        EDIT_PROFILE__NICKNAME_PLACEHOLDER: 'Enter your nickname',
+        EDIT_PROFILE__USERID_LABEL: 'User ID',
+        EDIT_PROFILE__THEME_LABEL: 'Dark theme',
+        // Message Input
+        MESSAGE_INPUT__PLACE_HOLDER: 'Enter message',
+        MESSAGE_INPUT__PLACE_HOLDER__DISABLED: 'Chat is unavailable in this channel',
+        MESSAGE_INPUT__PLACE_HOLDER__MUTED: 'Chat is unavailable because you\'re muted',
+        MESSAGE_INPUT__PLACE_HOLDER__MUTED_SHORT: 'You\'re muted',
+        MESSAGE_INPUT__QUOTE_REPLY__PLACE_HOLDER: 'Reply to message',
+        // Common UI
+        BUTTON__CANCEL: 'Cancel',
+        BUTTON__DELETE: 'Delete',
+        BUTTON__SAVE: 'Save',
+        BUTTON__CREATE: 'Create',
+        BUTTON__INVITE: 'Invite',
+        BUTTON__OK: 'OK',
+        BADGE__OVER: '+',
+        NO_TITLE: 'No title',
+        NO_NAME: '(No name)',
+        NO_MEMBERS: '(No members)',
+        // Context Menu
+        MESSAGE_MENU__COPY: 'Copy',
+        MESSAGE_MENU__REPLY: 'Reply',
+        MESSAGE_MENU__THREAD: 'Reply in thread',
+        MESSAGE_MENU__OPEN_IN_CHANNEL: 'Open in channel',
+        MESSAGE_MENU__EDIT: 'Edit',
+        MESSAGE_MENU__RESEND: 'Resend',
+        MESSAGE_MENU__DELETE: 'Delete',
+        MESSAGE_MENU__SAVE: 'Save',
+        //  * FIXME: get back legacy, remove after refactoring open channel messages *
+        CONTEXT_MENU_DROPDOWN__COPY: 'Copy',
+        CONTEXT_MENU_DROPDOWN__EDIT: 'Edit',
+        CONTEXT_MENU_DROPDOWN__RESEND: 'Resend',
+        CONTEXT_MENU_DROPDOWN__DELETE: 'Delete',
+        CONTEXT_MENU_DROPDOWN__SAVE: 'Save',
+        // Feature - Message Search
+        SEARCH: 'Search',
+        SEARCH_IN_CHANNEL: 'Search in channel',
+        SEARCH_IN: 'Search in',
+        SEARCHING: 'Searching for messages...',
+        NO_SEARCHED_MESSAGE: 'No results found.',
+        // Feature - Message Reply
+        QUOTE_MESSAGE_INPUT__REPLY_TO: 'Reply to',
+        QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE: 'Photo',
+        QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF: 'GIF',
+        QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO: 'Video',
+        QUOTED_MESSAGE__REPLIED_TO: 'replied to',
+        QUOTED_MESSAGE__CURRENT_USER: 'You',
+        QUOTED_MESSAGE__UNAVAILABLE: 'Message unavailable',
+        // Feature - Thread
+        THREAD__HEADER_TITLE: 'Thread',
+        CHANNEL__THREAD_REPLY: 'reply',
+        CHANNEL__THREAD_REPLIES: 'replies',
+        CHANNEL__THREAD_OVER_MAX: '99+',
+        THREAD__THREAD_REPLY: 'reply',
+        THREAD__THREAD_REPLIES: 'replies',
+        THREAD__INPUT__REPLY_TO_THREAD: 'Reply to thread',
+        THREAD__INPUT__REPLY_IN_THREAD: 'Reply in thread',
+        // Feature - Mention
+        MENTION_NAME__NO_NAME: '(No name)',
+        MENTION_COUNT__OVER_LIMIT: 'You can mention up to %d times at a time.',
+        UI__FILE_VIEWER__UNSUPPORT: 'Unsupported message',
+        // Feature - Voice Message
+        VOICE_RECORDING_PERMISSION_DENIED: "You cannot record the voice since\n        voice recording is not permitted in your device system setting",
+        VOICE_MESSAGE: 'Voice Message',
+        // Channel preview last message file type display strings
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF: 'GIF',
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO: 'Photo',
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO: 'Video',
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO: 'Audio',
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE: 'Voice message',
+        CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL: 'File',
+        // Date format
+        DATE_FORMAT__MESSAGE_LIST__NOTIFICATION__UNREAD_SINCE: 'p \'on\' MMM dd',
+        DATE_FORMAT__MESSAGE_LIST__DATE_SEPARATOR: 'MMMM dd, yyyy',
+        DATE_FORMAT__THREAD_LIST__DATE_SEPARATOR: 'MMM dd, yyyy',
+        // File upload
+        FILE_UPLOAD_NOTIFICATION__COUNT_LIMIT: 'Up to %d files can be attached.',
+        FILE_UPLOAD_NOTIFICATION__SIZE_LIMIT: 'The maximum size per file is %d MB.',
+    },
+};
+var getStringSet = function (lang) {
+    if (lang === void 0) { lang = 'en'; }
+    return stringSet[lang];
+};
+
+export { getStringSet as g };
+//# sourceMappingURL=bundle-57J_rNKG.js.map

package/dist/chunks/bundle-57J_rNKG.js.map

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

package/dist/chunks/bundle-8X1nAYfO.js

@@ -0,0 +1,26 @@
+var Colors;
+(function (Colors) {
+    Colors["ONBACKGROUND_1"] = "ONBACKGROUND_1";
+    Colors["ONBACKGROUND_2"] = "ONBACKGROUND_2";
+    Colors["ONBACKGROUND_3"] = "ONBACKGROUND_3";
+    Colors["ONBACKGROUND_4"] = "ONBACKGROUND_4";
+    Colors["ONCONTENT_1"] = "ONCONTENT_1";
+    Colors["ONCONTENT_2"] = "ONCONTENT_2";
+    Colors["PRIMARY"] = "PRIMARY";
+    Colors["ERROR"] = "ERROR";
+})(Colors || (Colors = {}));
+var changeColorToClassName = function (color) {
+    switch (color) {
+        case Colors.ONBACKGROUND_1: return 'sendbird-color--onbackground-1';
+        case Colors.ONBACKGROUND_2: return 'sendbird-color--onbackground-2';
+        case Colors.ONBACKGROUND_3: return 'sendbird-color--onbackground-3';
+        case Colors.ONBACKGROUND_4: return 'sendbird-color--onbackground-4';
+        case Colors.ONCONTENT_1: return 'sendbird-color--oncontent-1';
+        case Colors.PRIMARY: return 'sendbird-color--primary';
+        case Colors.ERROR: return 'sendbird-color--error';
+        default: return null;
+    }
+};
+
+export { Colors as C, changeColorToClassName as c };
+//# sourceMappingURL=bundle-8X1nAYfO.js.map

package/dist/chunks/bundle-8X1nAYfO.js.map

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

package/dist/chunks/bundle-9-tPTMF6.js

@@ -0,0 +1,31 @@
+var DEFAULT_URL_PREFIX = 'https://static.sendbird.com/sample/cover/cover_';
+var getOpenChannelAvatar = function (channel) {
+    if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+        return channel.coverUrl;
+    }
+};
+var getChannelAvatarSource = function (channel, currentUserId) {
+    if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+        if (!(new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl))) {
+            return channel.coverUrl;
+        }
+    }
+    return ((channel === null || channel === void 0 ? void 0 : channel.members) || [])
+        .filter(function (member) { return member.userId !== currentUserId; })
+        .map(function (_a) {
+        var profileUrl = _a.profileUrl;
+        return profileUrl;
+    });
+};
+var generateDefaultAvatar = function (channel) {
+    if (channel === null || channel === void 0 ? void 0 : channel.coverUrl) {
+        if (new RegExp("^".concat(DEFAULT_URL_PREFIX)).test(channel.coverUrl)) {
+            return true;
+        }
+        return false;
+    }
+    return true;
+};
+
+export { getChannelAvatarSource as a, getOpenChannelAvatar as b, generateDefaultAvatar as g };
+//# sourceMappingURL=bundle-9-tPTMF6.js.map

package/dist/chunks/bundle-9-tPTMF6.js.map

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

package/dist/chunks/bundle-9ALYHYD3.js

@@ -0,0 +1,4 @@
+var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
+
+export { TEXT_MESSAGE_BODY_CLASSNAME as T };
+//# sourceMappingURL=bundle-9ALYHYD3.js.map

package/dist/chunks/bundle-9ALYHYD3.js.map

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

package/dist/chunks/bundle-AEcqxqSG.js

@@ -0,0 +1,235 @@
+import { a as __spreadArray } from './bundle-GJNoquF6.js';
+import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
+import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
+import ContextMenu, { MenuItems, 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-r4JH75Z9.js';
+import { L as LocalizationContext } from './bundle-YVb8yq4r.js';
+import { a as UserProfileContext } from './bundle-z7m0Jz63.js';
+import './bundle-w5oQiIVl.js';
+import { A as Avatar } from './bundle-iBVztNIJ.js';
+import 'react-dom';
+import './bundle-ZqXMPrmp.js';
+import MutedAvatarOverlay from '../ui/MutedAvatarOverlay.js';
+import UserProfile from '../ui/UserProfile.js';
+import { useOpenChannelSettingsContext } from '../OpenChannelSettings/context.js';
+import '../withSendbird.js';
+import { M as Modal } from './bundle-qyl9VDFm.js';
+import UserListItem$1 from '../ui/UserListItem.js';
+import { n as noop } from './bundle-2B6mR7lS.js';
+import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
+
+function ParticipantsModal(_a) {
+    var _b, _c, _d;
+    var onCancel = _a.onCancel;
+    var state = useSendbirdStateContext();
+    var channel = useOpenChannelSettingsContext().channel;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _e = useState([]), participants = _e[0], setParticipants = _e[1];
+    var _f = useState(null), participantListQuery = _f[0], setParticipantListQuery = _f[1];
+    var userId = (_b = state === null || state === void 0 ? void 0 : state.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var sdk = (_d = (_c = state === null || state === void 0 ? void 0 : state.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.sdk;
+    var isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
+    useEffect(function () {
+        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
+        setParticipantListQuery(participantListQuery);
+        participantListQuery.next().then(function (participantList) {
+            setParticipants(participantList);
+        });
+    }, []);
+    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));
+                        });
+                    }
+                } }, 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)
+                        ? function (_a) {
+                            var actionRef = _a.actionRef, parentRef = _a.parentRef;
+                            return (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-user-message__more__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentContainRef: parentRef, parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (isOperator) {
+                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                        }, dataSbId: "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(MenuItem, { onClick: function () {
+                                            if (p.isMuted) {
+                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
+                                                    closeDropdown();
+                                                });
+                                            }
+                                        }, dataSbId: "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))); } }));
+                        }
+                        : null }));
+            })))));
+}
+
+var UserListItem = function (_a) {
+    var user = _a.user, currentUser = _a.currentUser, isOperator = _a.isOperator, action = _a.action;
+    var avatarRef = useRef(null);
+    var actionRef = useRef(null);
+    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    return (React__default.createElement("div", { className: "sendbird-participants-accordion__member" },
+        React__default.createElement("div", { className: "sendbird-participants-accordion__member-avatar" },
+            React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(Avatar, { className: "sendbird-participants-accordion__member-avatar__avatar", onClick: function () {
+                            if (!disableUserProfile) {
+                                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
+                    ? renderUserProfile({
+                        user: user,
+                        currentUserId: currentUser,
+                        close: closeDropdown,
+                        avatarRef: avatarRef,
+                    })
+                    : (React__default.createElement(MenuItems, { openLeft: true, parentRef: avatarRef, 
+                        // for catching location(x, y) of MenuItems
+                        parentContainRef: avatarRef, 
+                        // for toggling more options(menus & reactions)
+                        closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                        React__default.createElement(UserProfile, { disableMessaging: true, user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } })),
+        React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_1 },
+            user.nickname || stringSet.NO_NAME,
+            (currentUser === user.userId) && (stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU)),
+        !user.nickname && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title user-id", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
+        isOperator && (React__default.createElement(Label, { className: "sendbird-participants-accordion__member__title\n                ".concat((user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : '', "\n                ").concat((user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : '', "\n              "), type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR)),
+        action && (React__default.createElement("div", { className: "sendbird-participants-accordion__member__action", ref: actionRef }, action({ actionRef: actionRef })))));
+};
+
+function ParticipantList(_a) {
+    var _b;
+    var _c = _a.isOperatorView, isOperatorView = _c === void 0 ? false : _c;
+    var globalState = useSendbirdStateContext();
+    var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
+    var channel = useOpenChannelSettingsContext().channel;
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _d = useState(null), participants = _d[0], setParticipants = _d[1];
+    var _e = useState(null), participantListQuery = _e[0], setParticipantListQuery = _e[1];
+    var _f = useState(false), showParticipantsModal = _f[0], setShowParticipantsModal = _f[1];
+    useEffect(function () {
+        if (!channel || !(channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery)) {
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
+        setParticipantListQuery(participantListQuery);
+        participantListQuery.next().then(function (participants) {
+            setParticipants(participants);
+        });
+    }, [channel]);
+    var refreshList = useCallback(function () {
+        if (!channel) {
+            setParticipants([]);
+            return;
+        }
+        var participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({ limit: 10 });
+        participantListQuery.next().then(function (participants) {
+            setParticipants(participants);
+        });
+    }, [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));
+                });
+            }
+        } },
+        React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 :
+            participants.map(function (p) {
+                var isOperator = channel === null || channel === void 0 ? void 0 : channel.isOperator(p.userId);
+                return (React__default.createElement(UserListItem, { user: p, currentUser: currentUserId, key: p.userId, isOperator: isOperator, action: function (_a) {
+                        var actionRef = _a.actionRef;
+                        return ((isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId))
+                            ? (React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(IconButton, { className: "sendbird-openchannel-participant-list__menu", width: "32px", height: "32px", onClick: toggleDropdown },
+                                    React__default.createElement(Icon, { width: "24px", height: "24px", type: IconTypes.MORE, fillColor: IconColors.CONTENT_INVERSE }))); }, menuItems: function (closeDropdown) { return (React__default.createElement(MenuItems, { parentRef: actionRef, closeDropdown: closeDropdown, openLeft: true },
+                                    React__default.createElement(MenuItem, { onClick: function () {
+                                            if (isOperator) {
+                                                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                        }, dataSbId: "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(MenuItem, { onClick: function () {
+                                            if (p.isMuted) {
+                                                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                            else {
+                                                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
+                                                    closeDropdown();
+                                                    refreshList();
+                                                });
+                                            }
+                                        }, dataSbId: "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 () {
+                                            channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(function () {
+                                                closeDropdown();
+                                                refreshList();
+                                            });
+                                        }, dataSbId: "open_channel_setting_partitipant_conext_menu_ban" }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))); } }))
+                            : null);
+                    } }));
+            }),
+            (participants && participants.length === 0)
+                ? (React__default.createElement(Label, { className: "sendbird-channel-settings__empty-list", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_3 }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST)) : null,
+            React__default.createElement("div", { className: "sendbird-openchannel-participant-list__footer" }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && (React__default.createElement(Button, { type: ButtonTypes.SECONDARY, size: ButtonSizes.SMALL, onClick: function () { return setShowParticipantsModal(true); } }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE))),
+            showParticipantsModal && (React__default.createElement(ParticipantsModal, { onCancel: function () {
+                    setShowParticipantsModal(false);
+                    refreshList();
+                } })))));
+}
+
+export { ParticipantList as P, UserListItem as U };
+//# sourceMappingURL=bundle-AEcqxqSG.js.map

package/dist/chunks/bundle-AEcqxqSG.js.map

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

package/dist/chunks/bundle-AMYEkxzX.js

@@ -0,0 +1,13 @@
+var PREV_RESULT_SIZE = 30;
+var NEXT_RESULT_SIZE = 15;
+var MAX_USER_MENTION_COUNT = 10;
+var MAX_USER_SUGGESTION_COUNT = 15;
+var USER_MENTION_TEMP_CHAR = '@';
+var ThreadReplySelectType;
+(function (ThreadReplySelectType) {
+    ThreadReplySelectType["PARENT"] = "PARENT";
+    ThreadReplySelectType["THREAD"] = "THREAD";
+})(ThreadReplySelectType || (ThreadReplySelectType = {}));
+
+export { MAX_USER_MENTION_COUNT as M, NEXT_RESULT_SIZE as N, PREV_RESULT_SIZE as P, ThreadReplySelectType as T, USER_MENTION_TEMP_CHAR as U, MAX_USER_SUGGESTION_COUNT as a };
+//# sourceMappingURL=bundle-AMYEkxzX.js.map

package/dist/chunks/bundle-AMYEkxzX.js.map

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