@sendbird/uikit-react 3.6.11-beta.3 → 3.7.0-rc.0

package/index-dc0853cb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-dc0853cb.js","sources":["../src/ui/PlaceHolder/type.ts","../src/ui/PlaceHolder/index.tsx"],"sourcesContent":["function Types(): { [key: string]: string } {\n  return {\n    LOADING: 'LOADING',\n    NO_CHANNELS: 'NO_CHANNELS',\n    NO_MESSAGES: 'NO_MESSAGES',\n    WRONG: 'WRONG',\n    SEARCH_IN: 'SEARCH_IN',\n    SEARCHING: 'SEARCHING',\n    NO_RESULTS: 'NO_RESULTS',\n  };\n}\n\nexport default Types();\n","import React, { ReactElement, useContext } from 'react';\n\nimport './index.scss';\n\nimport _PlaceHolderTypes from './type';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nexport const PlaceHolderTypes = _PlaceHolderTypes;\n\nexport interface PlaceHolderProps {\n  className?: string | Array<string>;\n  type: typeof PlaceHolderTypes[keyof typeof PlaceHolderTypes];\n  iconSize?: string | number;\n  searchInString?: string;\n  retryToConnect?: () => void;\n}\n\nexport default function PlaceHolder({\n  className = '',\n  type,\n  iconSize,\n  searchInString = '',\n  retryToConnect = null,\n}: PlaceHolderProps): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-place-holder',\n      ].join(' ')}\n    >\n      {\n        type === PlaceHolderTypes.LOADING && (\n          <Loader\n            width={iconSize || '48px'}\n            height={iconSize || '48px'}\n          >\n            <Icon\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY}\n              width={iconSize || '48px'}\n              height={iconSize || '48px'}\n            />\n          </Loader>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_CHANNELS\n          || type === PlaceHolderTypes.NO_MESSAGES\n          || type === PlaceHolderTypes.WRONG\n        ) && (\n          <div className=\"sendbird-place-holder__body\">\n            {\n              type === PlaceHolderTypes.NO_CHANNELS && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.CHAT}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.WRONG && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.ERROR}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_MESSAGES && (\n                <Icon\n                  className=\"sendbird-place-holder__body__icon\"\n                  type={IconTypes.MESSAGE}\n                  fillColor={IconColors.ON_BACKGROUND_3}\n                  width={iconSize || '64px'}\n                  height={iconSize || '64px'}\n                />\n              )\n            }\n            <Label\n              className=\"sendbird-place-holder__body__text\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {\n                type === PlaceHolderTypes.NO_CHANNELS && (\n                  stringSet.PLACE_HOLDER__NO_CHANNEL\n                )\n              }\n              {\n                type === PlaceHolderTypes.WRONG && (\n                  stringSet.PLACE_HOLDER__WRONG\n                )\n              }\n              {\n                type === PlaceHolderTypes.NO_MESSAGES && (\n                  stringSet.PLACE_HOLDER__NO_MESSAGES\n                )\n              }\n            </Label>\n            {\n              retryToConnect && (\n                <div\n                  className=\"sendbird-place-holder__body__reconnect\"\n                  role=\"button\"\n                  onClick={retryToConnect}\n                  onKeyPress={retryToConnect}\n                  tabIndex={0}\n                >\n                  <Icon\n                    className=\"sendbird-place-holder__body__reconnect__icon\"\n                    type={IconTypes.REFRESH}\n                    fillColor={IconColors.PRIMARY}\n                    width=\"20px\"\n                    height=\"20px\"\n                  />\n                  <Label\n                    className=\"sendbird-place-holder__body__reconnect__text\"\n                    type={LabelTypography.BUTTON_1}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {stringSet.PLACE_HOLDER__RETRY_TO_CONNECT}\n                  </Label>\n                </div>\n              )\n            }\n          </div>\n        )\n      }\n      {\n        (\n          type === PlaceHolderTypes.NO_RESULTS\n          || type === PlaceHolderTypes.SEARCH_IN\n          || type === PlaceHolderTypes.SEARCHING\n        ) && (\n          <div className=\"sendbird-place-holder__body--align-top\">\n            {\n              type === PlaceHolderTypes.SEARCH_IN && (\n                <div className=\"sendbird-place-holder__body--align-top__text\">\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__search-in\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.SEARCH_IN}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__channel-name\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {`'${searchInString}`}\n                  </Label>\n                  <Label\n                    className=\"sendbird-place-holder__body--align-top__text__quote\"\n                    type={LabelTypography.BUTTON_2}\n                    color={LabelColors.PRIMARY}\n                  >\n                    {'\\''}\n                  </Label>\n                </div>\n              )\n            }\n            {\n              type === PlaceHolderTypes.SEARCHING && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__searching\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.SEARCHING}\n                </Label>\n              )\n            }\n            {\n              type === PlaceHolderTypes.NO_RESULTS && (\n                <Label\n                  className=\"sendbird-place-hlder__body--align-top__no-result\"\n                  type={LabelTypography.BODY_1}\n                  color={LabelColors.ONBACKGROUND_2}\n                >\n                  {stringSet.NO_SEARCHED_MESSAGE}\n                </Label>\n              )\n            }\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["Types","LOADING","NO_CHANNELS","NO_MESSAGES","WRONG","SEARCH_IN","SEARCHING","NO_RESULTS","PlaceHolderTypes","_PlaceHolderTypes","PlaceHolder","_ref","className","type","iconSize","searchInString","retryToConnect","stringSet","useContext","LocalizationContext","React","createElement","Array","isArray","join","Loader","width","height","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","CHAT","ON_BACKGROUND_3","ERROR","MESSAGE","Label","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_2","PLACE_HOLDER__NO_CHANNEL","PLACE_HOLDER__WRONG","PLACE_HOLDER__NO_MESSAGES","role","onClick","onKeyPress","tabIndex","REFRESH","BUTTON_1","PLACE_HOLDER__RETRY_TO_CONNECT","BUTTON_2","NO_SEARCHED_MESSAGE"],"mappings":"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"}

package/index-df44531d.js

@@ -1,187 +0,0 @@
-import React__default from 'react';
-import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
-import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { u as useLocalization } from './LocalizationContext-5cbe4df3.js';
-
-const OpenChannelMessageStatusTypes = {
-  NONE: 'none',
-  PENDING: 'pending',
-  FAILED: 'failed',
-  CANCELED: 'canceled',
-  SUCCEEDED: 'succeeded'
-};
-const getSenderFromMessage = message => {
-  // @ts-ignore
-  return message.sender || message._sender;
-};
-const checkIsSent = status => status === OpenChannelMessageStatusTypes.SUCCEEDED;
-const checkIsPending = status => status === OpenChannelMessageStatusTypes.PENDING;
-const checkIsFailed = status => status === OpenChannelMessageStatusTypes.FAILED;
-const checkIsByMe = (message, userId) => getSenderFromMessage(message).userId === userId;
-const isFineCopy = _ref => {
-  var _message$message;
-  let {
-    message
-  } = _ref;
-  return (message === null || message === void 0 ? void 0 : message.messageType) === 'user' && (message === null || message === void 0 ? void 0 : (_message$message = message.message) === null || _message$message === void 0 ? void 0 : _message$message.length) > 0;
-};
-const isFineResend = _ref2 => {
-  let {
-    message,
-    status,
-    userId
-  } = _ref2;
-  return checkIsByMe(message, userId) && checkIsFailed(status)
-  // @ts-ignore
-  && (message === null || message === void 0 ? void 0 : message.isResendable());
-};
-const isFineEdit = _ref3 => {
-  var _message$isUserMessag;
-  let {
-    message,
-    status,
-    userId
-  } = _ref3;
-  return checkIsByMe(message, userId) && checkIsSent(status) && (message === null || message === void 0 ? void 0 : (_message$isUserMessag = message.isUserMessage) === null || _message$isUserMessag === void 0 ? void 0 : _message$isUserMessag.call(message));
-};
-const isFineDelete = _ref4 => {
-  let {
-    message,
-    userId
-  } = _ref4;
-  return checkIsByMe(message, userId);
-};
-const isFineDownload = _ref5 => {
-  var _message$isFileMessag;
-  let {
-    message,
-    status
-  } = _ref5;
-  if (message !== null && message !== void 0 && (_message$isFileMessag = message.isFileMessage) !== null && _message$isFileMessag !== void 0 && _message$isFileMessag.call(message) && checkIsSent(status)) {
-    return true;
-  }
-  return false;
-};
-const showMenuTrigger = props => {
-  const {
-    message,
-    status,
-    userId
-  } = props;
-  // @ts-ignore
-  if (message.messageType === 'user') {
-    return isFineDelete({
-      message,
-      status,
-      userId
-    }) || isFineEdit({
-      message,
-      status,
-      userId
-    })
-    // @ts-ignore
-    || isFineCopy({
-      message,
-      status,
-      userId
-    }) || isFineResend({
-      message,
-      status,
-      userId
-    });
-  } else {
-    return isFineDelete({
-      message,
-      status,
-      userId
-    }) || isFineResend({
-      message,
-      status,
-      userId
-    });
-  }
-};
-
-const OpenChannelMobileMenu = props => {
-  var _useSendbirdStateCont, _useSendbirdStateCont2;
-  const {
-    message,
-    parentRef,
-    resendMessage,
-    showEdit,
-    showRemove,
-    copyToClipboard,
-    hideMenu,
-    isEphemeral = false
-  } = props;
-  const userMessage = message;
-  const status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  const {
-    stringSet
-  } = useLocalization();
-  const userId = (_useSendbirdStateCont = useSendbirdStateContext()) === null || _useSendbirdStateCont === void 0 ? void 0 : (_useSendbirdStateCont2 = _useSendbirdStateCont.config) === null || _useSendbirdStateCont2 === void 0 ? void 0 : _useSendbirdStateCont2.userId;
-  const fileMessage = message;
-  return /*#__PURE__*/React__default.createElement(ContextMenu, {
-    isOpen: true,
-    menuItems: () => /*#__PURE__*/React__default.createElement(MenuItems, {
-      className: "sendbird-openchannel__mobile-menu",
-      parentRef: parentRef,
-      parentContainRef: parentRef,
-      closeDropdown: hideMenu
-    }, isFineCopy({
-      message: userMessage,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-og-message__top__context-menu__copy",
-      onClick: () => {
-        copyToClipboard();
-      },
-      dataSbId: "open_channel_mobile_context_menu_copy"
-    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY)), !isEphemeral && isFineEdit({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-og-message__top__context-menu__edit",
-      onClick: () => {
-        showEdit();
-      },
-      dataSbId: "open_channel_mobile_context_menu_edit"
-    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT)), isFineResend({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      onClick: () => {
-        resendMessage();
-      },
-      dataSbId: "open_channel_mobile_context_menu_resend"
-    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND)), !isEphemeral && isFineDelete({
-      message,
-      userId,
-      status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      onClick: () => {
-        showRemove();
-      },
-      dataSbId: "open_channel_mobile_context_menu_delete"
-    }, /*#__PURE__*/React__default.createElement(React__default.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE)), isFineDownload({
-      message,
-      status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      onClick: () => {
-        hideMenu();
-      },
-      dataSbId: "open_channel_mobile_context_menu_download_file"
-    }, /*#__PURE__*/React__default.createElement("a", {
-      className: "sendbird-openchannel__mobile-menu-hyperlink",
-      rel: "noopener noreferrer",
-      href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url,
-      target: "_blank"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE)))
-  });
-};
-
-export { OpenChannelMobileMenu as O, isFineEdit as a, isFineResend as b, isFineDelete as c, checkIsPending as d, checkIsFailed as e, checkIsSent as f, getSenderFromMessage as g, isFineCopy as i, showMenuTrigger as s };
-//# sourceMappingURL=index-df44531d.js.map

package/index-e2382507.js

@@ -1,361 +0,0 @@
-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 './index-cd36caca.js';
-import { a as LocalizationContext } from './LocalizationContext-5cbe4df3.js';
-import { a as UserProfileContext } from './UserProfileContext-5b8c391a.js';
-import './context-a2108ea4.js';
-import Avatar from './ui/Avatar.js';
-import 'react-dom';
-import './index.module-74c51bef.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-1babe991.js';
-import { useOpenChannelSettingsContext } from './OpenChannelSettings/context.js';
-import useSendbirdStateContext from './useSendbirdStateContext.js';
-
-function ParticipantsModal(_ref) {
-  var _state$config, _state$stores, _state$stores$sdkStor;
-  let {
-    onCancel
-  } = _ref;
-  const state = useSendbirdStateContext();
-  const {
-    channel
-  } = useOpenChannelSettingsContext();
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const [participants, setParticipants] = useState([]);
-  const [participantListQuery, setParticipantListQuery] = useState(null);
-  const userId = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.userId;
-  const sdk = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : (_state$stores$sdkStor = _state$stores.sdkStore) === null || _state$stores$sdkStor === void 0 ? void 0 : _state$stores$sdkStor.sdk;
-  const isOperatorView = channel === null || channel === void 0 ? void 0 : channel.isOperator(userId);
-  useEffect(() => {
-    if (!channel || !(channel !== null && channel !== void 0 && channel.createParticipantListQuery)) {
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({});
-    setParticipantListQuery(participantListQuery);
-    participantListQuery.next().then(participantList => {
-      setParticipants(participantList);
-    });
-  }, []);
-  return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
-    hideFooter: true,
-    isFullScreenOnMobile: true,
-    onCancel: () => onCancel(),
-    onSubmit: noop,
-    titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-more-members__popup-scroll",
-    onScroll: e => {
-      const {
-        hasNext
-      } = participantListQuery;
-      const target = e.target;
-      const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-      if (hasNext && fetchMore) {
-        participantListQuery.next().then(fetchedParticipants => {
-          setParticipants([...participants, ...fetchedParticipants]);
-        });
-      }
-    }
-  }, participants.map(p => {
-    var _sdk$currentUser;
-    const 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: sdk === null || sdk === void 0 ? void 0 : (_sdk$currentUser = sdk.currentUser) === null || _sdk$currentUser === void 0 ? void 0 : _sdk$currentUser.userId,
-      action: userId !== p.userId && isOperatorView ? _ref2 => {
-        let {
-          actionRef,
-          parentRef
-        } = _ref2;
-        return /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: toggleDropdown => /*#__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: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-            parentContainRef: parentRef,
-            parentRef: actionRef,
-            closeDropdown: closeDropdown,
-            openLeft: true
-          }, /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (isOperator) {
-                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(() => {
-                  closeDropdown();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(() => {
-                  closeDropdown();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_participant_context_menu_${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: () => {
-              if (p.isMuted) {
-                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(() => {
-                  closeDropdown();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(() => {
-                  closeDropdown();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_participant_context_menu_${p.isMuted ? 'unmute' : 'mute'}`
-          }, p.isMuted ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(() => {
-                closeDropdown();
-              });
-            },
-            dataSbId: "open_channel_setting_participant_context_menu_ban"
-          }, stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN))
-        });
-      } : null
-    });
-  }))));
-}
-
-const UserListItem = _ref => {
-  let {
-    user,
-    currentUser,
-    isOperator,
-    action
-  } = _ref;
-  const avatarRef = useRef(null);
-  const actionRef = useRef(null);
-  const {
-    disableUserProfile,
-    renderUserProfile
-  } = useContext(UserProfileContext);
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  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: toggleDropdown => /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-participants-accordion__member-avatar__avatar",
-      onClick: () => {
-        if (!disableUserProfile) {
-          toggleDropdown();
-        }
-      },
-      ref: avatarRef,
-      src: user.profileUrl,
-      width: 24,
-      height: 24
-    }), user !== null && user !== void 0 && user.isMuted ? /*#__PURE__*/React__default.createElement(MutedAvatarOverlay, null) : ''),
-    menuItems: closeDropdown => /*#__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
-                ${(user === null || user === void 0 ? void 0 : user.userId) !== currentUser ? 'operator' : ''}
-                ${(user === null || user === void 0 ? void 0 : user.userId) === currentUser ? 'self-operator' : ''}
-              `,
-    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
-  })));
-};
-
-function ParticipantList(_ref) {
-  var _globalState$config;
-  let {
-    isOperatorView = false
-  } = _ref;
-  const globalState = useSendbirdStateContext();
-  const currentUserId = globalState === null || globalState === void 0 ? void 0 : (_globalState$config = globalState.config) === null || _globalState$config === void 0 ? void 0 : _globalState$config.userId;
-  const {
-    channel
-  } = useOpenChannelSettingsContext();
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const [participants, setParticipants] = useState(null);
-  const [participantListQuery, setParticipantListQuery] = useState(null);
-  const [showParticipantsModal, setShowParticipantsModal] = useState(false);
-  useEffect(() => {
-    if (!channel || !(channel !== null && channel !== void 0 && channel.createParticipantListQuery)) {
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({
-      limit: 10
-    });
-    setParticipantListQuery(participantListQuery);
-    participantListQuery.next().then(participants => {
-      setParticipants(participants);
-    });
-  }, [channel]);
-  const refreshList = useCallback(() => {
-    if (!channel) {
-      setParticipants([]);
-      return;
-    }
-    const participantListQuery = channel === null || channel === void 0 ? void 0 : channel.createParticipantListQuery({
-      limit: 10
-    });
-    participantListQuery.next().then(participants => {
-      setParticipants(participants);
-    });
-  }, [channel]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-settings__participant-list",
-    onScroll: e => {
-      const {
-        hasNext
-      } = participantListQuery;
-      const target = e.target;
-      const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
-      if (hasNext && fetchMore) {
-        participantListQuery.next().then(fetchedParticipants => {
-          setParticipants([...participants, ...fetchedParticipants]);
-        });
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement("div", null, participants === null || participants === void 0 ? void 0 : participants.map(p => {
-    const 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: _ref2 => {
-        let {
-          actionRef
-        } = _ref2;
-        return isOperatorView && currentUserId !== (p === null || p === void 0 ? void 0 : p.userId) ? /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: toggleDropdown => /*#__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: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-            parentRef: actionRef,
-            closeDropdown: closeDropdown,
-            openLeft: true
-          }, /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              if (isOperator) {
-                channel === null || channel === void 0 ? void 0 : channel.removeOperators([p.userId]).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_partitipant_conext_menu_${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: () => {
-              if (p.isMuted) {
-                channel === null || channel === void 0 ? void 0 : channel.unmuteUser(p).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              } else {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(() => {
-                  closeDropdown();
-                  refreshList();
-                });
-              }
-            },
-            dataSbId: `open_channel_setting_partitipant_conext_menu_${p.isMuted ? 'unmute' : 'mute'}`
-          }, p.isMuted ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-            onClick: () => {
-              channel === null || channel === void 0 ? void 0 : channel.banUser(p).then(() => {
-                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: () => setShowParticipantsModal(true)
-  }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE)), showParticipantsModal && /*#__PURE__*/React__default.createElement(ParticipantsModal, {
-    onCancel: () => {
-      setShowParticipantsModal(false);
-      refreshList();
-    }
-  })));
-}
-
-export { ParticipantList as P, UserListItem as U };
-//# sourceMappingURL=index-e2382507.js.map