@sendbird/uikit-react 3.7.0 → 3.8.1

package/index-4b4e9682.js

@@ -1,161 +0,0 @@
-import { c as __spreadArray } from './tslib.es6-c2fb729e.js';
-import React__default from 'react';
-import { f as format } from './index-2d27aeef.js';
-import Icon, { IconTypes, IconColors } from './ui/Icon.js';
-import { c as LabelStringSet, L as Label, a as LabelTypography, b as LabelColors } from './index-92741c7e.js';
-import Loader from './ui/Loader.js';
-import { h as isImage, j as isGif, k as isVideo, l as isAudio, m as isVoiceMessageMimeType, n as isSentStatus } from './index-776554c0.js';
-import { getOutgoingMessageState, OutgoingMessageStates } from './utils/message/getOutgoingMessageState.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from './index-f8a9cb51.js';
-import { u as useLocalization } from './LocalizationContext-287ee149.js';
-
-var getChannelTitle = function (channel, currentUserId, stringSet) {
-  var _a;
-  if (stringSet === void 0) {
-    stringSet = LabelStringSet;
-  }
-  if (!(channel === null || channel === void 0 ? void 0 : channel.name) && !(channel === null || channel === void 0 ? void 0 : channel.members)) {
-    return stringSet.NO_TITLE;
-  }
-  if ((channel === null || channel === void 0 ? void 0 : channel.name) && channel.name !== 'Group Channel') {
-    return channel.name;
-  }
-  if (((_a = channel === null || channel === void 0 ? void 0 : channel.members) === null || _a === void 0 ? void 0 : _a.length) === 1) {
-    return stringSet.NO_MEMBERS;
-  }
-  return ((channel === null || channel === void 0 ? void 0 : channel.members) || []).filter(function (_a) {
-    var userId = _a.userId;
-    return userId !== currentUserId;
-  }).map(function (_a) {
-    var nickname = _a.nickname;
-    return nickname || stringSet.NO_NAME;
-  }).join(', ');
-};
-var getLastMessageCreatedAt = function (_a) {
-  var _b;
-  var channel = _a.channel,
-    locale = _a.locale,
-    _c = _a.stringSet,
-    stringSet = _c === void 0 ? LabelStringSet : _c;
-  var createdAt = (_b = channel === null || channel === void 0 ? void 0 : channel.lastMessage) === null || _b === void 0 ? void 0 : _b.createdAt;
-  var optionalParam = locale ? {
-    locale: locale
-  } : null;
-  if (!createdAt) {
-    return '';
-  }
-  if (isToday(createdAt)) {
-    return format(createdAt, 'p', optionalParam);
-  }
-  if (isYesterday(createdAt)) {
-    return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';
-  }
-  if (isThisYear(createdAt)) {
-    return format(createdAt, 'MMM d', optionalParam);
-  }
-  return format(createdAt, 'yyyy/M/d', optionalParam);
-};
-var getTotalMembers = function (channel) {
-  return (channel === null || channel === void 0 ? void 0 : channel.memberCount) ? channel.memberCount : 0;
-};
-var getChannelPreviewFileDisplayString = function (mimeType, stringSet) {
-  var _a, _b, _c, _d, _e, _f;
-  if (stringSet === void 0) {
-    stringSet = LabelStringSet;
-  }
-  if (isGif(mimeType)) {
-    return (_a = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF) !== null && _a !== void 0 ? _a : '';
-  }
-  if (isImage(mimeType)) {
-    return (_b = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _b !== void 0 ? _b : '';
-  }
-  if (isVideo(mimeType)) {
-    return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO) !== null && _c !== void 0 ? _c : '';
-  }
-  if (isAudio(mimeType)) {
-    return (_d = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO) !== null && _d !== void 0 ? _d : '';
-  }
-  if (isVoiceMessageMimeType(mimeType)) {
-    return (_e = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE) !== null && _e !== void 0 ? _e : '';
-  }
-  return (_f = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL) !== null && _f !== void 0 ? _f : '';
-};
-var getPrettyLastMessage = function (message, stringSet) {
-  var _a, _b, _c, _d;
-  if (message === void 0) {
-    message = null;
-  }
-  if (stringSet === void 0) {
-    stringSet = LabelStringSet;
-  }
-  if (!message) return '';
-  if (message.isFileMessage()) {
-    return getChannelPreviewFileDisplayString(message.type, stringSet);
-  }
-  if (message.isMultipleFilesMessage()) {
-    var mimeType = (_b = (_a = message.fileInfoList) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.mimeType;
-    if (isImage(mimeType) || isGif(mimeType)) {
-      return (_c = stringSet === null || stringSet === void 0 ? void 0 : stringSet.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO) !== null && _c !== void 0 ? _c : '';
-    }
-    return getChannelPreviewFileDisplayString(mimeType, stringSet);
-  }
-  return (_d = message.message) !== null && _d !== void 0 ? _d : '';
-};
-var getLastMessage = function (channel, stringSet) {
-  if (stringSet === void 0) {
-    stringSet = LabelStringSet;
-  }
-  return (channel === null || channel === void 0 ? void 0 : channel.lastMessage) ? getPrettyLastMessage(channel === null || channel === void 0 ? void 0 : channel.lastMessage, stringSet) : '';
-};
-var getChannelUnreadMessageCount = function (channel) {
-  return (channel === null || channel === void 0 ? void 0 : channel.unreadMessageCount) ? channel.unreadMessageCount : 0;
-};
-
-var MessageStatusTypes = OutgoingMessageStates;
-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 = useLocalization(),
-    stringSet = _f.stringSet,
-    dateLocale = _f.dateLocale;
-  var status = 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) && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED);
-  var iconType = (_b = {}, _b[OutgoingMessageStates.SENT] = IconTypes.DONE, _b[OutgoingMessageStates.DELIVERED] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.READ] = IconTypes.DONE_ALL, _b[OutgoingMessageStates.FAILED] = IconTypes.ERROR, _b);
-  var iconColor = (_c = {}, _c[OutgoingMessageStates.SENT] = IconColors.SENT, _c[OutgoingMessageStates.DELIVERED] = IconColors.SENT, _c[OutgoingMessageStates.READ] = IconColors.READ, _c[OutgoingMessageStates.FAILED] = IconColors.ERROR, _c);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: __spreadArray(__spreadArray([], Array.isArray(className) ? className : [className], true), ['sendbird-message-status'], false).join(' ')
-  }, status === OutgoingMessageStates.PENDING ? /*#__PURE__*/React__default.createElement(Loader, {
-    className: "sendbird-message-status__icon",
-    width: "16px",
-    height: "16px"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.SPINNER,
-    fillColor: IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  })) : /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-message-status__icon ".concat(hideMessageStatusIcon ? 'hide-icon' : '', " ").concat(status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'),
-    type: iconType[status] || IconTypes.ERROR,
-    fillColor: iconColor[status],
-    width: "16px",
-    height: "16px"
-  }), isSentStatus(status) && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-message-status__text",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, isDateSeparatorConsidered ? format((message === null || message === void 0 ? void 0 : message.createdAt) || 0, 'p', {
-    locale: dateLocale
-  }) : getLastMessageCreatedAt({
-    channel: channel,
-    locale: dateLocale,
-    stringSet: stringSet
-  })));
-}
-
-export { MessageStatus as M, getTotalMembers as a, getLastMessageCreatedAt as b, getLastMessage as c, getChannelUnreadMessageCount as d, MessageStatusTypes as e, getChannelTitle as g };
-//# sourceMappingURL=index-4b4e9682.js.map

