@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/cjs/index-0b9ad941.js

@@ -1,346 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-8f4b0cfe.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-b8a20afd.js');
-var LocalizationContext = require('./LocalizationContext-498cb747.js');
-var UserProfileContext = require('./UserProfileContext-617420c9.js');
-require('./context-a4af6955.js');
-var ui_Avatar = require('./ui/Avatar.js');
-require('react-dom');
-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-1038446c.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();
-  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["default"], {
-    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();
-                  });
-                }
-              }
-            }, 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 () {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                  closeDropdown();
-                });
-              }
-            }, 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();
-                });
-              }
-            }, 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(ui_Avatar["default"], {
-        onClick: function () {
-          if (!disableUserProfile) {
-            toggleDropdown();
-          }
-        },
-        ref: avatarRef,
-        src: user.profileUrl,
-        width: 24,
-        height: 24
-      });
-    },
-    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();
-  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 () {
-                    refreshList();
-                    closeDropdown();
-                  });
-                } else {
-                  channel === null || channel === void 0 ? void 0 : channel.addOperators([p.userId]).then(function () {
-                    refreshList();
-                    closeDropdown();
-                  });
-                }
-              }
-            }, 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 () {
-                channel === null || channel === void 0 ? void 0 : channel.muteUser(p).then(function () {
-                  refreshList();
-                  closeDropdown();
-                });
-              }
-            }, 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 () {
-                  refreshList();
-                  closeDropdown();
-                });
-              }
-            }, 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: ui_Button.ButtonTypes.SECONDARY,
-    size: ui_Button.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-0b9ad941.js.map

