@sendbird/uikit-react 3.4.6 → 3.4.7-rc.0

package/cjs/EditUserProfile.js

@@ -1,39 +1,41 @@
 'use strict';
 
 var React = require('react');
-var EditUserProfile_components_EditUserProfileUI = require('./index-8b5a13fe.js');
+var EditUserProfile_components_EditUserProfileUI = require('./index-b5fedf01.js');
 require('./ui/Modal.js');
 require('react-dom');
-require('./index-67f813a3.js');
-require('./LocalizationContext-498cb747.js');
-require('./stringSet-061fe0c1.js');
-require('./index-8b6bb1ee.js');
+require('./index-3522ce47.js');
+require('./LocalizationContext-08499fd8.js');
+require('./stringSet-43ba803e.js');
+require('./index-d817af55.js');
 require('./ui/Button.js');
-require('./tslib.es6-8f4b0cfe.js');
-require('./index-b8a20afd.js');
+require('./index-9c5f3445.js');
 require('prop-types');
 require('./ui/Icon.js');
 require('./ui/IconButton.js');
-require('./MediaQueryContext-b9c2ec1f.js');
+require('./_rollupPluginBabelHelpers-c04a5857.js');
+require('./MediaQueryContext-8a0d2426.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ui/Input.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-1ffa3b79.js');
+require('./uuid-b0cd103f.js');
 require('./ui/TextButton.js');