package/index-4b4e9682.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-4b4e9682.js","sources":["../src/modules/ChannelList/components/ChannelPreview/utils.ts","../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\nimport { isAudio, isGif, isImage, isVideo, isVoiceMessageMimeType } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel?: GroupChannel, currentUserId?: string, stringSet = LabelStringSet) => {\n  if (!channel?.name && !channel?.members) {\n    return stringSet.NO_TITLE;\n  }\n  if (channel?.name && channel.name !== 'Group Channel') {\n    return channel.name;\n  }\n  if (channel?.members?.length === 1) {\n    return stringSet.NO_MEMBERS;\n  }\n  return (channel?.members || [])\n    .filter(({ userId }) => userId !== currentUserId)\n    .map(({ nickname }) => nickname || stringSet.NO_NAME)\n    .join(', ');\n};\n\nexport const getLastMessageCreatedAt = ({ channel, locale, stringSet = LabelStringSet }) => {\n  const createdAt = channel?.lastMessage?.createdAt;\n  const optionalParam = locale ? { locale } : null;\n  if (!createdAt) {\n    return '';\n  }\n  if (isToday(createdAt)) {\n    return format(createdAt, 'p', optionalParam);\n  }\n  if (isYesterday(createdAt)) {\n    return stringSet.MESSAGE_STATUS__YESTERDAY || 'Yesterday';\n  }\n  if (isThisYear(createdAt)) {\n    return format(createdAt, 'MMM d', optionalParam);\n  }\n  return format(createdAt, 'yyyy/M/d', optionalParam);\n};\n\nexport const getTotalMembers = (channel?: GroupChannel) => (channel?.memberCount ? channel.memberCount : 0);\n\nconst getChannelPreviewFileDisplayString = (mimeType: string, stringSet = LabelStringSet) => {\n  if (isGif(mimeType)) {\n    return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF ?? '';\n  }\n  if (isImage(mimeType)) {\n    return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO ?? '';\n  }\n  if (isVideo(mimeType)) {\n    return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO ?? '';\n  }\n  if (isAudio(mimeType)) {\n    return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO ?? '';\n  }\n  if (isVoiceMessageMimeType(mimeType)) {\n    return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE ?? '';\n  }\n  return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL ?? '';\n};\n\nconst getPrettyLastMessage = (message = null, stringSet = LabelStringSet) => {\n  if (!message) return '';\n  if (message.isFileMessage()) {\n    return getChannelPreviewFileDisplayString(message.type, stringSet);\n  }\n  if (message.isMultipleFilesMessage()) {\n    const mimeType = message.fileInfoList?.[0]?.mimeType;\n    if (isImage(mimeType) || isGif(mimeType)) {\n      return stringSet?.CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO ?? '';\n    }\n    return getChannelPreviewFileDisplayString(mimeType, stringSet);\n  }\n  return message.message ?? '';\n};\n\nexport const getLastMessage = (channel?: GroupChannel, stringSet = LabelStringSet) => channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage, stringSet) : '';\n\nexport const getChannelUnreadMessageCount = (channel?: GroupChannel) => channel?.unreadMessageCount ? channel.unreadMessageCount : 0;\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\nimport { CoreMessageType, isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../modules/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { Nullable } from '../../types';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message?: CoreMessageType | null;\n  channel: Nullable<GroupChannel>;\n  isDateSeparatorConsidered?: boolean;\n}\n\nexport default function MessageStatus({\n  className,\n  message,\n  channel,\n  isDateSeparatorConsidered = true,\n}: MessageStatusProps): React.ReactElement {\n  const { stringSet, dateLocale } = useLocalization();\n  const status = getOutgoingMessageState(channel, message);\n  const hideMessageStatusIcon = channel?.isGroupChannel?.() && (\n    (channel.isSuper || channel.isPublic || channel.isBroadcast)\n    && !(status === OutgoingMessageStates.PENDING || status === OutgoingMessageStates.FAILED)\n  );\n  const iconType = {\n    [OutgoingMessageStates.SENT]: IconTypes.DONE,\n    [OutgoingMessageStates.DELIVERED]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.READ]: IconTypes.DONE_ALL,\n    [OutgoingMessageStates.FAILED]: IconTypes.ERROR,\n  };\n  const iconColor = {\n    [OutgoingMessageStates.SENT]: IconColors.SENT,\n    [OutgoingMessageStates.DELIVERED]: IconColors.SENT,\n    [OutgoingMessageStates.READ]: IconColors.READ,\n    [OutgoingMessageStates.FAILED]: IconColors.ERROR,\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-message-status',\n      ].join(' ')}\n    >\n      {(status === OutgoingMessageStates.PENDING) ? (\n        <Loader\n          className=\"sendbird-message-status__icon\"\n          width=\"16px\"\n          height=\"16px\"\n        >\n          <Icon\n            type={IconTypes.SPINNER}\n            fillColor={IconColors.PRIMARY}\n            width=\"16px\"\n            height=\"16px\"\n          />\n        </Loader>\n      ) : (\n        <Icon\n          className={`sendbird-message-status__icon ${hideMessageStatusIcon ? 'hide-icon' : ''} ${status === OutgoingMessageStates.FAILED ? '' : 'sendbird-message-status--sent'\n          }`}\n          type={iconType[status] || IconTypes.ERROR}\n          fillColor={iconColor[status]}\n          width=\"16px\"\n          height=\"16px\"\n        />\n      )}\n      {isSentStatus(status) && (\n        <Label\n          className=\"sendbird-message-status__text\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {\n            isDateSeparatorConsidered\n              ? format(message?.createdAt || 0, 'p', { locale: dateLocale })\n              : getLastMessageCreatedAt({ channel, locale: dateLocale, stringSet })\n          }\n        </Label>\n      )}\n    </div>\n  );\n}\n"],"names":["getChannelTitle","channel","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","_a","length","NO_MEMBERS","filter","userId","map","nickname","NO_NAME","join","getLastMessageCreatedAt","locale","_c","createdAt","_b","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getChannelPreviewFileDisplayString","mimeType","isGif","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GIF","isImage","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_PHOTO","isVideo","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VIDEO","isAudio","_d","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_AUDIO","isVoiceMessageMimeType","_e","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_VOICE_MESSAGE","_f","CHANNEL_PREVIEW_LAST_MESSAGE_FILE_TYPE_GENERAL","getPrettyLastMessage","message","isFileMessage","type","isMultipleFilesMessage","fileInfoList","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","className","isDateSeparatorConsidered","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","IconColors","React","createElement","__spreadArray","Array","isArray","Loader","width","height","Icon","SPINNER","fillColor","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}

package/index-62d5f020.js

@@ -1,362 +0,0 @@
-import { c as __spreadArray } from './tslib.es6-c2fb729e.js';
-import React__default, { useContext, useState, useEffect, useRef, useCallback } from 'react';
-import Button 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 './index-92741c7e.js';
-import { a as LocalizationContext } from './LocalizationContext-287ee149.js';
-import { a as UserProfileContext } from './UserProfileContext-2001a468.js';
-import { B as ButtonTypes, a as ButtonSizes } from './types-9d43ac6e.js';
-import './context-729493c4.js';
-import Avatar from './ui/Avatar.js';
-import 'react-dom';
-import './index-09847c0f.js';
-import MutedAvatarOverlay from './ui/MutedAvatarOverlay.js';
-import UserProfile from './ui/UserProfile.js';
-import '@sendbird/chat/openChannel';
-import { Modal } from './ui/Modal.js';
-import UserListItem$1 from './ui/UserListItem.js';
-import { n as noop } from './utils-6c50a6d1.js';
-import { useOpenChannelSettingsContext } from './OpenChannelSettings/context.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 /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
-    hideFooter: true,
-    isFullScreenOnMobile: true,
-    onCancel: function () {
-      return onCancel();
-    },
-    onSubmit: noop,
-    titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE
-  }, /*#__PURE__*/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 /*#__PURE__*/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 /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function (toggleDropdown) {
-            return /*#__PURE__*/React__default.createElement(IconButton, {
-              className: "sendbird-user-message__more__menu",
-              width: "32px",
-              height: "32px",
-              onClick: toggleDropdown
-            }, /*#__PURE__*/React__default.createElement(Icon, {
-              width: "24px",
-              height: "24px",
-              type: IconTypes.MORE,
-              fillColor: IconColors.CONTENT_INVERSE
-            }));
-          },
-          menuItems: function (closeDropdown) {
-            return /*#__PURE__*/React__default.createElement(MenuItems, {
-              parentContainRef: parentRef,
-              parentRef: actionRef,
-              closeDropdown: closeDropdown,
-              openLeft: true
-            }, /*#__PURE__*/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), /*#__PURE__*/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), /*#__PURE__*/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 /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-participants-accordion__member"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-participants-accordion__member-avatar"
-  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/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) ? /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, null) : '');
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/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'
-        }
-      }, renderUserProfile ? renderUserProfile({
-        user: user,
-        currentUserId: currentUser,
-        close: closeDropdown
-      }) : /*#__PURE__*/React__default.createElement(UserProfile, {
-        disableMessaging: true,
-        user: user,
-        currentUserId: currentUser,
-        onSuccess: closeDropdown
-      }));
-    }
-  })), /*#__PURE__*/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),
-  // if there is now nickname, display userId
-  !user.nickname && /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-participants-accordion__member__title user-id",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_2
-  }, user.userId), isOperator && /*#__PURE__*/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 && /*#__PURE__*/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 /*#__PURE__*/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));
-        });
-      }
-    }
-  }, /*#__PURE__*/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 /*#__PURE__*/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) ? /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function (toggleDropdown) {
-            return /*#__PURE__*/React__default.createElement(IconButton, {
-              className: "sendbird-openchannel-participant-list__menu",
-              width: "32px",
-              height: "32px",
-              onClick: toggleDropdown
-            }, /*#__PURE__*/React__default.createElement(Icon, {
-              width: "24px",
-              height: "24px",
-              type: IconTypes.MORE,
-              fillColor: IconColors.CONTENT_INVERSE
-            }));
-          },
-          menuItems: function (closeDropdown) {
-            return /*#__PURE__*/React__default.createElement(MenuItems, {
-              parentRef: actionRef,
-              closeDropdown: closeDropdown,
-              openLeft: true
-            }, /*#__PURE__*/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), /*#__PURE__*/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), /*#__PURE__*/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 ? /*#__PURE__*/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, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-participant-list__footer"
-  }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && /*#__PURE__*/React__default.createElement(Button, {
-    type: ButtonTypes.SECONDARY,
-    size: ButtonSizes.SMALL,
-    onClick: function () {
-      return setShowParticipantsModal(true);
-    }
-  }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE)), showParticipantsModal && /*#__PURE__*/React__default.createElement(ParticipantsModal, {
-    onCancel: function () {
-      setShowParticipantsModal(false);
-      refreshList();
-    }
-  })));
-}
-
-export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=index-62d5f020.js.map