package/cjs/index-0b9ad941.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-0b9ad941.js","sources":["../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantsModal.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/ParticipantItem.tsx","../../src/smart-components/OpenChannelSettings/components/ParticipantUI/index.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useContext,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { noop } from '../../../../utils/utils';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function ParticipantsModal({\n  onCancel,\n}: Props): ReactElement {\n  const state = useSendbirdStateContext();\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>([]);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const userId = state?.config?.userId;\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const isOperatorView = channel?.isOperator(userId);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, []);\n  return (\n    <div>\n      <Modal\n        hideFooter\n        isFullScreenOnMobile\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = participantListQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              participantListQuery.next().then((fetchedParticipants) => {\n                setParticipants([\n                  ...participants,\n                  ...fetchedParticipants,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            participants.map((p) => {\n              const isOperator = channel?.isOperator(p.userId);\n              return (\n                <UserListItem\n                  user={p}\n                  key={p.userId}\n                  currentUser={sdk?.currentUser?.userId}\n                  action={\n                    (userId !== p.userId && isOperatorView)\n                      ? ({ actionRef, parentRef }) => (\n                        <ContextMenu\n                          menuTrigger={(toggleDropdown) => (\n                            <IconButton\n                              className=\"sendbird-user-message__more__menu\"\n                              width=\"32px\"\n                              height=\"32px\"\n                              onClick={toggleDropdown}\n                            >\n                              <Icon\n                                width=\"24px\"\n                                height=\"24px\"\n                                type={IconTypes.MORE}\n                                fillColor={IconColors.CONTENT_INVERSE}\n                              />\n                            </IconButton>\n                          )}\n                          menuItems={(closeDropdown) => (\n                            <MenuItems\n                              parentContainRef={parentRef}\n                              parentRef={actionRef}\n                              closeDropdown={closeDropdown}\n                              openLeft\n                            >\n                              <MenuItem\n                                onClick={() => {\n                                  if (isOperator) {\n                                    channel?.removeOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  } else {\n                                    channel?.addOperators([p.userId]).then(() => {\n                                      closeDropdown();\n                                    });\n                                  }\n                                }}\n                              >\n                                {\n                                  isOperator\n                                    ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                    : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                }\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.muteUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                              </MenuItem>\n                              <MenuItem\n                                onClick={() => {\n                                  channel?.banUser(p).then(() => {\n                                    closeDropdown();\n                                  });\n                                }}\n                              >\n                                {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                              </MenuItem>\n                            </MenuItems>\n                          )}\n                        />\n                      )\n                      : null\n                  }\n                />\n              )\n            })\n          }\n        </div>\n      </Modal>\n    </div>\n  )\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport type { User } from '@sendbird/chat';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport Accordion from '../../../../ui/Accordion';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Avatar from '../../../../ui/Avatar/index';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ParticipantsModal from './ParticipantsModal';\nimport UserProfile from '../../../../ui/UserProfile';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\nconst SHOWN_MEMBER_MAX = 10;\n\ninterface ActionProps {\n  actionRef: React.RefObject<HTMLInputElement>;\n}\ninterface UserListItemProps {\n  user: User;\n  currentUser?: string;\n  isOperator?: boolean;\n  action?(props: ActionProps): ReactElement;\n}\n\nexport const UserListItem: React.FC<UserListItemProps> = ({\n  user,\n  currentUser,\n  isOperator,\n  action,\n}: UserListItemProps) => {\n  const avatarRef = useRef(null);\n  const actionRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-participants-accordion__member\">\n      <div className=\"sendbird-participants-accordion__member-avatar\">\n        <ContextMenu\n          menuTrigger={(toggleDropdown) => (\n            <Avatar\n              onClick={() => {\n                if (!disableUserProfile) {\n                  toggleDropdown();\n                }\n              }}\n              ref={avatarRef}\n              src={user.profileUrl}\n              width={24}\n              height={24}\n            />\n          )}\n          menuItems={(closeDropdown) => (\n            <MenuItems\n              openLeft\n              parentRef={avatarRef}\n              // for catching location(x, y) of MenuItems\n              parentContainRef={avatarRef}\n              // for toggling more options(menus & reactions)\n              closeDropdown={closeDropdown}\n              style={{ paddingTop: '0px', paddingBottom: '0px' }}\n            >\n              {\n                renderUserProfile\n                  ? renderUserProfile({\n                    user: user,\n                    currentUserId: currentUser,\n                    close: closeDropdown,\n                  })\n                  : (\n                    <UserProfile\n                      disableMessaging\n                      user={user}\n                      currentUserId={currentUser}\n                      onSuccess={closeDropdown}\n                    />\n                  )\n              }\n            </MenuItems>\n          )}\n        />\n      </div>\n      <Label\n        className=\"sendbird-participants-accordion__member__title\"\n        type={LabelTypography.SUBTITLE_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__YOU\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-participants-accordion__member__title user-id\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={\n              `sendbird-participants-accordion__member__title\n                ${user?.userId !== currentUser ? 'operator' : ''}\n                ${user?.userId === currentUser ? 'self-operator' : ''}\n              `\n            }\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR}\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-participants-accordion__member__action\"\n            ref={actionRef}\n          >\n            { action({ actionRef }) }\n          </div>\n        )\n      }\n    </div>\n  );\n};\n\nexport interface ParticipantsAccordionProps {\n  maxMembers?: number;\n}\n\nexport default function ParticipantsAccordion(props: ParticipantsAccordionProps): ReactElement {\n  const maxMembers = props?.maxMembers || SHOWN_MEMBER_MAX;\n  const { channel } = useOpenChannelSettingsContext();\n  const globalState = useSendbirdStateContext();\n  const currentUser = globalState?.config?.userId;\n  const [participants, setParticipants] = useState([]);\n  const [showMoreModal, setShowMoreModal] = useState(false);\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({});\n    participantListQuery.next().then((participantList) => {\n      setParticipants(participantList);\n    });\n  }, [channel]);\n\n  return (\n    <Accordion\n      className=\"sendbird-participants-accordion\"\n      id=\"participants\"\n      renderTitle={() => (\n        <>\n          <Icon\n            type={IconTypes.MEMBERS}\n            fillColor={IconColors.PRIMARY}\n            width={24}\n            height={24}\n            className=\"sendbird-openchannel-settings__accordion-icon\"\n          />\n          <Label\n            type={LabelTypography.SUBTITLE_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.OPEN_CHANNEL_SETTINGS__PARTICIPANTS_ACCORDION_TITLE}\n          </Label>\n        </>\n      )}\n      renderContent={() => (\n        <div className=\"\">\n          <div className=\"sendbird-participants-accordion__list\">\n            {\n              participants.slice(0, maxMembers).map((p) => (\n                <UserListItem\n                  user={p}\n                  currentUser={currentUser}\n                  key={p.userId}\n                />\n              ))\n            }\n            {\n              (participants && participants.length === 0)\n                ? (\n                    <Label\n                      className=\"sendbird-channel-settings__empty-list\"\n                      type={LabelTypography.SUBTITLE_2}\n                      color={LabelColors.ONBACKGROUND_3}\n                    >\n                      {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n                    </Label>\n                ) : null\n            }\n          </div>\n          {\n            participants.length >= maxMembers && (\n              <div className=\"sendbird-participants-accordion__footer\">\n                <Button\n                  className=\"sendbird-participants-accordion__footer__all-participants\"\n                  type={ButtonTypes.SECONDARY}\n                  size={ButtonSizes.SMALL}\n                  onClick={() => setShowMoreModal(true)}\n                >\n                  {stringSet.OPEN_CHANNEL_SETTINGS__SEE_ALL}\n                </Button>\n                {\n                  showMoreModal && (\n                    <ParticipantsModal\n                      onCancel={() => {\n                        setShowMoreModal(false);\n                      }}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n      )}\n    />\n  );\n}\n","import React, {\n  ReactElement,\n  useContext,\n  useState,\n  useEffect,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\nimport type { ParticipantListQuery } from '@sendbird/chat/openChannel';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport IconButton from '../../../../ui/IconButton';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\n\nimport { UserListItem } from './ParticipantItem';\nimport ParticipantsModal from './ParticipantsModal';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useOpenChannelSettingsContext } from '../../context/OpenChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\n\ninterface ParticipantListProps {\n  isOperatorView?: boolean;\n}\n\nexport default function ParticipantList({\n  isOperatorView = false,\n}: ParticipantListProps): ReactElement {\n  const globalState = useSendbirdStateContext();\n  const currentUserId = globalState?.config?.userId;\n  const { channel } = useOpenChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n  const [participants, setParticipants] = useState<Array<User> | null>(null);\n  const [participantListQuery, setParticipantListQuery] = useState<ParticipantListQuery | null>(null);\n  const [showParticipantsModal, setShowParticipantsModal] = useState<boolean>(false);\n  useEffect(() => {\n    if (!channel || !channel?.createParticipantListQuery) {\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    setParticipantListQuery(participantListQuery);\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setParticipants([]);\n      return;\n    }\n    const participantListQuery = channel?.createParticipantListQuery({ limit: 10 });\n    participantListQuery.next().then((participants) => {\n      setParticipants(participants);\n    });\n  }, [channel]);\n  return (\n    <div\n      className=\"sendbird-openchannel-settings__participant-list\"\n      onScroll={(e) => {\n        const { hasNext } = participantListQuery;\n        const target = e.target as HTMLTextAreaElement;\n        const fetchMore = (\n          target.clientHeight + target.scrollTop === target.scrollHeight\n        );\n\n        if (hasNext && fetchMore) {\n          participantListQuery.next().then((fetchedParticipants) => {\n            setParticipants([\n              ...participants,\n              ...fetchedParticipants,\n            ])\n          });\n        }\n      }}\n    >\n      <div>\n        {\n          participants?.map((p: User) => {\n            const isOperator = channel?.isOperator(p.userId);\n            return (\n              <UserListItem\n                user={p}\n                currentUser={currentUserId}\n                key={p.userId}\n                isOperator={isOperator}\n                action={({ actionRef }) => (\n                  (isOperatorView && currentUserId !== p?.userId)\n                    ? (\n                      <ContextMenu\n                        menuTrigger={(toggleDropdown) => (\n                          <IconButton\n                            className=\"sendbird-openchannel-participant-list__menu\"\n                            width=\"32px\"\n                            height=\"32px\"\n                            onClick={toggleDropdown}\n                          >\n                            <Icon\n                              width=\"24px\"\n                              height=\"24px\"\n                              type={IconTypes.MORE}\n                              fillColor={IconColors.CONTENT_INVERSE}\n                            />\n                          </IconButton>\n                        )}\n                        menuItems={(closeDropdown) => (\n                          <MenuItems\n                            parentRef={actionRef}\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if (isOperator) {\n                                  channel?.removeOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.addOperators([p.userId]).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                }\n                              }}\n                            >\n                              {\n                                isOperator\n                                  ? stringSet.OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                                  : stringSet.OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              }\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.muteUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__MUTE}\n                            </MenuItem>\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(p).then(() => {\n                                  refreshList();\n                                  closeDropdown();\n                                });\n                              }}\n                            >\n                              {stringSet.OPEN_CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )\n                    : null\n                )}\n              />\n            );\n          })\n        }\n        {\n          (participants && participants.length === 0)\n            ? (\n              <Label\n                className=\"sendbird-channel-settings__empty-list\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_3}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__EMPTY_LIST}\n              </Label>\n            ) : null\n        }\n        <div className=\"sendbird-openchannel-participant-list__footer\">\n          {\n            participantListQuery?.hasNext && (\n              <Button\n                type={ButtonTypes.SECONDARY}\n                size={ButtonSizes.SMALL}\n                onClick={() => setShowParticipantsModal(true)}\n              >\n                {stringSet.OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE}\n              </Button>\n            )\n          }\n        </div>\n        {\n          showParticipantsModal && (\n            <ParticipantsModal\n              onCancel={() => {\n                setShowParticipantsModal(false);\n                refreshList();\n              }}\n            />\n          )\n        }\n      </div>\n    </div>\n  )\n}\n"],"names":["ParticipantsModal","_a","onCancel","state","useSendbirdStateContext","channel","useOpenChannelSettingsContext","stringSet","useContext","LocalizationContext","_e","useState","participants","setParticipants","_f","participantListQuery","setParticipantListQuery","userId","_b","config","sdk","_d","_c","stores","sdkStore","isOperatorView","isOperator","useEffect","createParticipantListQuery","next","then","participantList","React","createElement","Modal","hideFooter","isFullScreenOnMobile","onSubmit","noop","titleText","OPEN_CHANNEL_SETTINGS__ALL_PARTICIPANTS_TITLE","className","onScroll","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","fetchedParticipants","__spreadArray","map","p","UserListItem","user","key","currentUser","action","actionRef","parentRef","ContextMenu","menuTrigger","toggleDropdown","IconButton","width","height","onClick","Icon","type","IconTypes","MORE","fillColor","IconColors","CONTENT_INVERSE","menuItems","closeDropdown","MenuItems","parentContainRef","openLeft","MenuItem","removeOperators","addOperators","OPEN_CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","OPEN_CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","muteUser","OPEN_CHANNEL_SETTING__MODERATION__MUTE","banUser","OPEN_CHANNEL_SETTING__MODERATION__BAN","avatarRef","useRef","UserProfileContext","disableUserProfile","renderUserProfile","Avatar","ref","src","profileUrl","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","disableMessaging","onSuccess","Label","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","OPEN_CHANNEL_SETTINGS__MEMBERS__YOU","CAPTION_3","ONBACKGROUND_2","concat","OPEN_CHANNEL_SETTINGS__MEMBERS__OPERATOR","ParticipantList","globalState","showParticipantsModal","setShowParticipantsModal","limit","refreshList","useCallback","length","ONBACKGROUND_3","OPEN_CHANNEL_SETTINGS__EMPTY_LIST","Button","ButtonTypes","SECONDARY","size","ButtonSizes","SMALL"],"mappings":"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"}

package/cjs/index-0dff9958.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-0dff9958.js","sources":["../../src/smart-components/ChannelList/components/ChannelPreview/utils.js","../../src/ui/MessageStatus/index.tsx"],"sourcesContent":["import isToday from 'date-fns/isToday';\nimport format from 'date-fns/format';\nimport isThisYear from 'date-fns/isThisYear';\nimport isYesterday from 'date-fns/isYesterday';\n\nimport { truncateString } from '../../../../utils';\nimport { LabelStringSet } from '../../../../ui/Label';\n\nexport const getChannelTitle = (channel = {}, currentUserId, 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 = ({\n  channel,\n  locale,\n  stringSet,\n}) => {\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) => (\n  channel?.memberCount\n    ? channel.memberCount\n    : 0\n);\n\nconst getPrettyLastMessage = (message = {}) => {\n  const MAXLEN = 30;\n  const { messageType, name } = message;\n  if (messageType === 'file') {\n    return truncateString(name, MAXLEN);\n  }\n  return message.message;\n};\n\nexport const getLastMessage = (channel) => (channel?.lastMessage ? getPrettyLastMessage(channel?.lastMessage) : '');\n\nexport const getChannelUnreadMessageCount = (channel) => (\n  channel?.unreadMessageCount\n    ? channel.unreadMessageCount\n    : 0\n);\n","import './index.scss';\nimport React from 'react';\nimport format from 'date-fns/format';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport Loader from '../Loader';\n\nimport { isSentStatus } from '../../utils';\nimport {\n  getOutgoingMessageState,\n  OutgoingMessageStates,\n} from '../../utils/exports/getOutgoingMessageState';\nimport { getLastMessageCreatedAt } from '../../smart-components/ChannelList/components/ChannelPreview/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\n\nexport const MessageStatusTypes = OutgoingMessageStates;\n\ninterface MessageStatusProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  channel: 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$members","channel","arguments","length","undefined","currentUserId","stringSet","LabelStringSet","name","members","NO_TITLE","NO_MEMBERS","filter","_ref","userId","map","_ref2","nickname","NO_NAME","join","getLastMessageCreatedAt","_ref3","_channel$lastMessage","locale","createdAt","lastMessage","optionalParam","isToday","format","isYesterday","MESSAGE_STATUS__YESTERDAY","isThisYear","getTotalMembers","memberCount","getPrettyLastMessage","message","MAXLEN","messageType","truncateString","getLastMessage","getChannelUnreadMessageCount","unreadMessageCount","MessageStatusTypes","OutgoingMessageStates","MessageStatus","_a","className","_e","isDateSeparatorConsidered","_f","useLocalization","dateLocale","status","getOutgoingMessageState","hideMessageStatusIcon","_d","isGroupChannel","call","isSuper","isPublic","isBroadcast","PENDING","FAILED","iconType","_b","SENT","IconTypes","DONE","DELIVERED","DONE_ALL","READ","ERROR","iconColor","_c","IconColors","React","createElement","__spreadArray","Array","isArray","Loader","width","height","Icon","type","SPINNER","fillColor","PRIMARY","concat","isSentStatus","Label","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_2"],"mappings":"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"}