@sendbird/uikit-react 3.7.0 → 3.8.1

package/cjs/index-4c378655.js

@@ -1,163 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_PlaybackTime = require('./ui/PlaybackTime.js');
-var ui_ProgressBar = require('./ui/ProgressBar.js');
-var ui_TextButton = require('./ui/TextButton.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_Label = require('./index-b5a9b4b7.js');
-var LocalizationContext = require('./LocalizationContext-58b6ed7c.js');
-var consts = require('./consts-f54b15c2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/* eslint-disable no-redeclare */
-var VoiceMessageInputStatus = {
-  READY_TO_RECORD: 'READY_TO_RECORD',
-  RECORDING: 'RECORDING',
-  READY_TO_PLAY: 'READY_TO_PLAY',
-  PLAYING: 'PLAYING'
-};
-
-var ControlerIcon = function (_a) {
-  var inputState = _a.inputState;
-  switch (inputState) {
-    case VoiceMessageInputStatus.READY_TO_RECORD:
-      {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "sendbird-controler-icon record-icon"
-        });
-      }
-    case VoiceMessageInputStatus.RECORDING:
-      {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "sendbird-controler-icon stop-icon"
-        });
-      }
-    case VoiceMessageInputStatus.READY_TO_PLAY:
-      {
-        return /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-          className: "sendbird-controler-icon play-icon",
-          width: "20px",
-          height: "20px",
-          type: ui_Icon.IconTypes.PLAY,
-          fillColor: ui_Icon.IconColors.ON_BACKGROUND_1
-        });
-      }
-    case VoiceMessageInputStatus.PLAYING:
-      {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "sendbird-controler-icon pause-icon"
-        }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "sendbird-controler-icon pause-icon-inner"
-        }), /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "sendbird-controler-icon pause-icon-inner"
-        }));
-      }
-    default:
-      return null;
-  }
-};
-
-var VoiceMessageInput = function (_a) {
-  var _b = _a.minRecordTime,
-    minRecordTime = _b === void 0 ? consts.VOICE_RECORDER_DEFAULT_MIN : _b,
-    maximumValue = _a.maximumValue,
-    _c = _a.currentValue,
-    currentValue = _c === void 0 ? 0 : _c,
-    currentType = _a.currentType,
-    onCancelClick = _a.onCancelClick,
-    onControlClick = _a.onControlClick,
-    onSubmitClick = _a.onSubmitClick,
-    renderCancelButton = _a.renderCancelButton,
-    renderControlButton = _a.renderControlButton,
-    renderSubmitButton = _a.renderSubmitButton;
-  var _d = React.useState(0),
-    lastClickTime = _d[0],
-    setLastClickTime = _d[1];
-  var isReadyToRecord = React.useMemo(function () {
-    return currentType === VoiceMessageInputStatus.READY_TO_RECORD;
-  }, [currentType]);
-  var isRecording = React.useMemo(function () {
-    return currentType === VoiceMessageInputStatus.RECORDING;
-  }, [currentType]);
-  var isSendButtonDisabled = React.useMemo(function () {
-    if (currentType === VoiceMessageInputStatus.READY_TO_RECORD || currentType === VoiceMessageInputStatus.RECORDING) {
-      return minRecordTime > currentValue;
-    }
-    return false;
-  }, [currentType, minRecordTime, currentValue]);
-  var isPlayMode = React.useMemo(function () {
-    return currentType === VoiceMessageInputStatus.READY_TO_PLAY || currentType === VoiceMessageInputStatus.PLAYING;
-  }, [currentType]);
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-  var handleOnCancelClick = function () {
-    var currentTime = Date.now();
-    if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-      onCancelClick();
-      setLastClickTime(currentTime);
-    }
-  };
-  var handleOnControlClick = React.useCallback(function () {
-    var currentTime = Date.now();
-    if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-      onControlClick(currentType);
-      setLastClickTime(currentTime);
-    }
-  }, [currentType]);
-  var handleOnSubmitClick = function () {
-    var currentTime = Date.now();
-    if (currentTime - lastClickTime > consts.VOICE_RECORDER_CLICK_BUFFER_TIME) {
-      if (!isSendButtonDisabled) {
-        onSubmitClick();
-      }
-      setLastClickTime(currentTime);
-    }
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__indicator"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__indicator__progress-bar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ProgressBar.ProgressBar, {
-    className: "sendbird-voice-message-input__indicator__progress-bar__bar",
-    disabled: isReadyToRecord,
-    maxSize: maximumValue,
-    currentSize: currentValue
-  })), isRecording ? /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__indicator__on-rec"
-  }) : null, /*#__PURE__*/React__default["default"].createElement(ui_PlaybackTime.PlaybackTime, {
-    className: "sendbird-voice-message-input__indicator__playback-time",
-    time: isPlayMode ? maximumValue - currentValue : currentValue,
-    labelColor: isReadyToRecord ? ui_Label.LabelColors.ONBACKGROUND_4 : ui_Label.LabelColors.ONCONTENT_1
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__controler"
-  }, (renderCancelButton === null || renderCancelButton === void 0 ? void 0 : renderCancelButton()) || /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "sendbird-voice-message-input__controler__cancel",
-    onClick: handleOnCancelClick,
-    disableUnderline: true
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: ui_Label.LabelTypography.BUTTON_1,
-    color: ui_Label.LabelColors.PRIMARY
-  }, stringSet.BUTTON__CANCEL)), (renderControlButton === null || renderControlButton === void 0 ? void 0 : renderControlButton(currentType)) || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__controler__main",
-    onClick: handleOnControlClick
-  }, /*#__PURE__*/React__default["default"].createElement(ControlerIcon, {
-    inputState: currentType
-  })), (renderSubmitButton === null || renderSubmitButton === void 0 ? void 0 : renderSubmitButton()) || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-voice-message-input__controler__submit ".concat(isSendButtonDisabled ? 'voice-message--disabled' : ''),
-    onClick: handleOnSubmitClick
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    width: "19px",
-    height: "19px",
-    type: ui_Icon.IconTypes.SEND,
-    fillColor: isSendButtonDisabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.CONTENT
-  }))));
-};
-
-exports.VoiceMessageInput = VoiceMessageInput;
-exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=index-4c378655.js.map

