@sendbird/uikit-react 3.2.0-rc.0 → 3.2.0-rc.2

package/{MemberList-e4916e55.js → MemberList-057e2466.js}

@@ -4,19 +4,19 @@ import IconButton from './ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from './ui/Icon.js';
 import ContextMenu, { MenuItems, MenuItem } from './ui/ContextMenu.js';
 import UserListItem$1 from './ChannelSettings/components/UserListItem.js';
-import { a as __spreadArray, _ as __assign } from './tslib.es6-cb5d77bf.js';
+import { a as __spreadArray, _ as __assign } from './tslib.es6-c49bbc0a.js';
 import Modal from './ui/Modal.js';
 import UserListItem from './ui/UserListItem.js';
-import { n as noop } from './utils-629876b9.js';
+import { n as noop } from './utils-e3b472fd.js';
 import { useChannelSettingsContext } from './ChannelSettings/context.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
-import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-4cefc770.js';
-import { u as uuidv4 } from './uuid-180d497e.js';
+import { a as LocalizationContext, u as useLocalization } from './LocalizationContext-78d3faa4.js';
+import { u as uuidv4 } from './uuid-741c039a.js';
 
 function MembersModal(_a) {
   var _b;
 
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _c = useState([]),
       members = _c[0],
@@ -41,14 +41,14 @@ function MembersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Modal, {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: noop,
     titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = memberQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -64,11 +64,11 @@ function MembersModal(_a) {
       user: member,
       key: member.userId,
       currentUser: currentUser,
-      action: function action(_a) {
+      action: function (_a) {
         var parentRef = _a.parentRef,
             actionRef = _a.actionRef;
         return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -81,7 +81,7 @@ function MembersModal(_a) {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -89,7 +89,7 @@ function MembersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.role !== 'operator') {
                   channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
                     setMembers(members.map(function (m) {
@@ -120,7 +120,7 @@ function MembersModal(_a) {
               }
             }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.isMuted) {
                   channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                     setMembers(members.map(function (m) {
@@ -150,7 +150,7 @@ function MembersModal(_a) {
                 }
               }
             }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   setMembers(members.filter(function (_a) {
                     var userId = _a.userId;
@@ -169,8 +169,8 @@ function MembersModal(_a) {
 function InviteUsers(_a) {
   var _b, _c, _d;
 
-  var _onCancel = _a.onCancel,
-      _onSubmit = _a.onSubmit;
+  var onCancel = _a.onCancel,
+      onSubmit = _a.onSubmit;
 
   var _e = useState([]),
       members = _e[0],
@@ -203,21 +203,21 @@ function InviteUsers(_a) {
     disabled: Object.keys(selectedMembers).length === 0,
     submitText: "Invite",
     type: ButtonTypes.PRIMARY,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       var members = Object.keys(selectedMembers).filter(function (m) {
         return selectedMembers[m];
       });
       channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(function () {
-        _onSubmit(members);
+        onSubmit(members);
       });
     },
     titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-more-members__popup-scroll",
-    onScroll: function onScroll(e) {
+    onScroll: function (e) {
       var hasNext = userQuery.hasNext;
       var target = e.target;
       var fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
@@ -234,7 +234,7 @@ function InviteUsers(_a) {
     return /*#__PURE__*/React__default.createElement(UserListItem, {
       checkBox: true,
       checked: selectedMembers[member.userId],
-      onChange: function onChange(event) {
+      onChange: function (event) {
         var _a;
 
         var modifiedSelectedMembers = __assign(__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
@@ -251,7 +251,7 @@ function InviteUsers(_a) {
   })))));
 }
 
-var MemberList = function MemberList() {
+var MemberList = function () {
   var _a, _b, _c;
 
   var _d = useState([]),
@@ -319,7 +319,7 @@ var MemberList = function MemberList() {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default.createElement(ContextMenu, {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default.createElement(IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -332,7 +332,7 @@ var MemberList = function MemberList() {
               fillColor: IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default.createElement(MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -340,7 +340,7 @@ var MemberList = function MemberList() {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.role !== 'operator') {
                   channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
                     refreshList();
@@ -355,7 +355,7 @@ var MemberList = function MemberList() {
               }
             }, member.role !== 'operator' ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR), // No muted members in broadcast channel
             !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.isMuted) {
                   channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                     refreshList();
@@ -369,7 +369,7 @@ var MemberList = function MemberList() {
                 }
               }
             }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default.createElement(MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   refreshList();
                   closeDropdown();
@@ -385,30 +385,30 @@ var MemberList = function MemberList() {
   }, hasNext && /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       return setShowAllMembers(true);
     }
   }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS), /*#__PURE__*/React__default.createElement(Button, {
     type: ButtonTypes.SECONDARY,
     size: ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       return setShowInviteUsers(true);
     }
   }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)), showAllMembers && /*#__PURE__*/React__default.createElement(MembersModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowAllMembers(false);
       refreshList();
     }
   }), showInviteUsers && /*#__PURE__*/React__default.createElement(InviteUsers, {
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       setShowInviteUsers(false);
       refreshList();
     },
-    onCancel: function onCancel() {
+    onCancel: function () {
       return setShowInviteUsers(false);
     }
   }));
 };
 
 export { MemberList as M };
-//# sourceMappingURL=MemberList-e4916e55.js.map
+//# sourceMappingURL=MemberList-057e2466.js.map

package/{MemberList-e4916e55.js.map → MemberList-057e2466.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-e4916e55.js","sources":["../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\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} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\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} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":";;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;MAAEC,SAAQ;;EACvC,IAAAC,KAAwBC,QAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAAC,KAAgCH,QAAQ,CAAC,IAAD,CAAxC;MAACI,WAAW,QAAZ;MAAcC,cAAc,QAA5B;;EAEE,IAAAC,OAAO,GAAKC,yBAAyB,UAArC;EACR,IAAMC,KAAK,GAAGC,uBAAuB,EAArC;EACA,IAAMC,WAAW,GAAG,MAAAF,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeC,MAAnC;EACQ,IAAAC,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;EAERC,SAAS,CAAC;IACR,IAAMC,eAAe,GAAGX,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;MACrDC,KAAK,EAAE;KADe,CAAxB;IAGAF,eAAe,CAACG,IAAhB,GAAuBC,IAAvB,CAA4B,UAACpB,OAAD;MAC1BC,UAAU,CAACD,OAAD,CAAV;KADF;IAGAI,cAAc,CAACY,eAAD,CAAd;GAPO,EAQN,EARM,CAAT;EASA,oBACEK,uDACEA,6BAAC,KAAD;IACE,UAAU,MADZ;IAEE,QAAQ,EAAE;MAAM,OAAAxB,SAAQ,EAAR;KAFlB;IAGE,QAAQ,EAAEyB,IAHZ;IAIE,SAAS,EAAEV,SAAS,CAACW;kBAErBF;IACE,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,kBAACG,CAAD;MACA,IAAAC,OAAO,GAAKtB,WAAW,QAAvB;MACR,IAAMuB,MAAM,GAAGF,CAAC,CAACE,MAAjB;MACA,IAAMC,SAAS,GACbD,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA7B,KAA2CH,MAAM,CAACI,YADpD;;MAIA,IAAIL,OAAO,IAAIE,SAAf,EAA0B;QACxBxB,WAAW,CAACgB,IAAZ,GAAmBC,IAAnB,CAAwB,UAACW,CAAD;UACtB9B,UAAU,iCACLD,gBACA+B,QAFK,CAAV;SADF;;;KAUF/B,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACtBZ,6BAAC,YAAD;MACE,IAAI,EAAEY,MADR;MAEE,GAAG,EAAEA,MAAM,CAACtB,MAFd;MAGE,WAAW,EAAEF,WAHf;MAIE,MAAM,EAAE,gBAACb,EAAD;YAAGsC,SAAS;YAAEC,SAAS;QAAO,oBACpCd,4DACG,CAAAhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+B,MAAT,MAAoB,UAApB,iBACCf,6BAAC,WAAD;UACE,WAAW,EAAE,qBAACgB,cAAD;YAAoB,oBAC/BhB,6BAAC,UAAD;cACE,SAAS,EAAC,mCADZ;cAEE,KAAK,EAAC,MAFR;cAGE,MAAM,EAAC,MAHT;cAIE,OAAO,EAAEgB;4BAEThB,6BAAC,IAAD;cACE,KAAK,EAAC,MADR;cAEE,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEiB,SAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,UAAU,CAACC;cAV1B,CAD+B;WADnC;UAgBE,SAAS,EAAE,mBAACC,aAAD;YAAmB,oBAC5BrB,6BAAC,SAAD;cACE,gBAAgB,EAAEa,SADpB;cAEE,SAAS,EAAEC,SAFb;;cAGE,aAAa,EAAEO,aAHjB;cAIE,QAAQ;4BAERrB,6BAAC,QAAD;cACE,OAAO,EAAE;gBACP,IAAKY,MAAM,CAACU,IAAP,KAAgB,UAArB,EAAkC;kBAChCtC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEuC,YAAT,CAAsB,CAACX,MAAM,CAACtB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;oBAC1CnB,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAa,CAAA;sBACrB,IAAIA,CAAC,CAAClC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;wBAC9B,6BACKsB;0BACHU,IAAI,EAAE;0BAFR;;;sBAKF,OAAOE,CAAP;qBAPS,CAAD,CAAV;oBASAH,aAAa;mBAVf,CAAA;iBADF,MAaO;kBACLrC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyC,eAAT,CAAyB,CAACb,MAAM,CAACtB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;oBAC7CnB,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAa,CAAA;sBACrB,IAAIA,CAAC,CAAClC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;wBAC9B,6BACKsB;0BACHU,IAAI,EAAE;0BAFR;;;sBAKF,OAAOE,CAAP;qBAPS,CAAD,CAAV;oBASAH,aAAa;mBAVf,CAAA;;;eAgBFT,MAAM,CAACU,IAAP,KAAgB,UAAhB,GACI/B,SAAS,CAACmC,iDADd,GAEInC,SAAS,CAACoC,gDAlClB,CANF;YA6CI,EAAC3C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE4C,WAAV,kBACE5B,6BAAC,QAAD;cACE,OAAO,EAAE;gBACP,IAAIY,MAAM,CAACiB,OAAX,EAAoB;kBAClB7C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE8C,UAAT,CAAoBlB,MAApB,EAA4Bb,IAA5B,CAAiC;oBAC/BnB,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAa,CAAA;sBACrB,IAAIA,CAAC,CAAClC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;wBAC9B,6BACKsB;0BACHiB,OAAO,EAAE;0BAFX;;;sBAKF,OAAOL,CAAP;qBAPS,CAAD,CAAV;oBASAH,aAAa;mBAVf,CAAA;iBADF,MAaO;kBACLrC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+C,QAAT,CAAkBnB,MAAlB,EAA0Bb,IAA1B,CAA+B;oBAC7BnB,UAAU,CAACD,OAAO,CAACgC,GAAR,CAAY,UAAAa,CAAA;sBACrB,IAAIA,CAAC,CAAClC,MAAF,KAAasB,MAAM,CAACtB,MAAxB,EAAgC;wBAC9B,6BACKsB;0BACHiB,OAAO,EAAE;0BAFX;;;sBAKF,OAAOL,CAAP;qBAPS,CAAD,CAAV;oBASAH,aAAa;mBAVf,CAAA;;;eAgBFT,MAAM,CAACiB,OAAP,GACItC,SAAS,CAACyC,mCADd,GAEIzC,SAAS,CAAC0C,iCAlClB,CA9CN,eAqFEjC,6BAAC,QAAD;cACE,OAAO,EAAE;gBACPhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkD,OAAT,CAAiBtB,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCb,IAAjC,CAAsC;kBACpCnB,UAAU,CAACD,OAAO,CAACwD,MAAR,CAAe,UAAC5D,EAAD;wBAAGe,MAAM;oBACjC,OAAOA,MAAM,KAAKsB,MAAM,CAACtB,MAAzB;mBADS,CAAD,CAAV;iBADF,CAAA;;eAODC,SAAS,CAAC6C,gCATb,CArFF,CAD4B;;UAlBpC,CADoC;;MALlB;GAAxB,CApBJ,CANF,CADF,CADF;AAkKD;;SC5LuBC,YAAY9D;;;MAClCC,SAAQ;MACR8D,SAAQ;;EAEF,IAAAC,KAAwB7D,QAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAA4D,KAAwC9D,QAAQ,CAAC,EAAD,CAAhD;MAAC+D,eAAe,QAAhB;MAAkBC,kBAAkB,QAApC;;EACA,IAAAC,KAA4BjE,QAAQ,CAAC,IAAD,CAApC;MAACkE,SAAS,QAAV;MAAYC,YAAY,QAAxB;;EAEN,IAAM3D,KAAK,GAAGC,uBAAuB,EAArC;EACA,IAAM2D,GAAG,GAAG,MAAA,MAAA5D,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE6D,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;EACA,IAAMG,mBAAmB,GAAG,MAAA/D,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAe6D,aAA3C;EAEQ,IAAAlE,OAAO,GAAKC,yBAAyB,UAArC;EACA,IAAAM,SAAS,GAAK4D,eAAe,YAA7B;EAERzD,SAAS,CAAC;IACR,IAAMwD,aAAa,GAAGD,mBAAmB,GAAGA,mBAAmB,EAAtB,GAA2BH,GAAG,SAAH,IAAAA,GAAG,WAAH,SAAA,GAAAA,GAAG,CAAEM,8BAAL,EAApE;;IACA,IAAIF,aAAa,SAAb,IAAAA,aAAa,WAAb,SAAA,GAAAA,aAAa,CAAEpD,IAAnB,EAAyB;MACvBoD,aAAa,CAACpD,IAAd,GAAqBC,IAArB,CAA0B,UAACpB,OAAD;QACxBC,UAAU,CAACD,OAAD,CAAV;OADF;MAGAkE,YAAY,CAACK,aAAD,CAAZ;;GANK,EAQN,CAACJ,GAAD,CARM,CAAT;EASA,oBACE9C,uDACEA,6BAAC,KAAD;IACE,QAAQ,EAAEqD,MAAM,CAACC,IAAP,CAAYb,eAAZ,EAA6Bc,MAA7B,KAAwC,CADpD;IAEE,UAAU,EAAC,QAFb;IAGE,IAAI,EAAEC,WAAW,CAACC,OAHpB;IAIE,QAAQ,EAAE;MAAM,OAAAjF,SAAQ,EAAR;KAJlB;IAKE,QAAQ,EAAE;MACR,IAAMG,OAAO,GAAG0E,MAAM,CAACC,IAAP,CAAYb,eAAZ,EAA6BN,MAA7B,CAAoC,UAACX,CAAD;QAAO,OAAAiB,eAAe,CAACjB,CAAD,CAAf;OAA3C,CAAhB;MACAxC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE0E,iBAAT,CAA2B/E,OAA3B,EAAoCoB,IAApC,CAAyC;QACvCuC,SAAQ,CAAC3D,OAAD,CAAR;OADF,CAAA;KAPJ;IAWE,SAAS,EAAEY,SAAS,CAACoE;kBAErB3D;IACE,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,kBAACG,CAAD;MACA,IAAAC,OAAO,GAAKwC,SAAS,QAArB;MACR,IAAMvC,MAAM,GAAGF,CAAC,CAACE,MAAjB;MACA,IAAMC,SAAS,GACbD,MAAM,CAACE,YAAP,GAAsBF,MAAM,CAACG,SAA7B,KAA2CH,MAAM,CAACI,YADpD;;MAGA,IAAIL,OAAO,IAAIE,SAAf,EAA0B;QACxBsC,SAAS,CAAC9C,IAAV,GAAiBC,IAAjB,CAAsB,UAAC6D,KAAD;UACpBhF,UAAU,iCACLD,gBACAiF,YAFK,CAAV;SADF;;;kBASJ5D;IAAK,SAAS,EAAC;KACXrB,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACxBZ,6BAAC,YAAD;MACE,QAAQ,MADV;MAEE,OAAO,EAAEyC,eAAe,CAAC7B,MAAM,CAACtB,MAAR,CAF1B;MAGE,QAAQ,EACN,kBAACuE,KAAD;;;QACE,IAAMC,uBAAuB,yBACxBrB,+BACFoB,KAAK,CAACxD,MAAN,CAAa0D,MAAKF,KAAK,CAACxD,MAAN,CAAa2D,aAFlC;;QAIA,IAAI,CAACH,KAAK,CAACxD,MAAN,CAAa2D,OAAlB,EAA2B;UACzB,OAAOF,uBAAuB,CAACD,KAAK,CAACxD,MAAN,CAAa0D,EAAd,CAA9B;;;QAEFrB,kBAAkB,CAACoB,uBAAD,CAAlB;OAZN;MAeE,IAAI,EAAElD,MAfR;MAgBE,GAAG,EAAEA,MAAM,CAACtB;MAjBU;GAAxB,CADJ,CAlBF,CAbF,CADF,CADF;AA2DD;;IC5EY2E,UAAU,GAAG,SAAbA,UAAa;;;EAClB,IAAApF,KAAwBH,QAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAA2D,KAAwB7D,QAAQ,CAAC,KAAD,CAAhC;MAAC0B,OAAO,QAAR;MAAU8D,UAAU,QAApB;;EACA,IAAA1B,KAAsC9D,QAAQ,CAAC,KAAD,CAA9C;MAACyF,cAAc,QAAf;MAAiBC,iBAAiB,QAAlC;;EACA,IAAAzB,KAAwCjE,QAAQ,CAAC,KAAD,CAAhD;MAAC2F,eAAe,QAAhB;MAAkBC,kBAAkB,QAApC;;EAEN,IAAMpF,KAAK,GAAGC,uBAAuB,EAArC;;EACM,IAAAoF,KAGFtF,yBAAyB,EAHvB;MACJD,OAAO,aADH;MAEJwF,kBAAkB,wBAFd;;EAIE,IAAAjF,SAAS,GAAKC,UAAU,CAACC,mBAAD,CAAV,UAAd;EAER,IAAMqD,GAAG,GAAG,MAAA,MAAA5D,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAE6D,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;EACA,IAAMxD,MAAM,GAAG,MAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeC,MAA9B;EAEAI,SAAS,CAAC;IACR,IAAI,CAACV,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV;MACA;;;IAGF,IAAM6F,mBAAmB,GAAGzF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;MAAEC,KAAK,EAAE;KAAxC,CAA5B;IACA4E,mBAAmB,CAAC3E,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;MAC9BC,UAAU,CAACD,OAAD,CAAV;MACAuF,UAAU,CAACO,mBAAmB,CAACrE,OAArB,CAAV;KAFF;GAPO,EAWN,CAACpB,OAAD,CAXM,CAAT;EAaA,IAAM0F,WAAW,GAAGC,WAAW,CAAC;IAC9B,IAAI,CAAC3F,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV;MACA;;;IAEF,IAAM6F,mBAAmB,GAAGzF,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;MAAEC,KAAK,EAAE;KAAxC,CAA5B;IACA4E,mBAAmB,CAAC3E,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;MAC9BC,UAAU,CAACD,OAAD,CAAV;MACAuF,UAAU,CAACO,mBAAmB,CAACrE,OAArB,CAAV;MACAoE,kBAAkB,CAACI,MAAM,EAAP,CAAlB;KAHF;GAN6B,EAW5B,CAAC5F,OAAD,CAX4B,CAA/B;EAaA,oBACEgB;IAAK,SAAS,EAAC;KAEXrB,OAAO,CAACgC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACtBZ,6BAAC6E,cAAD;MACE,GAAG,EAAEjE,MAAM,CAACtB,MADd;MAEE,IAAI,EAAEsB,MAFR;MAGE,WAAW,EAAEkC,GAAG,CAAC1D,WAAJ,CAAgBE,MAH/B;MAIE,MAAM,EACH,CAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+B,MAAT,MAAoB,UAApB,IAAkCzB,MAAM,KAAKsB,MAAM,CAACtB,MAArD,GACI,UAACf,EAAD;YAAGuC,SAAS;YAAED,SAAS;QAAO,oBAC9Bb,6BAAC,WAAD;UACE,WAAW,EAAE,qBAACgB,cAAD;YAAoB,oBAC/BhB,6BAAC,UAAD;cACE,SAAS,EAAC,mCADZ;cAEE,KAAK,EAAC,MAFR;cAGE,MAAM,EAAC,MAHT;cAIE,OAAO,EAAEgB;4BAEThB,6BAAC,IAAD;cACE,KAAK,EAAC,MADR;cAEE,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEiB,SAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,UAAU,CAACC;cAV1B,CAD+B;WADnC;UAgBE,SAAS,EAAE,mBAACC,aAAD;YAAmB,oBAC5BrB,6BAAC,SAAD;cACE,gBAAgB,EAAEa,SADpB;cAEE,SAAS,EAAEC,SAFb;;cAGE,aAAa,EAAEO,aAHjB;cAIE,QAAQ;4BAERrB,6BAAC,QAAD;cACE,OAAO,EAAE;gBACP,IAAKY,MAAM,CAACU,IAAP,KAAgB,UAArB,EAAkC;kBAChCtC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEuC,YAAT,CAAsB,CAACX,MAAM,CAACtB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;oBAC1C2E,WAAW;oBACXrD,aAAa;mBAFf,CAAA;iBADF,MAKO;kBACLrC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyC,eAAT,CAAyB,CAACb,MAAM,CAACtB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;oBAC7C2E,WAAW;oBACXrD,aAAa;mBAFf,CAAA;;;eAQFT,MAAM,CAACU,IAAP,KAAgB,UAAhB,GACI/B,SAAS,CAACmC,iDADd,GAEInC,SAAS,CAACoC,gDAlBlB,CANF;YA6BI,EAAC3C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE4C,WAAV,kBACE5B,6BAAC,QAAD;cACE,OAAO,EAAE;gBACP,IAAIY,MAAM,CAACiB,OAAX,EAAoB;kBAClB7C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE8C,UAAT,CAAoBlB,MAApB,EAA4Bb,IAA5B,CAAiC;oBAC/B2E,WAAW;oBACXrD,aAAa;mBAFf,CAAA;iBADF,MAKO;kBACLrC,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE+C,QAAT,CAAkBnB,MAAlB,EAA0Bb,IAA1B,CAA+B;oBAC7B2E,WAAW;oBACXrD,aAAa;mBAFf,CAAA;;;eAQFT,MAAM,CAACiB,OAAP,GACItC,SAAS,CAACyC,mCADd,GAEIzC,SAAS,CAAC0C,iCAlBlB,CA9BN,eAqDEjC,6BAAC,QAAD;cACE,OAAO,EAAE;gBACPhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEkD,OAAT,CAAiBtB,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCb,IAAjC,CAAsC;kBACpC2E,WAAW;kBACXrD,aAAa;iBAFf,CAAA;;eAMD9B,SAAS,CAAC6C,gCARb,CArDF,CAD4B;;UAjBF;OADlC,GAsFI;MA5Fc;GAAxB,CAFJ,eAmGEpC;IACE,SAAS,EAAC;KAGRI,OAAO,iBACLJ,6BAAC,MAAD;IACE,IAAI,EAAEwD,WAAW,CAACsB,SADpB;IAEE,IAAI,EAAEC,WAAW,CAACC,KAFpB;IAGE,OAAO,EAAE;MAAM,OAAAZ,iBAAiB,CAAC,IAAD,CAAjB;;KAEd7E,SAAS,CAACW,yCALb,CALN,eAcEF,6BAAC,MAAD;IACE,IAAI,EAAEwD,WAAW,CAACsB,SADpB;IAEE,IAAI,EAAEC,WAAW,CAACC,KAFpB;IAGE,OAAO,EAAE;MAAM,OAAAV,kBAAkB,CAAC,IAAD,CAAlB;;KAEd/E,SAAS,CAAC0F,uCALb,CAdF,CAnGF,EA0HId,cAAc,iBACZnE,6BAAC,YAAD;IACE,QAAQ,EAAE;MACRoE,iBAAiB,CAAC,KAAD,CAAjB;MACAM,WAAW;;IA9HrB,EAoIIL,eAAe,iBACbrE,6BAAC,WAAD;IACE,QAAQ,EAAE;MACRsE,kBAAkB,CAAC,KAAD,CAAlB;MACAI,WAAW;KAHf;IAKE,QAAQ,EAAE;MAAM,OAAAJ,kBAAkB,CAAC,KAAD,CAAlB;;IA1IxB,CADF;AAiJD;;;;"}
+{"version":3,"file":"MemberList-057e2466.js","sources":["../src/smart-components/ChannelSettings/components/ModerationPanel/MembersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/InviteUsersModal.tsx","../src/smart-components/ChannelSettings/components/ModerationPanel/MemberList.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useContext,\n  useEffect,\n  useState,\n} from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport UserListItem from '../../../../ui/UserListItem';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\nimport { noop } from '../../../../utils/utils';\n\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n}\n\nexport default function MembersModal({ onCancel }: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [memberQuery, setMemberQuery] = useState(null);\n\n  const { channel } = useChannelSettingsContext();\n  const state = useSendbirdStateContext();\n  const currentUser = state?.config?.userId;\n  const { stringSet } = useContext(LocalizationContext);\n\n  useEffect(() => {\n    const memberListQuery = channel?.createMemberListQuery({\n      limit: 20,\n    });\n    memberListQuery.next().then((members) => {\n      setMembers(members);\n    });\n    setMemberQuery(memberListQuery);\n  }, [])\n  return (\n    <div>\n      <Modal\n        hideFooter\n        onCancel={() => onCancel()}\n        onSubmit={noop}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = memberQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n\n            if (hasNext && fetchMore) {\n              memberQuery.next().then((o) => {\n                setMembers([\n                  ...members,\n                  ...o,\n                ])\n              });\n            }\n          }}\n        >\n          {\n            members.map((member) => (\n              <UserListItem\n                user={member}\n                key={member.userId}\n                currentUser={currentUser}\n                action={({ parentRef, actionRef }) => (\n                  <>\n                    {channel?.myRole === 'operator' && (\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} // for catching location(x, y) of MenuItems\n                            closeDropdown={closeDropdown}\n                            openLeft\n                          >\n                            <MenuItem\n                              onClick={() => {\n                                if ((member.role !== 'operator')) {\n                                  channel?.addOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: 'operator',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                } else {\n                                  channel?.removeOperators([member.userId]).then(() => {\n                                    setMembers(members.map(m => {\n                                      if (m.userId === member.userId) {\n                                        return {\n                                          ...member,\n                                          role: '',\n                                        };\n                                      }\n                                      return m;\n                                    }));\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.role !== 'operator'\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                                  : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                              }\n                            </MenuItem>\n                            {\n                              // No muted members in broadcast channel\n                              !channel?.isBroadcast && (\n                                <MenuItem\n                                  onClick={() => {\n                                    if (member.isMuted) {\n                                      channel?.unmuteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: false,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      })\n                                    } else {\n                                      channel?.muteUser(member).then(() => {\n                                        setMembers(members.map(m => {\n                                          if (m.userId === member.userId) {\n                                            return {\n                                              ...member,\n                                              isMuted: true,\n                                            };\n                                          }\n                                          return m;\n                                        }));\n                                        closeDropdown();\n                                      });\n                                    }\n                                  }}\n                                >\n                                  {\n                                    member.isMuted\n                                      ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                      : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                                  }\n                                </MenuItem>\n                              )\n                            }\n                            <MenuItem\n                              onClick={() => {\n                                channel?.banUser(member, -1, '').then(() => {\n                                  setMembers(members.filter(({ userId }) => {\n                                    return userId !== member.userId;\n                                  }));\n                                });\n                              }}\n                            >\n                              {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                            </MenuItem>\n                          </MenuItems>\n                        )}\n                      />\n                    )}\n                  </>\n                )}\n              />\n            ))\n          }\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, { ReactElement, useEffect, useState } from 'react'\n\nimport Modal from '../../../../ui/Modal';\nimport { ButtonTypes } from '../../../../ui/Button';\nimport UserListItem from '../../../../ui/UserListItem';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ninterface Props {\n  onCancel(): void;\n  onSubmit(members: Array<string>): void;\n}\n\nexport default function InviteUsers({\n  onCancel,\n  onSubmit,\n}: Props): ReactElement {\n  const [members, setMembers] = useState([]);\n  const [selectedMembers, setSelectedMembers] = useState({});\n  const [userQuery, setUserQuery] = useState(null);\n\n  const state = useSendbirdStateContext();\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const globalUserListQuery = state?.config?.userListQuery;\n\n  const { channel } = useChannelSettingsContext();\n  const { stringSet } = useLocalization();\n\n  useEffect(() => {\n    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk?.createApplicationUserListQuery();\n    if (userListQuery?.next) {\n      userListQuery.next().then((members) => {\n        setMembers(members);\n      });\n      setUserQuery(userListQuery);\n    }\n  }, [sdk]);\n  return (\n    <div>\n      <Modal\n        disabled={Object.keys(selectedMembers).length === 0}\n        submitText=\"Invite\"\n        type={ButtonTypes.PRIMARY}\n        onCancel={() => onCancel()}\n        onSubmit={() => {\n          const members = Object.keys(selectedMembers).filter((m) => selectedMembers[m]);\n          channel?.inviteWithUserIds(members).then(() => {\n            onSubmit(members);\n          });\n        }}\n        titleText={stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE}\n      >\n        <div\n          className=\"sendbird-more-members__popup-scroll\"\n          onScroll={(e) => {\n            const { hasNext } = userQuery;\n            const target = e.target as HTMLTextAreaElement;\n            const fetchMore = (\n              target.clientHeight + target.scrollTop === target.scrollHeight\n            );\n            if (hasNext && fetchMore) {\n              userQuery.next().then((users) => {\n                setMembers([\n                  ...members,\n                  ...users,\n                ])\n              });\n            }\n          }}\n        >\n          <div className=\"sendbird-more-members__popup-scroll__inner\">\n            { members.map((member) => (\n              <UserListItem\n                checkBox\n                checked={selectedMembers[member.userId]}\n                onChange={\n                  (event) => {\n                    const modifiedSelectedMembers = {\n                      ...selectedMembers,\n                      [event.target.id]: event.target.checked,\n                    };\n                    if (!event.target.checked) {\n                      delete modifiedSelectedMembers[event.target.id];\n                    }\n                    setSelectedMembers(modifiedSelectedMembers);\n                  }\n                }\n                user={member}\n                key={member.userId}\n              />\n            ))}\n          </div>\n        </div>\n      </Modal>\n    </div>\n  );\n}\n","import React, {\n  ReactElement,\n  useEffect,\n  useState,\n  useCallback,\n  useContext,\n} from 'react';\n\nimport Button, { ButtonTypes, ButtonSizes } from '../../../../ui/Button';\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport ContextMenu, { MenuItem, MenuItems } from '../../../../ui/ContextMenu';\n\nimport UserListItem from '../UserListItem';\nimport MembersModal from './MembersModal';\nimport InviteUsers from './InviteUsersModal';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useChannelSettingsContext } from '../../context/ChannelSettingsProvider';\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport uuidv4 from '../../../../utils/uuid';\n\nexport const MemberList = (): ReactElement => {\n  const [members, setMembers] = useState([]);\n  const [hasNext, setHasNext] = useState(false);\n  const [showAllMembers, setShowAllMembers] = useState(false);\n  const [showInviteUsers, setShowInviteUsers] = useState(false);\n\n  const state = useSendbirdStateContext();\n  const {\n    channel,\n    setChannelUpdateId,\n  } = useChannelSettingsContext();\n  const { stringSet } = useContext(LocalizationContext);\n\n  const sdk = state?.stores?.sdkStore?.sdk;\n  const userId = state?.config?.userId;\n\n  useEffect(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n    });\n  }, [channel]);\n\n  const refreshList = useCallback(() => {\n    if (!channel) {\n      setMembers([]);\n      return;\n    }\n    const memberUserListQuery = channel?.createMemberListQuery({ limit: 10 });\n    memberUserListQuery.next().then((members) => {\n      setMembers(members);\n      setHasNext(memberUserListQuery.hasNext);\n      setChannelUpdateId(uuidv4());\n    });\n  }, [channel]);\n\n  return (\n    <div className=\"sendbird-channel-settings-member-list sendbird-accordion\">\n      {\n        members.map((member) => (\n          <UserListItem\n            key={member.userId}\n            user={member}\n            currentUser={sdk.currentUser.userId}\n            action={\n              (channel?.myRole === 'operator' && userId !== member.userId)\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} // for catching location(x, y) of MenuItems\n                        closeDropdown={closeDropdown}\n                        openLeft\n                      >\n                        <MenuItem\n                          onClick={() => {\n                            if ((member.role !== 'operator')) {\n                              channel?.addOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            } else {\n                              channel?.removeOperators([member.userId]).then(() => {\n                                refreshList();\n                                closeDropdown();\n                              });\n                            }\n                          }}\n                        >\n                          {\n                            member.role !== 'operator'\n                              ? stringSet.CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR\n                              : stringSet.CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR\n                          }\n                        </MenuItem>\n                        {\n                          // No muted members in broadcast channel\n                          !channel?.isBroadcast && (\n                            <MenuItem\n                              onClick={() => {\n                                if (member.isMuted) {\n                                  channel?.unmuteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  })\n                                } else {\n                                  channel?.muteUser(member).then(() => {\n                                    refreshList();\n                                    closeDropdown();\n                                  });\n                                }\n                              }}\n                            >\n                              {\n                                member.isMuted\n                                  ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE\n                                  : stringSet.CHANNEL_SETTING__MODERATION__MUTE\n                              }\n                            </MenuItem>\n                          )\n                        }\n                        <MenuItem\n                          onClick={() => {\n                            channel?.banUser(member, -1, '').then(() => {\n                              refreshList();\n                              closeDropdown();\n                            });\n                          }}\n                        >\n                          {stringSet.CHANNEL_SETTING__MODERATION__BAN}\n                        </MenuItem>\n                      </MenuItems>\n                    )}\n                  />\n                )\n                : null\n            }\n          />\n        ))\n      }\n      <div\n        className=\"sendbird-channel-settings-accordion__footer\"\n      >\n        {\n          hasNext && (\n            <Button\n              type={ButtonTypes.SECONDARY}\n              size={ButtonSizes.SMALL}\n              onClick={() => setShowAllMembers(true)}\n            >\n              {stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS}\n            </Button>\n          )\n        }\n        <Button\n          type={ButtonTypes.SECONDARY}\n          size={ButtonSizes.SMALL}\n          onClick={() => setShowInviteUsers(true)}\n        >\n          {stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER}\n        </Button>\n      </div>\n      {\n        showAllMembers && (\n          <MembersModal\n            onCancel={() => {\n              setShowAllMembers(false);\n              refreshList();\n            }}\n          />\n        )\n      }\n      {\n        showInviteUsers && (\n          <InviteUsers\n            onSubmit={() => {\n              setShowInviteUsers(false);\n              refreshList();\n            }}\n            onCancel={() => setShowInviteUsers(false)}\n          />\n        )\n      }\n    </div>\n  );\n}\n\nexport default MemberList;\n"],"names":["MembersModal","_a","onCancel","_c","useState","members","setMembers","_d","memberQuery","setMemberQuery","channel","useChannelSettingsContext","state","useSendbirdStateContext","currentUser","_b","config","userId","stringSet","useContext","LocalizationContext","useEffect","memberListQuery","createMemberListQuery","limit","next","then","React","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","parentRef","actionRef","myRole","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","role","addOperators","m","__assign","removeOperators","CHANNEL_SETTING__MODERATION__REGISTER_AS_OPERATOR","CHANNEL_SETTING__MODERATION__UNREGISTER_OPERATOR","isBroadcast","isMuted","unmuteUser","muteUser","CHANNEL_SETTING__MODERATION__UNMUTE","CHANNEL_SETTING__MODERATION__MUTE","banUser","filter","CHANNEL_SETTING__MODERATION__BAN","InviteUsers","onSubmit","_e","_f","selectedMembers","setSelectedMembers","_g","userQuery","setUserQuery","sdk","stores","sdkStore","globalUserListQuery","userListQuery","useLocalization","createApplicationUserListQuery","Object","keys","length","ButtonTypes","PRIMARY","inviteWithUserIds","CHANNEL_SETTING__MEMBERS__SELECT_TITLE","users","event","modifiedSelectedMembers","id","checked","MemberList","setHasNext","showAllMembers","setShowAllMembers","showInviteUsers","setShowInviteUsers","_h","setChannelUpdateId","memberUserListQuery","refreshList","useCallback","uuidv4","UserListItem","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/MessageSearch/components/MessageSearchUI.js

@@ -1,28 +1,28 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../../LocalizationContext-4cefc770.js';
+import { a as LocalizationContext } from '../../LocalizationContext-78d3faa4.js';
 import { useMessageSearchContext } from '../context.js';
 import MessageSearchItem from '../../ui/MessageSearchItem.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-a98bd600.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-f767d8bd.js';
 import MessageSearchFileItem from '../../ui/MessageSearchFileItem.js';
-import '../../stringSet-dc330bcf.js';
-import '../../index-176e9ad4.js';
+import '../../stringSet-6e7f0195.js';
+import '../../index-ab443960.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-4527872e.js';
-import '../../tslib.es6-cb5d77bf.js';
-import '../../index-7fa0a721.js';
-import '../../index-3699f160.js';
-import '../../index-598898d3.js';
+import '../../_rollupPluginBabelHelpers-64f3f48c.js';
+import '../../tslib.es6-c49bbc0a.js';
+import '../../index-8095ffa6.js';
+import '../../index-31d409a0.js';
+import '../../index-9a33f2b0.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
 import 'prop-types';
-import '../../uuid-180d497e.js';
-import '../../index-6b896cd8.js';
+import '../../uuid-741c039a.js';
+import '../../index-327e2586.js';
 import '../../ui/Loader.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-message-search';
-var MessageSearchUI = function MessageSearchUI(_a) {
+var MessageSearchUI = function (_a) {
   var renderPlaceHolderError = _a.renderPlaceHolderError,
       renderPlaceHolderLoading = _a.renderPlaceHolderLoading,
       renderPlaceHolderNoString = _a.renderPlaceHolderNoString,
@@ -47,11 +47,11 @@ var MessageSearchUI = function MessageSearchUI(_a) {
 
   var stringSet = useContext(LocalizationContext).stringSet;
 
-  var handleRetryToConnect = function handleRetryToConnect() {
+  var handleRetryToConnect = function () {
     setRetryCount(retryCount + 1);
   };
 
-  var handleOnScroll = function handleOnScroll(e) {
+  var handleOnScroll = function (e) {
     var scrollElement = e.target;
     var scrollTop = scrollElement.scrollTop,
         scrollHeight = scrollElement.scrollHeight,
@@ -67,7 +67,7 @@ var MessageSearchUI = function MessageSearchUI(_a) {
     }
   };
 
-  var getChannelName = function getChannelName() {
+  var getChannelName = function () {
     if (currentChannel && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) && (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name) !== 'Group Channel') {
       return currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.name;
     }
@@ -125,7 +125,7 @@ var MessageSearchUI = function MessageSearchUI(_a) {
         message: message,
         key: message.messageId,
         selected: selectedMessageId === message.messageId,
-        onClick: function onClick() {
+        onClick: function () {
           onResultClick(message);
           setSelectedMessageId(message.messageId);
         }
@@ -137,7 +137,7 @@ var MessageSearchUI = function MessageSearchUI(_a) {
       message: message,
       key: message.messageId,
       selected: selectedMessageId === message.messageId,
-      onClick: function onClick() {
+      onClick: function () {
         onResultClick(message);
         setSelectedMessageId(message.messageId);
       }

package/MessageSearch/components/MessageSearchUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","messageId","NO_RESULTS"],"mappings":"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"}
+{"version":3,"file":"MessageSearchUI.js","sources":["../../../src/smart-components/MessageSearch/components/MessageSearchUI/index.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport './index.scss';\n\nimport { LocalizationContext } from '../../../../lib/LocalizationContext';\nimport { useMessageSearchContext } from '../../context/MessageSearchProvider';\n\nimport MessageSearchItem from '../../../../ui/MessageSearchItem';\nimport PlaceHolder, { PlaceHolderTypes } from '../../../../ui/PlaceHolder';\nimport MessageSearchFileItem from '../../../../ui/MessageSearchFileItem';\nimport { ClientSentMessages } from '../../../../types';\n\n\nconst COMPONENT_CLASS_NAME = 'sendbird-message-search';\n\nexport interface MessageSearchUIProps {\n  renderPlaceHolderError?: (props: void) => React.ReactElement;\n  renderPlaceHolderLoading?: (props: void) => React.ReactElement;\n  renderPlaceHolderNoString?: (props: void) => React.ReactElement;\n  renderPlaceHolderEmptyList?: (props: void) => React.ReactElement;\n  renderSearchItem?(\n    {\n      message,\n      onResultClick,\n    }: {\n      message: ClientSentMessages,\n      onResultClick?: (message: ClientSentMessages) => void,\n    }\n  ): JSX.Element;\n}\n\nexport const MessageSearchUI: React.FC<MessageSearchUIProps> = ({\n  renderPlaceHolderError,\n  renderPlaceHolderLoading,\n  renderPlaceHolderNoString,\n  renderPlaceHolderEmptyList,\n  renderSearchItem,\n}: MessageSearchUIProps) => {\n  const {\n    isInvalid,\n    searchString,\n    requestString,\n    currentChannel,\n    retryCount,\n    setRetryCount,\n    loading,\n    scrollRef,\n    hasMoreResult,\n    onScroll,\n    allMessages,\n    onResultClick,\n    selectedMessageId,\n    setSelectedMessageId,\n  } = useMessageSearchContext();\n\n  const { stringSet } = useContext(LocalizationContext);\n\n  const handleRetryToConnect = () => {\n    setRetryCount(retryCount + 1);\n  };\n\n  const handleOnScroll = (e) => {\n    const scrollElement = e.target;\n    const {\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    } = scrollElement;\n\n    if (!hasMoreResult) {\n      return;\n    }\n    if (scrollTop + clientHeight >= scrollHeight - 1) {\n      onScroll(() => {\n        // after load more searched messages\n      });\n    }\n  };\n\n  const getChannelName = () => {\n    if (currentChannel && currentChannel?.name && currentChannel?.name !== 'Group Channel') {\n      return currentChannel?.name;\n    }\n    if (currentChannel && (currentChannel?.name === 'Group Channel' || !currentChannel?.name)) {\n      return currentChannel.members.map((member) => member.nickname || stringSet.NO_NAME).join(', ');\n    }\n    return stringSet.NO_TITLE;\n  };\n\n  if (isInvalid && searchString && requestString) {\n    return renderPlaceHolderError?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.WRONG}\n          retryToConnect={handleRetryToConnect}\n        />\n      </div>\n    );\n  }\n\n  if (loading && searchString && requestString) {\n    return renderPlaceHolderLoading?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder type={PlaceHolderTypes.SEARCHING} />\n      </div>\n    );\n  }\n\n  if (!searchString) {\n    return renderPlaceHolderNoString?.() || (\n      <div className={COMPONENT_CLASS_NAME}>\n        <PlaceHolder\n          type={PlaceHolderTypes.SEARCH_IN}\n          searchInString={getChannelName()}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={COMPONENT_CLASS_NAME}\n      onScroll={handleOnScroll}\n      ref={scrollRef}\n    >\n      {\n        (allMessages.length > 0)\n          ? (\n            allMessages.map((message) => {\n              if (renderSearchItem) {\n                return renderSearchItem({ message, onResultClick });\n              }\n              if (message.messageType === 'file') {\n                return (\n                  <MessageSearchFileItem\n                    className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                    message={message as FileMessage}\n                    key={message.messageId}\n                    selected={(selectedMessageId === message.messageId)}\n                    onClick={() => {\n                      onResultClick(message);\n                      setSelectedMessageId(message.messageId);\n                    }}\n                  />\n                );\n              }\n              return (\n                <MessageSearchItem\n                  className={`${COMPONENT_CLASS_NAME}__message-search-item`}\n                  message={message as UserMessage}\n                  key={message.messageId}\n                  selected={(selectedMessageId === message.messageId)}\n                  onClick={() => {\n                    onResultClick(message);\n                    setSelectedMessageId(message.messageId);\n                  }}\n                />\n              );\n            })\n          )\n          : renderPlaceHolderEmptyList?.() || (\n            <PlaceHolder type={PlaceHolderTypes.NO_RESULTS} />\n          )\n      }\n    </div>\n  );\n};\n\nexport default MessageSearchUI;\n"],"names":["COMPONENT_CLASS_NAME","MessageSearchUI","_a","renderPlaceHolderError","renderPlaceHolderLoading","renderPlaceHolderNoString","renderPlaceHolderEmptyList","renderSearchItem","_b","useMessageSearchContext","isInvalid","searchString","requestString","currentChannel","retryCount","setRetryCount","loading","scrollRef","hasMoreResult","onScroll","allMessages","onResultClick","selectedMessageId","setSelectedMessageId","stringSet","useContext","LocalizationContext","handleRetryToConnect","handleOnScroll","e","scrollElement","target","scrollTop","scrollHeight","clientHeight","getChannelName","name","members","map","member","nickname","NO_NAME","join","NO_TITLE","React","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","concat","messageId","NO_RESULTS"],"mappings":"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"}

package/MessageSearch/context.js

@@ -1,8 +1,8 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef } from 'react';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { _ as __assign, a as __spreadArray } from '../tslib.es6-cb5d77bf.js';
+import { _ as __assign, a as __spreadArray } from '../tslib.es6-c49bbc0a.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-4527872e.js';
+import '../_rollupPluginBabelHelpers-64f3f48c.js';
 
 var GET_SEARCHED_MESSAGES = 'GET_SEARCHED_MESSAGES';
 var GET_NEXT_SEARCHED_MESSAGES = 'GET_NEXT_SEARCHED_MESSAGES';
@@ -270,7 +270,7 @@ function useSearchStringEffect(_a, _b) {
 
 var MessageSearchContext = /*#__PURE__*/React__default.createContext(undefined);
 
-var MessageSearchProvider = function MessageSearchProvider(props) {
+var MessageSearchProvider = function (props) {
   var _a, _b, _c, _d, _e;
 
   var // message search props
@@ -305,7 +305,7 @@ var MessageSearchProvider = function MessageSearchProvider(props) {
   var sdkInit = (_e = (_d = globalState === null || globalState === void 0 ? void 0 : globalState.stores) === null || _d === void 0 ? void 0 : _d.sdkStore) === null || _e === void 0 ? void 0 : _e.initialized;
   var scrollRef = useRef(null);
 
-  var handleOnScroll = function handleOnScroll(e) {
+  var handleOnScroll = function (e) {
     var scrollElement = e.target;
     var scrollTop = scrollElement.scrollTop,
         scrollHeight = scrollElement.scrollHeight,
@@ -355,7 +355,7 @@ var MessageSearchProvider = function MessageSearchProvider(props) {
     messageSearchDispatcher: messageSearchDispatcher
   });
 
-  var handleRetryToConnect = function handleRetryToConnect() {
+  var handleRetryToConnect = function () {
     setRetryCount(retryCount + 1);
   };
 
@@ -386,7 +386,7 @@ var MessageSearchProvider = function MessageSearchProvider(props) {
   }, props === null || props === void 0 ? void 0 : props.children);
 };
 
-var useMessageSearchContext = function useMessageSearchContext() {
+var useMessageSearchContext = function () {
   return React__default.useContext(MessageSearchContext);
 };