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

package/cjs/{MemberList-10def668.js → MemberList-5f6eaac3.js}

@@ -6,14 +6,14 @@ var ui_IconButton = require('./ui/IconButton.js');
 var ui_Icon = require('./ui/Icon.js');
 var ui_ContextMenu = require('./ui/ContextMenu.js');
 var ChannelSettings_components_UserListItem = require('./ChannelSettings/components/UserListItem.js');
-var tslib_es6 = require('./tslib.es6-36205d81.js');
+var tslib_es6 = require('./tslib.es6-8c7aa47e.js');
 var ui_Modal = require('./ui/Modal.js');
 var ui_UserListItem = require('./ui/UserListItem.js');
-var utils = require('./utils-09738454.js');
+var utils = require('./utils-01f53796.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var LocalizationContext = require('./LocalizationContext-b5fd4c38.js');
-var uuid = require('./uuid-edc908ea.js');
+var LocalizationContext = require('./LocalizationContext-bde4de59.js');
+var uuid = require('./uuid-0e8b271a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -22,7 +22,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function MembersModal(_a) {
   var _b;
 
-  var _onCancel = _a.onCancel;
+  var onCancel = _a.onCancel;
 
   var _c = React.useState([]),
       members = _c[0],
@@ -47,14 +47,14 @@ function MembersModal(_a) {
   }, []);
   return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
     hideFooter: true,
-    onCancel: function onCancel() {
-      return _onCancel();
+    onCancel: function () {
+      return onCancel();
     },
     onSubmit: utils.noop,
     titleText: stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS
   }, /*#__PURE__*/React__default["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;
@@ -70,11 +70,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["default"].createElement(React__default["default"].Fragment, null, (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -87,7 +87,7 @@ function MembersModal(_a) {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -95,7 +95,7 @@ function MembersModal(_a) {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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) {
@@ -126,7 +126,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["default"].createElement(ui_ContextMenu.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) {
@@ -156,7 +156,7 @@ function MembersModal(_a) {
                 }
               }
             }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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;
@@ -175,8 +175,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 = React.useState([]),
       members = _e[0],
@@ -209,21 +209,21 @@ function InviteUsers(_a) {
     disabled: Object.keys(selectedMembers).length === 0,
     submitText: "Invite",
     type: ui_Button.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["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;
@@ -240,7 +240,7 @@ function InviteUsers(_a) {
     return /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
       checkBox: true,
       checked: selectedMembers[member.userId],
-      onChange: function onChange(event) {
+      onChange: function (event) {
         var _a;
 
         var modifiedSelectedMembers = tslib_es6.__assign(tslib_es6.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
@@ -257,7 +257,7 @@ function InviteUsers(_a) {
   })))));
 }
 
-var MemberList = function MemberList() {
+var MemberList = function () {
   var _a, _b, _c;
 
   var _d = React.useState([]),
@@ -325,7 +325,7 @@ var MemberList = function MemberList() {
         var actionRef = _a.actionRef,
             parentRef = _a.parentRef;
         return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-          menuTrigger: function menuTrigger(toggleDropdown) {
+          menuTrigger: function (toggleDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
               className: "sendbird-user-message__more__menu",
               width: "32px",
@@ -338,7 +338,7 @@ var MemberList = function MemberList() {
               fillColor: ui_Icon.IconColors.CONTENT_INVERSE
             }));
           },
-          menuItems: function menuItems(closeDropdown) {
+          menuItems: function (closeDropdown) {
             return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
               parentContainRef: parentRef,
               parentRef: actionRef // for catching location(x, y) of MenuItems
@@ -346,7 +346,7 @@ var MemberList = function MemberList() {
               closeDropdown: closeDropdown,
               openLeft: true
             }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.role !== 'operator') {
                   channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(function () {
                     refreshList();
@@ -361,7 +361,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["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 if (member.isMuted) {
                   channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(function () {
                     refreshList();
@@ -375,7 +375,7 @@ var MemberList = function MemberList() {
                 }
               }
             }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-              onClick: function onClick() {
+              onClick: function () {
                 channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(function () {
                   refreshList();
                   closeDropdown();
@@ -391,30 +391,30 @@ var MemberList = function MemberList() {
   }, hasNext && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       return setShowAllMembers(true);
     }
   }, stringSet.CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS), /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
     type: ui_Button.ButtonTypes.SECONDARY,
     size: ui_Button.ButtonSizes.SMALL,
-    onClick: function onClick() {
+    onClick: function () {
       return setShowInviteUsers(true);
     }
   }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)), showAllMembers && /*#__PURE__*/React__default["default"].createElement(MembersModal, {
-    onCancel: function onCancel() {
+    onCancel: function () {
       setShowAllMembers(false);
       refreshList();
     }
   }), showInviteUsers && /*#__PURE__*/React__default["default"].createElement(InviteUsers, {
-    onSubmit: function onSubmit() {
+    onSubmit: function () {
       setShowInviteUsers(false);
       refreshList();
     },
-    onCancel: function onCancel() {
+    onCancel: function () {
       return setShowInviteUsers(false);
     }
   }));
 };
 
 exports.MemberList = MemberList;
-//# sourceMappingURL=MemberList-10def668.js.map
+//# sourceMappingURL=MemberList-5f6eaac3.js.map

package/cjs/{MemberList-10def668.js.map → MemberList-5f6eaac3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MemberList-10def668.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","Modal","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","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","Button","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":";;;;;;;;;;;;;;;;;;;;;SAsBwBA,aAAaC;;;MAAEC,SAAQ;;EACvC,IAAAC,KAAwBC,cAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAAC,KAAgCH,cAAQ,CAAC,IAAD,CAAxC;MAACI,WAAW,QAAZ;MAAcC,cAAc,QAA5B;;EAEE,IAAAC,OAAO,GAAKC,iDAAyB,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,gBAAU,CAACC,uCAAD,CAAV,UAAd;EAERC,eAAS,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,kEACEA,wCAACC,mBAAD;IACE,UAAU,MADZ;IAEE,QAAQ,EAAE;MAAM,OAAAzB,SAAQ,EAAR;KAFlB;IAGE,QAAQ,EAAE0B,UAHZ;IAIE,SAAS,EAAEX,SAAS,CAACY;kBAErBH;IACE,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,kBAACI,CAAD;MACA,IAAAC,OAAO,GAAKvB,WAAW,QAAvB;MACR,IAAMwB,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;QACxBzB,WAAW,CAACgB,IAAZ,GAAmBC,IAAnB,CAAwB,UAACY,CAAD;UACtB/B,UAAU,qDACLD,gBACAgC,QAFK,CAAV;SADF;;;KAUFhC,OAAO,CAACiC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACtBb,wCAACc,eAAD;MACE,IAAI,EAAED,MADR;MAEE,GAAG,EAAEA,MAAM,CAACvB,MAFd;MAGE,WAAW,EAAEF,WAHf;MAIE,MAAM,EAAE,gBAACb,EAAD;YAAGwC,SAAS;YAAEC,SAAS;QAAO,oBACpChB,kFACG,CAAAhB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEiC,MAAT,MAAoB,UAApB,iBACCjB,wCAACkB,yBAAD;UACE,WAAW,EAAE,qBAACC,cAAD;YAAoB,oBAC/BnB,wCAACoB,aAAD;cACE,SAAS,EAAC,mCADZ;cAEE,KAAK,EAAC,MAFR;cAGE,MAAM,EAAC,MAHT;cAIE,OAAO,EAAED;4BAETnB,wCAACqB,kBAAD;cACE,KAAK,EAAC,MADR;cAEE,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEC,iBAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,kBAAU,CAACC;cAV1B,CAD+B;WADnC;UAgBE,SAAS,EAAE,mBAACC,aAAD;YAAmB,oBAC5B1B,wCAAC2B,wBAAD;cACE,gBAAgB,EAAEZ,SADpB;cAEE,SAAS,EAAEC,SAFb;;cAGE,aAAa,EAAEU,aAHjB;cAIE,QAAQ;4BAER1B,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP,IAAKf,MAAM,CAACgB,IAAP,KAAgB,UAArB,EAAkC;kBAChC7C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE8C,YAAT,CAAsB,CAACjB,MAAM,CAACvB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;oBAC1CnB,UAAU,CAACD,OAAO,CAACiC,GAAR,CAAY,UAAAmB,CAAA;sBACrB,IAAIA,CAAC,CAACzC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,iDACKuB;0BACHgB,IAAI,EAAE;0BAFR;;;sBAKF,OAAOE,CAAP;qBAPS,CAAD,CAAV;oBASAL,aAAa;mBAVf,CAAA;iBADF,MAaO;kBACL1C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgD,eAAT,CAAyB,CAACnB,MAAM,CAACvB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;oBAC7CnB,UAAU,CAACD,OAAO,CAACiC,GAAR,CAAY,UAAAmB,CAAA;sBACrB,IAAIA,CAAC,CAACzC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,iDACKuB;0BACHgB,IAAI,EAAE;0BAFR;;;sBAKF,OAAOE,CAAP;qBAPS,CAAD,CAAV;oBASAL,aAAa;mBAVf,CAAA;;;eAgBFb,MAAM,CAACgB,IAAP,KAAgB,UAAhB,GACItC,SAAS,CAAC0C,iDADd,GAEI1C,SAAS,CAAC2C,gDAlClB,CANF;YA6CI,EAAClD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmD,WAAV,kBACEnC,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP,IAAIf,MAAM,CAACuB,OAAX,EAAoB;kBAClBpD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqD,UAAT,CAAoBxB,MAApB,EAA4Bd,IAA5B,CAAiC;oBAC/BnB,UAAU,CAACD,OAAO,CAACiC,GAAR,CAAY,UAAAmB,CAAA;sBACrB,IAAIA,CAAC,CAACzC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,iDACKuB;0BACHuB,OAAO,EAAE;0BAFX;;;sBAKF,OAAOL,CAAP;qBAPS,CAAD,CAAV;oBASAL,aAAa;mBAVf,CAAA;iBADF,MAaO;kBACL1C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEsD,QAAT,CAAkBzB,MAAlB,EAA0Bd,IAA1B,CAA+B;oBAC7BnB,UAAU,CAACD,OAAO,CAACiC,GAAR,CAAY,UAAAmB,CAAA;sBACrB,IAAIA,CAAC,CAACzC,MAAF,KAAauB,MAAM,CAACvB,MAAxB,EAAgC;wBAC9B,iDACKuB;0BACHuB,OAAO,EAAE;0BAFX;;;sBAKF,OAAOL,CAAP;qBAPS,CAAD,CAAV;oBASAL,aAAa;mBAVf,CAAA;;;eAgBFb,MAAM,CAACuB,OAAP,GACI7C,SAAS,CAACgD,mCADd,GAEIhD,SAAS,CAACiD,iCAlClB,CA9CN,eAqFExC,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP5C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyD,OAAT,CAAiB5B,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCd,IAAjC,CAAsC;kBACpCnB,UAAU,CAACD,OAAO,CAAC+D,MAAR,CAAe,UAACnE,EAAD;wBAAGe,MAAM;oBACjC,OAAOA,MAAM,KAAKuB,MAAM,CAACvB,MAAzB;mBADS,CAAD,CAAV;iBADF,CAAA;;eAODC,SAAS,CAACoD,gCATb,CArFF,CAD4B;;UAlBpC,CADoC;;MALlB;GAAxB,CApBJ,CANF,CADF,CADF;AAkKD;;SC5LuBC,YAAYrE;;;MAClCC,SAAQ;MACRqE,SAAQ;;EAEF,IAAAC,KAAwBpE,cAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAAmE,KAAwCrE,cAAQ,CAAC,EAAD,CAAhD;MAACsE,eAAe,QAAhB;MAAkBC,kBAAkB,QAApC;;EACA,IAAAC,KAA4BxE,cAAQ,CAAC,IAAD,CAApC;MAACyE,SAAS,QAAV;MAAYC,YAAY,QAAxB;;EAEN,IAAMlE,KAAK,GAAGC,uBAAuB,EAArC;EACA,IAAMkE,GAAG,GAAG,MAAA,MAAAnE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEoE,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;EACA,IAAMG,mBAAmB,GAAG,MAAAtE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeoE,aAA3C;EAEQ,IAAAzE,OAAO,GAAKC,iDAAyB,UAArC;EACA,IAAAM,SAAS,GAAKmE,mCAAe,YAA7B;EAERhE,eAAS,CAAC;IACR,IAAM+D,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,CAAE3D,IAAnB,EAAyB;MACvB2D,aAAa,CAAC3D,IAAd,GAAqBC,IAArB,CAA0B,UAACpB,OAAD;QACxBC,UAAU,CAACD,OAAD,CAAV;OADF;MAGAyE,YAAY,CAACK,aAAD,CAAZ;;GANK,EAQN,CAACJ,GAAD,CARM,CAAT;EASA,oBACErD,kEACEA,wCAACC,mBAAD;IACE,QAAQ,EAAE2D,MAAM,CAACC,IAAP,CAAYb,eAAZ,EAA6Bc,MAA7B,KAAwC,CADpD;IAEE,UAAU,EAAC,QAFb;IAGE,IAAI,EAAEC,qBAAW,CAACC,OAHpB;IAIE,QAAQ,EAAE;MAAM,OAAAxF,SAAQ,EAAR;KAJlB;IAKE,QAAQ,EAAE;MACR,IAAMG,OAAO,GAAGiF,MAAM,CAACC,IAAP,CAAYb,eAAZ,EAA6BN,MAA7B,CAAoC,UAACX,CAAD;QAAO,OAAAiB,eAAe,CAACjB,CAAD,CAAf;OAA3C,CAAhB;MACA/C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEiF,iBAAT,CAA2BtF,OAA3B,EAAoCoB,IAApC,CAAyC;QACvC8C,SAAQ,CAAClE,OAAD,CAAR;OADF,CAAA;KAPJ;IAWE,SAAS,EAAEY,SAAS,CAAC2E;kBAErBlE;IACE,SAAS,EAAC,qCADZ;IAEE,QAAQ,EAAE,kBAACI,CAAD;MACA,IAAAC,OAAO,GAAK8C,SAAS,QAArB;MACR,IAAM7C,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;QACxB4C,SAAS,CAACrD,IAAV,GAAiBC,IAAjB,CAAsB,UAACoE,KAAD;UACpBvF,UAAU,qDACLD,gBACAwF,YAFK,CAAV;SADF;;;kBASJnE;IAAK,SAAS,EAAC;KACXrB,OAAO,CAACiC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACxBb,wCAACc,eAAD;MACE,QAAQ,MADV;MAEE,OAAO,EAAEkC,eAAe,CAACnC,MAAM,CAACvB,MAAR,CAF1B;MAGE,QAAQ,EACN,kBAAC8E,KAAD;;;QACE,IAAMC,uBAAuB,6CACxBrB,+BACFoB,KAAK,CAAC9D,MAAN,CAAagE,MAAKF,KAAK,CAAC9D,MAAN,CAAaiE,aAFlC;;QAIA,IAAI,CAACH,KAAK,CAAC9D,MAAN,CAAaiE,OAAlB,EAA2B;UACzB,OAAOF,uBAAuB,CAACD,KAAK,CAAC9D,MAAN,CAAagE,EAAd,CAA9B;;;QAEFrB,kBAAkB,CAACoB,uBAAD,CAAlB;OAZN;MAeE,IAAI,EAAExD,MAfR;MAgBE,GAAG,EAAEA,MAAM,CAACvB;MAjBU;GAAxB,CADJ,CAlBF,CAbF,CADF,CADF;AA2DD;;IC5EYkF,UAAU,GAAG,SAAbA,UAAa;;;EAClB,IAAA3F,KAAwBH,cAAQ,CAAC,EAAD,CAAhC;MAACC,OAAO,QAAR;MAAUC,UAAU,QAApB;;EACA,IAAAkE,KAAwBpE,cAAQ,CAAC,KAAD,CAAhC;MAAC2B,OAAO,QAAR;MAAUoE,UAAU,QAApB;;EACA,IAAA1B,KAAsCrE,cAAQ,CAAC,KAAD,CAA9C;MAACgG,cAAc,QAAf;MAAiBC,iBAAiB,QAAlC;;EACA,IAAAzB,KAAwCxE,cAAQ,CAAC,KAAD,CAAhD;MAACkG,eAAe,QAAhB;MAAkBC,kBAAkB,QAApC;;EAEN,IAAM3F,KAAK,GAAGC,uBAAuB,EAArC;;EACM,IAAA2F,KAGF7F,iDAAyB,EAHvB;MACJD,OAAO,aADH;MAEJ+F,kBAAkB,wBAFd;;EAIE,IAAAxF,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;EAER,IAAM4D,GAAG,GAAG,MAAA,MAAAnE,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEoE,MAAP,UAAA,iBAAA,SAAA,MAAeC,QAAf,UAAA,iBAAA,SAAA,MAAyBF,GAArC;EACA,IAAM/D,MAAM,GAAG,MAAAJ,KAAK,SAAL,IAAAA,KAAK,WAAL,SAAA,GAAAA,KAAK,CAAEG,MAAP,UAAA,iBAAA,SAAA,MAAeC,MAA9B;EAEAI,eAAS,CAAC;IACR,IAAI,CAACV,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV;MACA;;;IAGF,IAAMoG,mBAAmB,GAAGhG,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;MAAEC,KAAK,EAAE;KAAxC,CAA5B;IACAmF,mBAAmB,CAAClF,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;MAC9BC,UAAU,CAACD,OAAD,CAAV;MACA8F,UAAU,CAACO,mBAAmB,CAAC3E,OAArB,CAAV;KAFF;GAPO,EAWN,CAACrB,OAAD,CAXM,CAAT;EAaA,IAAMiG,WAAW,GAAGC,iBAAW,CAAC;IAC9B,IAAI,CAAClG,OAAL,EAAc;MACZJ,UAAU,CAAC,EAAD,CAAV;MACA;;;IAEF,IAAMoG,mBAAmB,GAAGhG,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEY,qBAAT,CAA+B;MAAEC,KAAK,EAAE;KAAxC,CAA5B;IACAmF,mBAAmB,CAAClF,IAApB,GAA2BC,IAA3B,CAAgC,UAACpB,OAAD;MAC9BC,UAAU,CAACD,OAAD,CAAV;MACA8F,UAAU,CAACO,mBAAmB,CAAC3E,OAArB,CAAV;MACA0E,kBAAkB,CAACI,WAAM,EAAP,CAAlB;KAHF;GAN6B,EAW5B,CAACnG,OAAD,CAX4B,CAA/B;EAaA,oBACEgB;IAAK,SAAS,EAAC;KAEXrB,OAAO,CAACiC,GAAR,CAAY,UAACC,MAAD;IAAY,oBACtBb,wCAACc,uCAAD;MACE,GAAG,EAAED,MAAM,CAACvB,MADd;MAEE,IAAI,EAAEuB,MAFR;MAGE,WAAW,EAAEwC,GAAG,CAACjE,WAAJ,CAAgBE,MAH/B;MAIE,MAAM,EACH,CAAAN,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEiC,MAAT,MAAoB,UAApB,IAAkC3B,MAAM,KAAKuB,MAAM,CAACvB,MAArD,GACI,UAACf,EAAD;YAAGyC,SAAS;YAAED,SAAS;QAAO,oBAC9Bf,wCAACkB,yBAAD;UACE,WAAW,EAAE,qBAACC,cAAD;YAAoB,oBAC/BnB,wCAACoB,aAAD;cACE,SAAS,EAAC,mCADZ;cAEE,KAAK,EAAC,MAFR;cAGE,MAAM,EAAC,MAHT;cAIE,OAAO,EAAED;4BAETnB,wCAACqB,kBAAD;cACE,KAAK,EAAC,MADR;cAEE,MAAM,EAAC,MAFT;cAGE,IAAI,EAAEC,iBAAS,CAACC,IAHlB;cAIE,SAAS,EAAEC,kBAAU,CAACC;cAV1B,CAD+B;WADnC;UAgBE,SAAS,EAAE,mBAACC,aAAD;YAAmB,oBAC5B1B,wCAAC2B,wBAAD;cACE,gBAAgB,EAAEZ,SADpB;cAEE,SAAS,EAAEC,SAFb;;cAGE,aAAa,EAAEU,aAHjB;cAIE,QAAQ;4BAER1B,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP,IAAKf,MAAM,CAACgB,IAAP,KAAgB,UAArB,EAAkC;kBAChC7C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAE8C,YAAT,CAAsB,CAACjB,MAAM,CAACvB,MAAR,CAAtB,EAAuCS,IAAvC,CAA4C;oBAC1CkF,WAAW;oBACXvD,aAAa;mBAFf,CAAA;iBADF,MAKO;kBACL1C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEgD,eAAT,CAAyB,CAACnB,MAAM,CAACvB,MAAR,CAAzB,EAA0CS,IAA1C,CAA+C;oBAC7CkF,WAAW;oBACXvD,aAAa;mBAFf,CAAA;;;eAQFb,MAAM,CAACgB,IAAP,KAAgB,UAAhB,GACItC,SAAS,CAAC0C,iDADd,GAEI1C,SAAS,CAAC2C,gDAlBlB,CANF;YA6BI,EAAClD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEmD,WAAV,kBACEnC,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP,IAAIf,MAAM,CAACuB,OAAX,EAAoB;kBAClBpD,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEqD,UAAT,CAAoBxB,MAApB,EAA4Bd,IAA5B,CAAiC;oBAC/BkF,WAAW;oBACXvD,aAAa;mBAFf,CAAA;iBADF,MAKO;kBACL1C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEsD,QAAT,CAAkBzB,MAAlB,EAA0Bd,IAA1B,CAA+B;oBAC7BkF,WAAW;oBACXvD,aAAa;mBAFf,CAAA;;;eAQFb,MAAM,CAACuB,OAAP,GACI7C,SAAS,CAACgD,mCADd,GAEIhD,SAAS,CAACiD,iCAlBlB,CA9BN,eAqDExC,wCAAC4B,uBAAD;cACE,OAAO,EAAE;gBACP5C,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyD,OAAT,CAAiB5B,MAAjB,EAAyB,CAAC,CAA1B,EAA6B,EAA7B,EAAiCd,IAAjC,CAAsC;kBACpCkF,WAAW;kBACXvD,aAAa;iBAFf,CAAA;;eAMDnC,SAAS,CAACoD,gCARb,CArDF,CAD4B;;UAjBF;OADlC,GAsFI;MA5Fc;GAAxB,CAFJ,eAmGE3C;IACE,SAAS,EAAC;KAGRK,OAAO,iBACLL,wCAACoF,oBAAD;IACE,IAAI,EAAErB,qBAAW,CAACsB,SADpB;IAEE,IAAI,EAAEC,qBAAW,CAACC,KAFpB;IAGE,OAAO,EAAE;MAAM,OAAAZ,iBAAiB,CAAC,IAAD,CAAjB;;KAEdpF,SAAS,CAACY,yCALb,CALN,eAcEH,wCAACoF,oBAAD;IACE,IAAI,EAAErB,qBAAW,CAACsB,SADpB;IAEE,IAAI,EAAEC,qBAAW,CAACC,KAFpB;IAGE,OAAO,EAAE;MAAM,OAAAV,kBAAkB,CAAC,IAAD,CAAlB;;KAEdtF,SAAS,CAACiG,uCALb,CAdF,CAnGF,EA0HId,cAAc,iBACZ1E,wCAAC,YAAD;IACE,QAAQ,EAAE;MACR2E,iBAAiB,CAAC,KAAD,CAAjB;MACAM,WAAW;;IA9HrB,EAoIIL,eAAe,iBACb5E,wCAAC,WAAD;IACE,QAAQ,EAAE;MACR6E,kBAAkB,CAAC,KAAD,CAAlB;MACAI,WAAW;KAHf;IAKE,QAAQ,EAAE;MAAM,OAAAJ,kBAAkB,CAAC,KAAD,CAAlB;;IA1IxB,CADF;AAiJD;;;;"}
+{"version":3,"file":"MemberList-5f6eaac3.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","Modal","noop","CHANNEL_SETTING__MEMBERS__SEE_ALL_MEMBERS","e","hasNext","target","fetchMore","clientHeight","scrollTop","scrollHeight","o","__spreadArray","map","member","UserListItem","parentRef","actionRef","myRole","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","closeDropdown","MenuItems","MenuItem","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","Button","SECONDARY","ButtonSizes","SMALL","CHANNEL_SETTING__MEMBERS__INVITE_MEMBER"],"mappings":"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"}

package/cjs/MessageSearch/components/MessageSearchUI.js

@@ -3,26 +3,26 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-b5fd4c38.js');
+var LocalizationContext = require('../../LocalizationContext-bde4de59.js');
 var MessageSearch_context = require('../context.js');
 var ui_MessageSearchItem = require('../../ui/MessageSearchItem.js');
-var ui_PlaceHolder = require('../../index-e9d96b00.js');
+var ui_PlaceHolder = require('../../index-66b53d56.js');
 var ui_MessageSearchFileItem = require('../../ui/MessageSearchFileItem.js');
-require('../../stringSet-be457fd7.js');
-require('../../index-5166a415.js');
+require('../../stringSet-edbf423b.js');
+require('../../index-50fc77e8.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-f9e4bb55.js');
-require('../../tslib.es6-36205d81.js');
-require('../../index-c1697faa.js');
-require('../../index-9ce5e5a9.js');
-require('../../index-1512514f.js');
+require('../../_rollupPluginBabelHelpers-17f5a2c8.js');
+require('../../tslib.es6-8c7aa47e.js');
+require('../../index-06b2ea54.js');
+require('../../index-0c20bfa0.js');
+require('../../index-4fedaa1a.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
 require('prop-types');
-require('../../uuid-edc908ea.js');
-require('../../index-b9b8972b.js');
+require('../../uuid-0e8b271a.js');
+require('../../index-339b2871.js');
 require('../../ui/Loader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -30,7 +30,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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,
@@ -55,11 +55,11 @@ var MessageSearchUI = function MessageSearchUI(_a) {
 
   var stringSet = React.useContext(LocalizationContext.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,
@@ -75,7 +75,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;
     }
@@ -133,7 +133,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);
         }
@@ -145,7 +145,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/cjs/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","PlaceHolder","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","MessageSearchFileItem","messageId","MessageSearchItem","NO_RESULTS"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,IAAMA,oBAAoB,GAAG,yBAA7B;IAkBaC,eAAe,GAAmC,SAAlDA,eAAkD,CAACC,EAAD;MAC7DC,sBAAsB;MACtBC,wBAAwB;MACxBC,yBAAyB;MACzBC,0BAA0B;MAC1BC,gBAAgB;;EAEV,IAAAC,KAeFC,6CAAuB,EAfrB;MACJC,SAAS,eADL;MAEJC,YAAY,kBAFR;MAGJC,aAAa,mBAHT;MAIJC,cAAc,oBAJV;MAKJC,UAAU,gBALN;MAMJC,aAAa,mBANT;MAOJC,OAAO,aAPH;MAQJC,SAAS,eARL;MASJC,aAAa,mBATT;MAUJC,QAAQ,cAVJ;MAWJC,WAAW,iBAXP;MAYJC,aAAa,mBAZT;MAaJC,iBAAiB,uBAbb;MAcJC,oBAAoB,0BAdhB;;EAiBE,IAAAC,SAAS,GAAKC,gBAAU,CAACC,uCAAD,CAAV,UAAd;;EAER,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB;IAC3BZ,aAAa,CAACD,UAAU,GAAG,CAAd,CAAb;GADF;;EAIA,IAAMc,cAAc,GAAG,SAAjBA,cAAiB,CAACC,CAAD;IACrB,IAAMC,aAAa,GAAGD,CAAC,CAACE,MAAxB;IAEE,IAAAC,SAAS,GAGPF,aAAa,UAHf;QACAG,YAAY,GAEVH,aAAa,aAHf;QAEAI,YAAY,GACVJ,aAAa,aAHf;;IAKF,IAAI,CAACZ,aAAL,EAAoB;MAClB;;;IAEF,IAAIc,SAAS,GAAGE,YAAZ,IAA4BD,YAAY,GAAG,CAA/C,EAAkD;MAChDd,QAAQ,CAAC;OAAD,CAAR;;GAZJ;;EAkBA,IAAMgB,cAAc,GAAG,SAAjBA,cAAiB;IACrB,IAAItB,cAAc,KAAIA,cAAc,SAAd,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAApB,CAAd,IAA0C,CAAAvB,cAAc,SAAd,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAAhB,MAAyB,eAAvE,EAAwF;MACtF,OAAOvB,cAAc,SAAd,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAAvB;;;IAEF,IAAIvB,cAAc,KAAK,CAAAA,cAAc,SAAd,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAAhB,MAAyB,eAAzB,IAA4C,EAACvB,cAAc,SAAd,IAAAA,cAAc,WAAd,SAAA,GAAAA,cAAc,CAAEuB,IAAjB,CAAjD,CAAlB,EAA2F;MACzF,OAAOvB,cAAc,CAACwB,OAAf,CAAuBC,GAAvB,CAA2B,UAACC,MAAD;QAAY,OAAAA,MAAM,CAACC,QAAP,IAAmBhB,SAAS,CAACiB,OAA7B;OAAvC,EAA6EC,IAA7E,CAAkF,IAAlF,CAAP;;;IAEF,OAAOlB,SAAS,CAACmB,QAAjB;GAPF;;EAUA,IAAIjC,SAAS,IAAIC,YAAb,IAA6BC,aAAjC,EAAgD;IAC9C,OAAO,CAAAT,sBAAsB,SAAtB,IAAAA,sBAAsB,WAAtB,SAAA,GAAAA,sBAAsB,EAAtB,kBACLyC;MAAK,SAAS,EAAE5C;oBACd4C,wCAACC,0BAAD;MACE,IAAI,EAAEC,+BAAgB,CAACC,KADzB;MAEE,cAAc,EAAEpB;MAHpB,CADF;;;EAUF,IAAIX,OAAO,IAAIL,YAAX,IAA2BC,aAA/B,EAA8C;IAC5C,OAAO,CAAAR,wBAAwB,SAAxB,IAAAA,wBAAwB,WAAxB,SAAA,GAAAA,wBAAwB,EAAxB,kBACLwC;MAAK,SAAS,EAAE5C;oBACd4C,wCAACC,0BAAD;MAAa,IAAI,EAAEC,+BAAgB,CAACE;MADtC,CADF;;;EAOF,IAAI,CAACrC,YAAL,EAAmB;IACjB,OAAO,CAAAN,yBAAyB,SAAzB,IAAAA,yBAAyB,WAAzB,SAAA,GAAAA,yBAAyB,EAAzB,kBACLuC;MAAK,SAAS,EAAE5C;oBACd4C,wCAACC,0BAAD;MACE,IAAI,EAAEC,+BAAgB,CAACG,SADzB;MAEE,cAAc,EAAEd,cAAc;MAHlC,CADF;;;EAUF,oBACES;IACE,SAAS,EAAE5C,oBADb;IAEE,QAAQ,EAAE4B,cAFZ;IAGE,GAAG,EAAEX;KAGFG,WAAW,CAAC8B,MAAZ,GAAqB,CAAtB,GAEI9B,WAAW,CAACkB,GAAZ,CAAgB,UAACa,OAAD;IACd,IAAI5C,gBAAJ,EAAsB;MACpB,OAAOA,gBAAgB,CAAC;QAAE4C,OAAO,SAAT;QAAW9B,aAAa;OAAzB,CAAvB;;;IAEF,IAAI8B,OAAO,CAACC,WAAR,KAAwB,MAA5B,EAAoC;MAClC,oBACER,wCAACS,wBAAD;QACE,SAAS,EAAE,SAAA,CAAGrD,oBAAH,yBAAA,CADb;QAEE,OAAO,EAAEmD,OAFX;QAGE,GAAG,EAAEA,OAAO,CAACG,SAHf;QAIE,QAAQ,EAAGhC,iBAAiB,KAAK6B,OAAO,CAACG,SAJ3C;QAKE,OAAO,EAAE;UACPjC,aAAa,CAAC8B,OAAD,CAAb;UACA5B,oBAAoB,CAAC4B,OAAO,CAACG,SAAT,CAApB;;QARN;;;IAaF,oBACEV,wCAACW,oBAAD;MACE,SAAS,EAAE,SAAA,CAAGvD,oBAAH,yBAAA,CADb;MAEE,OAAO,EAAEmD,OAFX;MAGE,GAAG,EAAEA,OAAO,CAACG,SAHf;MAIE,QAAQ,EAAGhC,iBAAiB,KAAK6B,OAAO,CAACG,SAJ3C;MAKE,OAAO,EAAE;QACPjC,aAAa,CAAC8B,OAAD,CAAb;QACA5B,oBAAoB,CAAC4B,OAAO,CAACG,SAAT,CAApB;;MARN;GAlBF,CAFJ,GAkCI,CAAAhD,0BAA0B,SAA1B,IAAAA,0BAA0B,WAA1B,SAAA,GAAAA,0BAA0B,EAA1B,kBACAsC,wCAACC,0BAAD;IAAa,IAAI,EAAEC,+BAAgB,CAACU;IAzC5C,CADF;AA+CD;;;;;"}
+{"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","PlaceHolder","PlaceHolderTypes","WRONG","SEARCHING","SEARCH_IN","length","message","messageType","MessageSearchFileItem","concat","messageId","MessageSearchItem","NO_RESULTS"],"mappings":"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"}

package/cjs/MessageSearch/context.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var tslib_es6 = require('../tslib.es6-36205d81.js');
+var tslib_es6 = require('../tslib.es6-8c7aa47e.js');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-f9e4bb55.js');
+require('../_rollupPluginBabelHelpers-17f5a2c8.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -278,7 +278,7 @@ function useSearchStringEffect(_a, _b) {
 
 var MessageSearchContext = /*#__PURE__*/React__default["default"].createContext(undefined);
 
-var MessageSearchProvider = function MessageSearchProvider(props) {
+var MessageSearchProvider = function (props) {
   var _a, _b, _c, _d, _e;
 
   var // message search props
@@ -313,7 +313,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 = React.useRef(null);
 
-  var handleOnScroll = function handleOnScroll(e) {
+  var handleOnScroll = function (e) {
     var scrollElement = e.target;
     var scrollTop = scrollElement.scrollTop,
         scrollHeight = scrollElement.scrollHeight,
@@ -363,7 +363,7 @@ var MessageSearchProvider = function MessageSearchProvider(props) {
     messageSearchDispatcher: messageSearchDispatcher
   });
 
-  var handleRetryToConnect = function handleRetryToConnect() {
+  var handleRetryToConnect = function () {
     setRetryCount(retryCount + 1);
   };
 
@@ -394,7 +394,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["default"].useContext(MessageSearchContext);
 };