package/cjs/index-4c378655.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-4c378655.js","sources":["../../src/ui/VoiceMessageInput/types.ts","../../src/ui/VoiceMessageInput/controlerIcons.tsx","../../src/ui/VoiceMessageInput/index.tsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const VoiceMessageInputStatus = {\n  READY_TO_RECORD: 'READY_TO_RECORD',\n  RECORDING: 'RECORDING',\n  READY_TO_PLAY: 'READY_TO_PLAY',\n  PLAYING: 'PLAYING',\n} as const;\nexport type VoiceMessageInputStatus = typeof VoiceMessageInputStatus[keyof typeof VoiceMessageInputStatus];\n","import React from 'react';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface ControlerIconProps {\n  inputState?: VoiceMessageInputStatus;\n}\n\nexport const ControlerIcon = ({\n  inputState,\n}: ControlerIconProps): React.ReactElement => {\n  switch (inputState) {\n    case VoiceMessageInputStatus.READY_TO_RECORD: {\n      return (\n        <div className=\"sendbird-controler-icon record-icon\" />\n      );\n    }\n    case VoiceMessageInputStatus.RECORDING: {\n      return (\n        <div className=\"sendbird-controler-icon stop-icon\" />\n      );\n    }\n    case VoiceMessageInputStatus.READY_TO_PLAY: {\n      return (\n        <Icon\n          className=\"sendbird-controler-icon play-icon\"\n          width=\"20px\"\n          height=\"20px\"\n          type={IconTypes.PLAY}\n          fillColor={IconColors.ON_BACKGROUND_1}\n        />\n      );\n    }\n    case VoiceMessageInputStatus.PLAYING: {\n      return (\n        <div className=\"sendbird-controler-icon pause-icon\">\n          <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n          <div className=\"sendbird-controler-icon pause-icon-inner\"/>\n        </div>\n      );\n    }\n    default:\n      return null;\n  }\n};\n\nexport default ControlerIcon;\n","import React, { useCallback, useMemo, useState } from 'react';\nimport './index.scss';\n\nimport PlaybackTime from '../PlaybackTime';\nimport ProgressBar from '../ProgressBar';\nimport TextButton from '../TextButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport ControlerIcon from './controlerIcons';\nimport { VOICE_RECORDER_CLICK_BUFFER_TIME, VOICE_RECORDER_DEFAULT_MIN } from '../../utils/consts';\nimport { VoiceMessageInputStatus } from './types';\n\nexport interface VoiceMessageInputProps {\n  minRecordTime?: number;\n  maximumValue: number;\n  currentValue?: number;\n  currentType: VoiceMessageInputStatus;\n  onCancelClick?: () => void;\n  onControlClick?: (type: VoiceMessageInputStatus) => void;\n  onSubmitClick?: () => void;\n  renderCancelButton?: () => React.ReactElement;\n  renderControlButton?: (type: VoiceMessageInputStatus) => React.ReactElement;\n  renderSubmitButton?: () => React.ReactElement;\n}\n\nexport const VoiceMessageInput = ({\n  minRecordTime = VOICE_RECORDER_DEFAULT_MIN,\n  maximumValue,\n  currentValue = 0,\n  currentType,\n  onCancelClick,\n  onControlClick,\n  onSubmitClick,\n  renderCancelButton,\n  renderControlButton,\n  renderSubmitButton,\n}: VoiceMessageInputProps): React.ReactElement => {\n  const [lastClickTime, setLastClickTime] = useState<number>(0);\n  const isReadyToRecord = useMemo(() => currentType === VoiceMessageInputStatus.READY_TO_RECORD, [currentType]);\n  const isRecording = useMemo(() => currentType === VoiceMessageInputStatus.RECORDING, [currentType]);\n  const isSendButtonDisabled = useMemo(() => {\n    if (currentType === VoiceMessageInputStatus.READY_TO_RECORD\n      || currentType === VoiceMessageInputStatus.RECORDING\n    ) {\n      return minRecordTime > currentValue;\n    }\n    return false;\n  }, [currentType, minRecordTime, currentValue]);\n  const isPlayMode = useMemo(() => {\n    return (\n      currentType === VoiceMessageInputStatus.READY_TO_PLAY\n      || currentType === VoiceMessageInputStatus.PLAYING\n    );\n  }, [currentType]);\n  const { stringSet } = useLocalization();\n\n  const handleOnCancelClick = () => {\n    const currentTime = Date.now();\n    if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n      onCancelClick();\n      setLastClickTime(currentTime);\n    }\n  };\n  const handleOnControlClick = useCallback(() => {\n    const currentTime = Date.now();\n    if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n      onControlClick(currentType);\n      setLastClickTime(currentTime);\n    }\n  }, [currentType]);\n  const handleOnSubmitClick = () => {\n    const currentTime = Date.now();\n    if (currentTime - lastClickTime > VOICE_RECORDER_CLICK_BUFFER_TIME) {\n      if (!isSendButtonDisabled) {\n        onSubmitClick();\n      }\n      setLastClickTime(currentTime);\n    }\n  };\n\n  return (\n    <div className=\"sendbird-voice-message-input\">\n      <div className=\"sendbird-voice-message-input__indicator\">\n        <div className=\"sendbird-voice-message-input__indicator__progress-bar\">\n          <ProgressBar\n            className=\"sendbird-voice-message-input__indicator__progress-bar__bar\"\n            disabled={isReadyToRecord}\n            maxSize={maximumValue}\n            currentSize={currentValue}\n          />\n        </div>\n        {(isRecording) ? (<div className=\"sendbird-voice-message-input__indicator__on-rec\" />) : null}\n        <PlaybackTime\n          className=\"sendbird-voice-message-input__indicator__playback-time\"\n          time={isPlayMode ? maximumValue - currentValue : currentValue}\n          labelColor={isReadyToRecord ? LabelColors.ONBACKGROUND_4 : LabelColors.ONCONTENT_1}\n        />\n      </div>\n      <div className=\"sendbird-voice-message-input__controler\">\n        {\n          renderCancelButton?.() || (\n            <TextButton\n              className=\"sendbird-voice-message-input__controler__cancel\"\n              onClick={handleOnCancelClick}\n              disableUnderline\n            >\n              <Label\n                type={LabelTypography.BUTTON_1}\n                color={LabelColors.PRIMARY}\n              >\n                {stringSet.BUTTON__CANCEL}\n              </Label>\n            </TextButton>\n          )\n        }\n        {\n          renderControlButton?.(currentType) || (\n            <div\n              className=\"sendbird-voice-message-input__controler__main\"\n              onClick={handleOnControlClick}\n            >\n              <ControlerIcon inputState={currentType} />\n            </div>\n          )\n        }\n        {\n          renderSubmitButton?.() || (\n            <div\n              className={`sendbird-voice-message-input__controler__submit ${isSendButtonDisabled ? 'voice-message--disabled' : ''}`}\n              onClick={handleOnSubmitClick}\n            >\n              <Icon\n                width=\"19px\"\n                height=\"19px\"\n                type={IconTypes.SEND}\n                fillColor={isSendButtonDisabled ? IconColors.ON_BACKGROUND_4 : IconColors.CONTENT}\n              />\n            </div>\n          )\n        }\n      </div>\n    </div>\n  );\n};\n"],"names":["VoiceMessageInputStatus","READY_TO_RECORD","RECORDING","READY_TO_PLAY","PLAYING","ControlerIcon","_a","inputState","React","createElement","className","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","ON_BACKGROUND_1","VoiceMessageInput","_b","minRecordTime","VOICE_RECORDER_DEFAULT_MIN","maximumValue","_c","currentValue","currentType","onCancelClick","onControlClick","onSubmitClick","renderCancelButton","renderControlButton","renderSubmitButton","_d","useState","lastClickTime","setLastClickTime","isReadyToRecord","useMemo","isRecording","isSendButtonDisabled","isPlayMode","stringSet","useLocalization","handleOnCancelClick","currentTime","Date","now","VOICE_RECORDER_CLICK_BUFFER_TIME","handleOnControlClick","useCallback","handleOnSubmitClick","ProgressBar","disabled","maxSize","currentSize","PlaybackTime","time","labelColor","LabelColors","ONBACKGROUND_4","ONCONTENT_1","TextButton","onClick","disableUnderline","Label","LabelTypography","BUTTON_1","color","PRIMARY","BUTTON__CANCEL","concat","SEND","ON_BACKGROUND_4","CONTENT"],"mappings":"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"}

package/cjs/index-4e939c26.js

@@ -1,369 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-c74b513f.js');
-var React = require('react');
-var ui_Button = require('./ui/Button.js');
-var ui_ContextMenu = require('./ui/ContextMenu.js');
-var ui_Icon = require('./ui/Icon.js');
-var ui_IconButton = require('./ui/IconButton.js');
-var ui_Label = require('./index-b5a9b4b7.js');
-var LocalizationContext = require('./LocalizationContext-58b6ed7c.js');
-var UserProfileContext = require('./UserProfileContext-c6d7abb7.js');
-var types = require('./types-d0d770c3.js');
-require('./context-6684538e.js');
-var ui_Avatar = require('./ui/Avatar.js');
-require('react-dom');
-require('./index-54279ec2.js');
-var ui_MutedAvatarOverlay = require('./ui/MutedAvatarOverlay.js');
-var ui_UserProfile = require('./ui/UserProfile.js');
-require('@sendbird/chat/openChannel');
-var ui_Modal = require('./ui/Modal.js');
-var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-eb6d90e0.js');
-var OpenChannelSettings_context = require('./OpenChannelSettings/context.js');
-var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ParticipantsModal(_a) {
-  var _b, _c, _d;
-  var onCancel = _a.onCancel;
-  var state = useSendbirdStateContext.useSendbirdStateContext();
-  var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var _e = React.useState([]),
-    participants = _e[0],
-    setParticipants = _e[1];
-  var _f = React.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);
-  React.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["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal.Modal, {
-    hideFooter: true,
-    isFullScreenOnMobile: true,
-    onCancel: function () {
-      return onCancel();
-    },
-    onSubmit: utils.noop,
-    titleText: stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE
-  }, /*#__PURE__*/React__default["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(tslib_es6.__spreadArray(tslib_es6.__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["default"].createElement(ui_UserListItem, {
-      user: p,
-      key: p.userId,
-      currentUser: (_a = sdk === null || sdk === void 0 ? void 0 : sdk.currentUser) === null || _a === void 0 ? void 0 : _a.userId,
-      action: userId !== p.userId && isOperatorView ? function (_a) {
-        var actionRef = _a.actionRef,
-          parentRef = _a.parentRef;
-        return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function (toggleDropdown) {
-            return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-              className: "sendbird-user-message__more__menu",
-              width: "32px",
-              height: "32px",
-              onClick: toggleDropdown
-            }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-              width: "24px",
-              height: "24px",
-              type: ui_Icon.IconTypes.MORE,
-              fillColor: ui_Icon.IconColors.CONTENT_INVERSE
-            }));
-          },
-          menuItems: function (closeDropdown) {
-            return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-              parentContainRef: parentRef,
-              parentRef: actionRef,
-              closeDropdown: closeDropdown,
-              openLeft: true
-            }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.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 = React.useRef(null);
-  var actionRef = React.useRef(null);
-  var _b = React.useContext(UserProfileContext.UserProfileContext),
-    disableUserProfile = _b.disableUserProfile,
-    renderUserProfile = _b.renderUserProfile;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-participants-accordion__member"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-participants-accordion__member-avatar"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: function (toggleDropdown) {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-        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["default"].createElement(ui_MutedAvatarOverlay, null) : '');
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_UserProfile, {
-        disableMessaging: true,
-        user: user,
-        currentUserId: currentUser,
-        onSuccess: closeDropdown
-      }));
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-participants-accordion__member__title",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.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["default"].createElement(ui_Label.Label, {
-    className: "sendbird-participants-accordion__member__title user-id",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, user.userId), isOperator && /*#__PURE__*/React__default["default"].createElement(ui_Label.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: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR), action && /*#__PURE__*/React__default["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.useSendbirdStateContext();
-  var currentUserId = (_b = globalState === null || globalState === void 0 ? void 0 : globalState.config) === null || _b === void 0 ? void 0 : _b.userId;
-  var channel = OpenChannelSettings_context.useOpenChannelSettingsContext().channel;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var _d = React.useState(null),
-    participants = _d[0],
-    setParticipants = _d[1];
-  var _e = React.useState(null),
-    participantListQuery = _e[0],
-    setParticipantListQuery = _e[1];
-  var _f = React.useState(false),
-    showParticipantsModal = _f[0],
-    setShowParticipantsModal = _f[1];
-  React.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 = React.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["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(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], participants, true), fetchedParticipants, true));
-        });
-      }
-    }
-  }, /*#__PURE__*/React__default["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["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["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function (toggleDropdown) {
-            return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-              className: "sendbird-openchannel-participant-list__menu",
-              width: "32px",
-              height: "32px",
-              onClick: toggleDropdown
-            }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-              width: "24px",
-              height: "24px",
-              type: ui_Icon.IconTypes.MORE,
-              fillColor: ui_Icon.IconColors.CONTENT_INVERSE
-            }));
-          },
-          menuItems: function (closeDropdown) {
-            return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-              parentRef: actionRef,
-              closeDropdown: closeDropdown,
-              openLeft: true
-            }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_ContextMenu.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["default"].createElement(ui_Label.Label, {
-    className: "sendbird-channel-settings__empty-list",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST) : null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-participant-list__footer"
-  }, (participantListQuery === null || participantListQuery === void 0 ? void 0 : participantListQuery.hasNext) && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
-    type: types.ButtonTypes.SECONDARY,
-    size: types.ButtonSizes.SMALL,
-    onClick: function () {
-      return setShowParticipantsModal(true);
-    }
-  }, stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE)), showParticipantsModal && /*#__PURE__*/React__default["default"].createElement(ParticipantsModal, {
-    onCancel: function () {
-      setShowParticipantsModal(false);
-      refreshList();
-    }
-  })));
-}
-
-exports.ParticipantList = ParticipantList;
-exports.UserListItem = UserListItem;
-//# sourceMappingURL=index-4e939c26.js.map