-require('./color-7f7508e6.js');
-require('./utils-1038446c.js');
-require('./actionTypes-0e0d2d59.js');
+require('./color-73cf0755.js');
+require('./utils-3a1f644a.js');
+require('./actionTypes-1fec1d92.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var EditProfile = function (props) {
-  var onEditProfile = props.onEditProfile,
-    onCancel = props.onCancel,
-    onThemeChange = props.onThemeChange;
+const EditProfile = props => {
+  const {
+    onEditProfile,
+    onCancel,
+    onThemeChange
+  } = props;
   return /*#__PURE__*/React__default["default"].createElement(EditUserProfile_components_EditUserProfileUI.EditUserProfileProvider, {
     onEditProfile: onEditProfile,
     onCancel: onCancel,

package/cjs/EditUserProfile.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditUserProfile.js","sources":["../../src/smart-components/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAMA,WAAW,GAAmC,UAACC,KAA2B,EAAA;AAE5E,EAAA,IAAAC,aAAa,GAGXD,KAAK,CAAAC,aAHM;IACbC,QAAQ,GAENF,KAAK,CAAAE,QAFC;IACRC,aAAa,GACXH,KAAK,cADM,CAAA;AAEf,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,oEAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,yBAAA,CAAAC,aAAA,CAACE,4DAAe,OAClB,CAA0B,CAAA;AAE9B;;;;"}
+{"version":3,"file":"EditUserProfile.js","sources":["../../src/modules/EditUserProfile/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport {\n  EditUserProfileProvider,\n  EditUserProfileProps,\n} from './context/EditUserProfIleProvider';\n\nimport EditUserProfile from './components/EditUserProfileUI';\n\nconst EditProfile: React.FC<EditUserProfileProps> = (props: EditUserProfileProps) => {\n  const {\n    onEditProfile,\n    onCancel,\n    onThemeChange,\n  } = props;\n  return (\n    <EditUserProfileProvider\n      onEditProfile={onEditProfile}\n      onCancel={onCancel}\n      onThemeChange={onThemeChange}\n    >\n      <EditUserProfile />\n    </EditUserProfileProvider>\n  )\n}\n\nexport default EditProfile;\n"],"names":["EditProfile","props","onEditProfile","onCancel","onThemeChange","React","createElement","EditUserProfileProvider","EditUserProfile"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASMA,MAAAA,WAA2C,GAAIC,KAA2B,IAAK;EACnF,MAAM;IACJC,aAAa;IACbC,QAAQ;AACRC,IAAAA,aAAAA;AACF,GAAC,GAAGH,KAAK,CAAA;AACT,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,oEAAuB,EAAA;AACtBL,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,aAAa,EAAEA,aAAAA;AAAc,GAAA,eAE7BC,yBAAA,CAAAC,aAAA,CAACE,4DAAe,EAAA,IAAE,CACK,CAAC,CAAA;AAE9B;;;;"}

package/cjs/{LocalizationContext-498cb747.js → LocalizationContext-08499fd8.js}

@@ -1,28 +1,28 @@
 'use strict';
 
 var React = require('react');
-var stringSet = require('./stringSet-061fe0c1.js');
-var index = require('./index-8b6bb1ee.js');
+var stringSet = require('./stringSet-43ba803e.js');
+var index = require('./index-d817af55.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
+const LocalizationContext = /*#__PURE__*/React__default["default"].createContext({
   stringSet: stringSet.getStringSet('en'),
   dateLocale: index.defaultLocale
 });
-var LocalizationProvider = function (props) {
-  var children = props.children;
+const LocalizationProvider = props => {
+  const {
+    children
+  } = props;
   return /*#__PURE__*/React__default["default"].createElement(LocalizationContext.Provider, {
     value: props
   }, children);
 };
-var useLocalization = function () {
-  return React__default["default"].useContext(LocalizationContext);
-};
+const useLocalization = () => React__default["default"].useContext(LocalizationContext);
 
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=LocalizationContext-498cb747.js.map
+//# sourceMappingURL=LocalizationContext-08499fd8.js.map

package/cjs/{LocalizationContext-498cb747.js.map → LocalizationContext-08499fd8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LocalizationContext-498cb747.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,IAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACb,CAAA,EAAC;AAQF,IAAMC,oBAAoB,GAAG,UAACC,KAAgC,EAAA;AACpD,EAAA,IAAAC,QAAQ,GAAKD,KAAK,CAAAC,QAAV,CAAA;AAChB,EAAA,oBACER,yBAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAAQ,CACoB,CAAA;AAEnC,EAAC;AAOD,IAAMI,eAAe,GAAwB,YAAM;AAAA,EAAA,OAAAZ,yBAAK,CAACa,UAAU,CAACd,mBAAmB,CAAC,CAAA;AAArC;;;;;;"}
+{"version":3,"file":"LocalizationContext-08499fd8.js","sources":["../../src/lib/LocalizationContext.tsx"],"sourcesContent":["import React from 'react';\n\nimport getStringSet from '../ui/Label/stringSet';\nimport type { Locale } from 'date-fns';\nimport en from 'date-fns/locale/en-US';\n\nconst LocalizationContext = React.createContext({\n  stringSet: getStringSet('en'),\n  dateLocale: en,\n});\n\ninterface LocalizationProviderProps {\n  stringSet: Record<string, string>;\n  dateLocale: Locale;\n  children: React.ReactElement;\n}\n\nconst LocalizationProvider = (props: LocalizationProviderProps): React.ReactElement => {\n  const { children } = props;\n  return (\n    <LocalizationContext.Provider value={props}>\n      {children}\n    </LocalizationContext.Provider>\n  );\n};\n\nexport type UseLocalizationType = () => {\n  stringSet: Record<string, string>;\n  dateLocale: globalThis.Locale;\n};\n\nconst useLocalization: UseLocalizationType = () => React.useContext(LocalizationContext);\n\nexport { LocalizationContext, LocalizationProvider, useLocalization };\n"],"names":["LocalizationContext","React","createContext","stringSet","getStringSet","dateLocale","en","LocalizationProvider","props","children","createElement","Provider","value","useLocalization","useContext"],"mappings":";;;;;;;;;;AAMA,MAAMA,mBAAmB,gBAAGC,yBAAK,CAACC,aAAa,CAAC;AAC9CC,EAAAA,SAAS,EAAEC,sBAAY,CAAC,IAAI,CAAC;AAC7BC,EAAAA,UAAU,EAAEC,mBAAAA;AACd,CAAC,EAAC;AAQIC,MAAAA,oBAAoB,GAAIC,KAAgC,IAAyB;EACrF,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGD,KAAK,CAAA;AAC1B,EAAA,oBACEP,yBAAA,CAAAS,aAAA,CAACV,mBAAmB,CAACW,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEJ,KAAAA;AAAM,GAAA,EACxCC,QAC2B,CAAC,CAAA;AAEnC,EAAC;AAOKI,MAAAA,eAAoC,GAAGA,MAAMZ,yBAAK,CAACa,UAAU,CAACd,mBAAmB;;;;;;"}

package/cjs/MediaQueryContext-8a0d2426.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var React = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DEFAULT_MOBILE = '0px';
+const MOBILE_CLASSNAME = 'sendbird--mobile-mode';
+const MediaQueryContext = /*#__PURE__*/React__default["default"].createContext({
+  mediaQueryBreakPoint: DEFAULT_MOBILE,
+  isMobile: false
+});
+const addClassNameToBody = () => {
+  try {
+    const body = document.querySelector('body');
+    body.classList.add(MOBILE_CLASSNAME);
+  } catch (_unused) {
+    // noop
+  }
+};
+const removeClassNameFromBody = () => {
+  try {
+    const body = document.querySelector('body');
+    body.classList.remove(MOBILE_CLASSNAME);
+  } catch (_unused2) {
+    // noop
+  }
+};
+const MediaQueryProvider = props => {
+  const {
+    children,
+    logger
+  } = props;
+  const mediaQueryBreakPoint = (props === null || props === void 0 ? void 0 : props.mediaQueryBreakPoint) || DEFAULT_MOBILE;
+  const [isMobile, setIsMobile] = React.useState(false);
+  React.useEffect(() => {
+    var _logger$info6;
+    const updateSize = () => {
+      if (typeof mediaQueryBreakPoint === 'boolean') {
+        setIsMobile(mediaQueryBreakPoint);
+        if (mediaQueryBreakPoint) {
+          var _logger$info;
+          logger === null || logger === void 0 ? void 0 : (_logger$info = logger.info) === null || _logger$info === void 0 ? void 0 : _logger$info.call(logger, 'MediaQueryProvider: isMobile: true');
+          addClassNameToBody();
+        } else {
+          var _logger$info2;
+          logger === null || logger === void 0 ? void 0 : (_logger$info2 = logger.info) === null || _logger$info2 === void 0 ? void 0 : _logger$info2.call(logger, 'MediaQueryProvider: isMobile: false');
+          removeClassNameFromBody();
+        }
+      } else {
+        var _logger$info3;
+        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);
+        logger === null || logger === void 0 ? void 0 : (_logger$info3 = logger.info) === null || _logger$info3 === void 0 ? void 0 : _logger$info3.call(logger, `MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);
+        if (mq.matches) {
+          var _logger$info4;
+          setIsMobile(true);
+          addClassNameToBody();
+          logger === null || logger === void 0 ? void 0 : (_logger$info4 = logger.info) === null || _logger$info4 === void 0 ? void 0 : _logger$info4.call(logger, 'MediaQueryProvider: isMobile: true');
+        } else {
+          var _logger$info5;
+          setIsMobile(false);
+          removeClassNameFromBody();
+          logger === null || logger === void 0 ? void 0 : (_logger$info5 = logger.info) === null || _logger$info5 === void 0 ? void 0 : _logger$info5.call(logger, 'MediaQueryProvider: isMobile: false');
+        }
+      }
+    };
+    updateSize();
+    window.addEventListener('resize', updateSize);
+    logger === null || logger === void 0 ? void 0 : (_logger$info6 = logger.info) === null || _logger$info6 === void 0 ? void 0 : _logger$info6.call(logger, 'MediaQueryProvider: addEventListener', updateSize);
+    return () => {
+      var _logger$info7;
+      window.removeEventListener('resize', updateSize);
+      logger === null || logger === void 0 ? void 0 : (_logger$info7 = logger.info) === null || _logger$info7 === void 0 ? void 0 : _logger$info7.call(logger, 'MediaQueryProvider: removeEventListener', updateSize);
+    };
+  }, [mediaQueryBreakPoint]);
+  return /*#__PURE__*/React__default["default"].createElement(MediaQueryContext.Provider, {
+    value: {
+      mediaQueryBreakPoint,
+      isMobile
+    }
+  }, children);
+};
+const useMediaQueryContext = () => React__default["default"].useContext(MediaQueryContext);
+
+exports.MediaQueryProvider = MediaQueryProvider;
+exports.useMediaQueryContext = useMediaQueryContext;
+//# sourceMappingURL=MediaQueryContext-8a0d2426.js.map

package/cjs/MediaQueryContext-8a0d2426.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MediaQueryContext-8a0d2426.js","sources":["../../src/lib/MediaQueryContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Logger } from './SendbirdState';\n\nconst DEFAULT_MOBILE = '0px';\nconst MOBILE_CLASSNAME = 'sendbird--mobile-mode';\n\nconst MediaQueryContext = React.createContext({\n  mediaQueryBreakPoint: DEFAULT_MOBILE,\n  isMobile: false,\n});\n\nexport interface MediaQueryProviderProps {\n  children: React.ReactElement;\n  mediaQueryBreakPoint?: string | boolean;\n  logger?: Logger;\n}\n\nconst addClassNameToBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.add(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst removeClassNameFromBody = () => {\n  try {\n    const body = document.querySelector('body');\n    body.classList.remove(MOBILE_CLASSNAME);\n  } catch {\n    // noop\n  }\n};\n\nconst MediaQueryProvider = (props: MediaQueryProviderProps): React.ReactElement => {\n  const {\n    children,\n    logger,\n  } = props;\n  const mediaQueryBreakPoint = props?.mediaQueryBreakPoint || DEFAULT_MOBILE;\n  const [isMobile, setIsMobile] = useState(false);\n  useEffect(() => {\n    const updateSize = () => {\n      if (typeof mediaQueryBreakPoint === 'boolean') {\n        setIsMobile(mediaQueryBreakPoint);\n        if (mediaQueryBreakPoint) {\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n          addClassNameToBody();\n        } else {\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n          removeClassNameFromBody();\n        }\n      } else {\n        const mq = window.matchMedia(`(max-width: ${mediaQueryBreakPoint})`);\n        logger?.info?.(`MediaQueryProvider: Screensize updated to ${mediaQueryBreakPoint}`);\n        if (mq.matches) {\n          setIsMobile(true);\n          addClassNameToBody();\n          logger?.info?.('MediaQueryProvider: isMobile: true');\n        } else {\n          setIsMobile(false);\n          removeClassNameFromBody();\n          logger?.info?.('MediaQueryProvider: isMobile: false');\n        }\n      }\n    }\n    updateSize();\n    window.addEventListener('resize', updateSize);\n    logger?.info?.('MediaQueryProvider: addEventListener', updateSize);\n    return () => {\n      window.removeEventListener('resize', updateSize);\n      logger?.info?.('MediaQueryProvider: removeEventListener', updateSize);\n    }\n  }, [mediaQueryBreakPoint]);\n  return (\n    <MediaQueryContext.Provider value={{ mediaQueryBreakPoint, isMobile }}>\n      {children}\n    </MediaQueryContext.Provider>\n  );\n};\n\nexport type useMediaQueryContextType = () => ({\n  mediaQueryBreakPoint: string | boolean;\n  isMobile: boolean;\n});\n\nconst useMediaQueryContext: useMediaQueryContextType = () => React.useContext(MediaQueryContext);\n\nexport { MediaQueryProvider, useMediaQueryContext };\n"],"names":["DEFAULT_MOBILE","MOBILE_CLASSNAME","MediaQueryContext","React","createContext","mediaQueryBreakPoint","isMobile","addClassNameToBody","body","document","querySelector","classList","add","_unused","removeClassNameFromBody","remove","_unused2","MediaQueryProvider","props","children","logger","setIsMobile","useState","useEffect","_logger$info6","updateSize","_logger$info","info","call","_logger$info2","_logger$info3","mq","window","matchMedia","matches","_logger$info4","_logger$info5","addEventListener","_logger$info7","removeEventListener","createElement","Provider","value","useMediaQueryContext","useContext"],"mappings":"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"}

package/cjs/MemberList-4b19299f.js

@@ -0,0 +1,401 @@
+'use strict';
+
+var React = require('react');
+var ui_Button = require('./ui/Button.js');
+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 _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-c04a5857.js');
+var ui_Modal = require('./ui/Modal.js');
+var ui_UserListItem = require('./ui/UserListItem.js');
+var utils = require('./utils-3a1f644a.js');
+var ChannelSettings_context = require('./ChannelSettings/context.js');
+var useSendbirdStateContext = require('./useSendbirdStateContext.js');
+var LocalizationContext = require('./LocalizationContext-08499fd8.js');
+var uuid = require('./uuid-b0cd103f.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function MembersModal(_ref) {
+  var _state$config;
+  let {
+    onCancel
+  } = _ref;
+  const [members, setMembers] = React.useState([]);
+  const [memberQuery, setMemberQuery] = React.useState(null);
+  const {
+    channel
+  } = ChannelSettings_context.useChannelSettingsContext();
+  const state = useSendbirdStateContext();
+  const currentUser = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.userId;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  React.useEffect(() => {
+    const memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 20
+    });
+    memberListQuery.next().then(members => {
+      setMembers(members);
+    });
+    setMemberQuery(memberListQuery);
+  }, []);
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    isFullScreenOnMobile: true,
+    hideFooter: true,
+    onCancel: () => 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: e => {
+      const {
+        hasNext
+      } = memberQuery;
+      const target = e.target;
+      const fetchMore = target.clientHeight + target.scrollTop === target.scrollHeight;
+      if (hasNext && fetchMore) {
+        memberQuery.next().then(o => {
+          setMembers([...members, ...o]);
+        });
+      }
+    }
+  }, members.map(member => /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
+    user: member,
+    key: member.userId,
+    currentUser: currentUser,
+    action: _ref2 => {
+      let {
+        parentRef,
+        actionRef
+      } = _ref2;
+      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: toggleDropdown => /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+          className: "sendbird-user-message__more__menu",
+          width: "32px",
+          height: "32px",
+          onClick: toggleDropdown
+        }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+          width: "24px",
+          height: "24px",
+          type: ui_Icon.IconTypes.MORE,
+          fillColor: ui_Icon.IconColors.CONTENT_INVERSE
+        })),
+        menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
+          parentContainRef: parentRef,
+          parentRef: actionRef // for catching location(x, y) of MenuItems
+          ,
+          closeDropdown: closeDropdown,
+          openLeft: true
+        }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          disable: currentUser === member.userId,
+          onClick: () => {
+            if (member.role !== 'operator') {
+              channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(() => {
+                setMembers(members.map(m => {
+                  if (m.userId === member.userId) {
+                    return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, member), {}, {
+                      role: 'operator'
+                    });
+                  }
+                  return m;
+                }));
+                closeDropdown();
+              });
+            } else {
+              channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(() => {
+                setMembers(members.map(m => {
+                  if (m.userId === member.userId) {
+                    return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, member), {}, {
+                      role: ''
+                    });
+                  }
+                  return m;
+                }));
+                closeDropdown();
+              });
+            }
+          }
+        }, 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 && channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          onClick: () => {
+            if (member.isMuted) {
+              channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(() => {
+                setMembers(members.map(m => {
+                  if (m.userId === member.userId) {
+                    return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, member), {}, {
+                      isMuted: false
+                    });
+                  }
+                  return m;
+                }));
+                closeDropdown();
+              });
+            } else {
+              channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(() => {
+                setMembers(members.map(m => {
+                  if (m.userId === member.userId) {
+                    return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, member), {}, {
+                      isMuted: true
+                    });
+                  }
+                  return m;
+                }));
+                closeDropdown();
+              });
+            }
+          }
+        }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          onClick: () => {
+            channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(() => {
+              setMembers(members.filter(_ref3 => {
+                let {
+                  userId
+                } = _ref3;
+                return userId !== member.userId;
+              }));
+            });
+          }
+        }, stringSet.CHANNEL_SETTING__MODERATION__BAN))
+      }));
+    }
+  })))));
+}
+
+const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
+function InviteUsers(_ref) {
+  var _state$stores, _state$stores$sdkStor, _state$config;
+  let {
+    onCancel,
+    onSubmit
+  } = _ref;
+  const [members, setMembers] = React.useState([]);
+  const [selectedMembers, setSelectedMembers] = React.useState({});
+  const [userQuery, setUserQuery] = React.useState(null);
+  const state = useSendbirdStateContext();
+  const sdk = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : (_state$stores$sdkStor = _state$stores.sdkStore) === null || _state$stores$sdkStor === void 0 ? void 0 : _state$stores$sdkStor.sdk;
+  const globalUserListQuery = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.userListQuery;
+  const {
+    channel,
+    overrideInviteUser,
+    queries
+  } = ChannelSettings_context.useChannelSettingsContext();
+  const userFilledQuery = _rollupPluginBabelHelpers._objectSpread2({}, queries === null || queries === void 0 ? void 0 : queries.applicationUserListQuery);
+  const {
+    stringSet
+  } = LocalizationContext.useLocalization();
+  React.useEffect(() => {
+    const userListQuery = globalUserListQuery ? globalUserListQuery() : sdk === null || sdk === void 0 ? void 0 : sdk.createApplicationUserListQuery(userFilledQuery);
+    if (userListQuery !== null && userListQuery !== void 0 && userListQuery.next) {
+      userListQuery.next().then(members => {
+        setMembers(members);
+      });
+      setUserQuery(userListQuery);
+    }
+  }, [sdk]);
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(ui_Modal["default"], {
+    isFullScreenOnMobile: true,
+    disabled: Object.keys(selectedMembers).length === 0,
+    submitText: stringSet.BUTTON__INVITE,
+    type: ui_Button.ButtonTypes.PRIMARY,
+    onCancel: () => onCancel(),
+    onSubmit: () => {
+      const members = Object.keys(selectedMembers).filter(m => selectedMembers[m]);
+      if (typeof overrideInviteUser === 'function') {
+        overrideInviteUser({
+          users: members,
+          onClose: onCancel,
+          channel
+        });
+        return;
+      }
+      channel === null || channel === void 0 ? void 0 : channel.inviteWithUserIds(members).then(() => {
+        onSubmit(members);
+      });
+    },
+    titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-more-members__popup-scroll",
+    onScroll: e => {
+      const {
+        hasNext
+      } = userQuery;
+      const target = e.target;
+      const fetchMore = isAboutSame(target.clientHeight + target.scrollTop, target.scrollHeight, 20);
+      if (hasNext && fetchMore) {
+        userQuery.next().then(users => {
+          setMembers([...members, ...users]);
+        });
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-more-members__popup-scroll__inner"
+  }, members.map(member => {
+    var _channel$members;
+    const isJoinedMember = channel === null || channel === void 0 ? void 0 : (_channel$members = channel.members) === null || _channel$members === void 0 ? void 0 : _channel$members.some(_ref2 => {
+      let {
+        userId
+      } = _ref2;
+      return userId === (member === null || member === void 0 ? void 0 : member.userId);
+    });
+    return /*#__PURE__*/React__default["default"].createElement(ui_UserListItem, {
+      checkBox: true,
+      checked: isJoinedMember || selectedMembers[member.userId],
+      disabled: isJoinedMember,
+      onChange: event => {
+        const modifiedSelectedMembers = _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, selectedMembers), {}, {
+          [event.target.id]: event.target.checked
+        });
+        if (!event.target.checked) {
+          delete modifiedSelectedMembers[event.target.id];
+        }
+        setSelectedMembers(modifiedSelectedMembers);
+      },
+      user: member,
+      key: member.userId
+    });
+  })))));
+}
+
+const MemberList = () => {
+  var _state$stores, _state$stores$sdkStor, _state$config;
+  const [members, setMembers] = React.useState([]);
+  const [hasNext, setHasNext] = React.useState(false);
+  const [showAllMembers, setShowAllMembers] = React.useState(false);
+  const [showInviteUsers, setShowInviteUsers] = React.useState(false);
+  const state = useSendbirdStateContext();
+  const {
+    channel,
+    setChannelUpdateId
+  } = ChannelSettings_context.useChannelSettingsContext();
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const sdk = state === null || state === void 0 ? void 0 : (_state$stores = state.stores) === null || _state$stores === void 0 ? void 0 : (_state$stores$sdkStor = _state$stores.sdkStore) === null || _state$stores$sdkStor === void 0 ? void 0 : _state$stores$sdkStor.sdk;
+  const userId = state === null || state === void 0 ? void 0 : (_state$config = state.config) === null || _state$config === void 0 ? void 0 : _state$config.userId;
+  React.useEffect(() => {
+    if (!channel) {
+      setMembers([]);
+      return;
+    }
+    const memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10
+    });
+    memberUserListQuery.next().then(members => {
+      setMembers(members);
+      setHasNext(memberUserListQuery.hasNext);
+    });
+  }, [channel]);
+  const refreshList = React.useCallback(() => {
+    if (!channel) {
+      setMembers([]);
+      return;
+    }
+    const memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+      limit: 10
+    });
+    memberUserListQuery.next().then(members => {
+      setMembers(members);
+      setHasNext(memberUserListQuery.hasNext);
+      setChannelUpdateId(uuid.uuidv4());
+    });
+  }, [channel]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-settings-member-list sendbird-accordion"
+  }, members.map(member => /*#__PURE__*/React__default["default"].createElement(ChannelSettings_components_UserListItem, {
+    key: member.userId,
+    user: member,
+    currentUser: sdk.currentUser.userId,
+    action: (channel === null || channel === void 0 ? void 0 : channel.myRole) === 'operator' && userId !== member.userId ? _ref => {
+      let {
+        actionRef,
+        parentRef
+      } = _ref;
+      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
+        menuTrigger: toggleDropdown => /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
+          className: "sendbird-user-message__more__menu",
+          width: "32px",
+          height: "32px",
+          onClick: toggleDropdown
+        }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
+          width: "24px",
+          height: "24px",
+          type: ui_Icon.IconTypes.MORE,
+          fillColor: ui_Icon.IconColors.CONTENT_INVERSE
+        })),
+        menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
+          parentContainRef: parentRef,
+          parentRef: actionRef // for catching location(x, y) of MenuItems
+          ,
+          closeDropdown: closeDropdown,
+          openLeft: true
+        }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          onClick: () => {
+            if (member.role !== 'operator') {
+              channel === null || channel === void 0 ? void 0 : channel.addOperators([member.userId]).then(() => {
+                refreshList();
+                closeDropdown();
+              });
+            } else {
+              channel === null || channel === void 0 ? void 0 : channel.removeOperators([member.userId]).then(() => {
+                refreshList();
+                closeDropdown();
+              });
+            }
+          }
+        }, 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 && channel.isBroadcast) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          onClick: () => {
+            if (member.isMuted) {
+              channel === null || channel === void 0 ? void 0 : channel.unmuteUser(member).then(() => {
+                refreshList();
+                closeDropdown();
+              });
+            } else {
+              channel === null || channel === void 0 ? void 0 : channel.muteUser(member).then(() => {
+                refreshList();
+                closeDropdown();
+              });
+            }
+          }
+        }, member.isMuted ? stringSet.CHANNEL_SETTING__MODERATION__UNMUTE : stringSet.CHANNEL_SETTING__MODERATION__MUTE), /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
+          onClick: () => {
+            channel === null || channel === void 0 ? void 0 : channel.banUser(member, -1, '').then(() => {
+              refreshList();
+              closeDropdown();
+            });
+          }
+        }, stringSet.CHANNEL_SETTING__MODERATION__BAN))
+      });
+    } : null
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "sendbird-channel-settings-accordion__footer"
+  }, hasNext && /*#__PURE__*/React__default["default"].createElement(ui_Button["default"], {
+    type: ui_Button.ButtonTypes.SECONDARY,
+    size: ui_Button.ButtonSizes.SMALL,
+    onClick: () => 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: () => setShowInviteUsers(true)
+  }, stringSet.CHANNEL_SETTING__MEMBERS__INVITE_MEMBER)), showAllMembers && /*#__PURE__*/React__default["default"].createElement(MembersModal, {
+    onCancel: () => {
+      setShowAllMembers(false);
+      refreshList();
+    }
+  }), showInviteUsers && /*#__PURE__*/React__default["default"].createElement(InviteUsers, {
+    onSubmit: () => {
+      setShowInviteUsers(false);
+      refreshList();
+    },
+    onCancel: () => setShowInviteUsers(false)
+  }));
+};
+
+exports.MemberList = MemberList;
+//# sourceMappingURL=MemberList-4b19299f.js.map