@sendbird/uikit-react 3.14.11 → 3.14.12-rc.0

package/cjs/chunks/{bundle-pHnJ7iYa.js → bundle-CS6Aibfk.js}

@@ -25,4 +25,4 @@ var changeColorToClassName = function (color) {
 };
 
 exports.changeColorToClassName = changeColorToClassName;
-//# sourceMappingURL=bundle-pHnJ7iYa.js.map
+//# sourceMappingURL=bundle-CS6Aibfk.js.map

package/cjs/chunks/bundle-CS6Aibfk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CS6Aibfk.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-_ghqr1tN.js → bundle-CTGjIAK4.js}

@@ -70,4 +70,4 @@ function toDate(argument) {
 exports._typeof = _typeof;
 exports.requiredArgs = requiredArgs;
 exports.toDate = toDate;
-//# sourceMappingURL=bundle-_ghqr1tN.js.map
+//# sourceMappingURL=bundle-CTGjIAK4.js.map

package/cjs/chunks/{bundle-_ghqr1tN.js.map → bundle-CTGjIAK4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"bundle-_ghqr1tN.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":";;AAAe,SAAS,OAAO,CAAC,CAAC,EAAE;AACnC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC,CAAC;AACpB,GAAG,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AACxH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD;AACA;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACxC,GAAG,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC,CAAC;AACzO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK;AACL,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;;;;;;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"bundle-CTGjIAK4.js","sources":["../../../node_modules/@babel/runtime/helpers/esm/typeof.js","../../../node_modules/date-fns/esm/_lib/requiredArgs/index.js","../../../node_modules/date-fns/esm/toDate/index.js"],"sourcesContent":["export default function _typeof(o) {\n  \"@babel/helpers - typeof\";\n\n  return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (o) {\n    return typeof o;\n  } : function (o) {\n    return o && \"function\" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? \"symbol\" : typeof o;\n  }, _typeof(o);\n}","export default function requiredArgs(required, args) {\n  if (args.length < required) {\n    throw new TypeError(required + ' argument' + (required > 1 ? 's' : '') + ' required, but only ' + args.length + ' present');\n  }\n}","import _typeof from \"@babel/runtime/helpers/esm/typeof\";\nimport requiredArgs from \"../_lib/requiredArgs/index.js\";\n/**\n * @name toDate\n * @category Common Helpers\n * @summary Convert the given argument to an instance of Date.\n *\n * @description\n * Convert the given argument to an instance of Date.\n *\n * If the argument is an instance of Date, the function returns its clone.\n *\n * If the argument is a number, it is treated as a timestamp.\n *\n * If the argument is none of the above, the function returns Invalid Date.\n *\n * **Note**: *all* Date arguments passed to any *date-fns* function is processed by `toDate`.\n *\n * @param {Date|Number} argument - the value to convert\n * @returns {Date} the parsed date in the local time zone\n * @throws {TypeError} 1 argument required\n *\n * @example\n * // Clone the date:\n * const result = toDate(new Date(2014, 1, 11, 11, 30, 30))\n * //=> Tue Feb 11 2014 11:30:30\n *\n * @example\n * // Convert the timestamp to date:\n * const result = toDate(1392098430000)\n * //=> Tue Feb 11 2014 11:30:30\n */\nexport default function toDate(argument) {\n  requiredArgs(1, arguments);\n  var argStr = Object.prototype.toString.call(argument);\n\n  // Clone the date\n  if (argument instanceof Date || _typeof(argument) === 'object' && argStr === '[object Date]') {\n    // Prevent the date to lose the milliseconds when passed to new Date() in IE10\n    return new Date(argument.getTime());\n  } else if (typeof argument === 'number' || argStr === '[object Number]') {\n    return new Date(argument);\n  } else {\n    if ((typeof argument === 'string' || argStr === '[object String]') && typeof console !== 'undefined') {\n      // eslint-disable-next-line no-console\n      console.warn(\"Starting with v2.0.0-beta.1 date-fns doesn't accept strings as date arguments. Please use `parseISO` to parse strings. See: https://github.com/date-fns/date-fns/blob/master/docs/upgradeGuide.md#string-arguments\");\n      // eslint-disable-next-line no-console\n      console.warn(new Error().stack);\n    }\n    return new Date(NaN);\n  }\n}"],"names":[],"mappings":";;AAAe,SAAS,OAAO,CAAC,CAAC,EAAE;AACnC,EAAE,yBAAyB,CAAC;AAC5B;AACA,EAAE,OAAO,OAAO,GAAG,UAAU,IAAI,OAAO,MAAM,IAAI,QAAQ,IAAI,OAAO,MAAM,CAAC,QAAQ,GAAG,UAAU,CAAC,EAAE;AACpG,IAAI,OAAO,OAAO,CAAC,CAAC;AACpB,GAAG,GAAG,UAAU,CAAC,EAAE;AACnB,IAAI,OAAO,CAAC,IAAI,UAAU,IAAI,OAAO,MAAM,IAAI,CAAC,CAAC,WAAW,KAAK,MAAM,IAAI,CAAC,KAAK,MAAM,CAAC,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAC;AACxH,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC;AAChB;;ACRe,SAAS,YAAY,CAAC,QAAQ,EAAE,IAAI,EAAE;AACrD,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,QAAQ,EAAE;AAC9B,IAAI,MAAM,IAAI,SAAS,CAAC,QAAQ,GAAG,WAAW,IAAI,QAAQ,GAAG,CAAC,GAAG,GAAG,GAAG,EAAE,CAAC,GAAG,sBAAsB,GAAG,IAAI,CAAC,MAAM,GAAG,UAAU,CAAC,CAAC;AAChI,GAAG;AACH;;ACFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAAS,MAAM,CAAC,QAAQ,EAAE;AACzC,EAAE,YAAY,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAC7B,EAAE,IAAI,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;AACxD;AACA;AACA,EAAE,IAAI,QAAQ,YAAY,IAAI,IAAI,OAAO,CAAC,QAAQ,CAAC,KAAK,QAAQ,IAAI,MAAM,KAAK,eAAe,EAAE;AAChG;AACA,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;AACxC,GAAG,MAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,EAAE;AAC3E,IAAI,OAAO,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;AAC9B,GAAG,MAAM;AACT,IAAI,IAAI,CAAC,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM,KAAK,iBAAiB,KAAK,OAAO,OAAO,KAAK,WAAW,EAAE;AAC1G;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,oNAAoN,CAAC,CAAC;AACzO;AACA,MAAM,OAAO,CAAC,IAAI,CAAC,IAAI,KAAK,EAAE,CAAC,KAAK,CAAC,CAAC;AACtC,KAAK;AACL,IAAI,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,GAAG;AACH;;;;;;","x_google_ignoreList":[0,1,2]}

package/cjs/chunks/{bundle-CBh1SxbG.js → bundle-CUXyY7Ya.js}

@@ -17,4 +17,4 @@ function useKeyDown(ref, keyDownCallbackMap) {
 }
 
 exports.useKeyDown = useKeyDown;
-//# sourceMappingURL=bundle-CBh1SxbG.js.map
+//# sourceMappingURL=bundle-CUXyY7Ya.js.map

package/cjs/chunks/bundle-CUXyY7Ya.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CUXyY7Ya.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DtRTqOfd.js → bundle-CcPtH7Ym.js}

@@ -33,4 +33,4 @@ function useToggleReactionCallback(currentChannel, logger) {
 }
 
 exports.useToggleReactionCallback = useToggleReactionCallback;
-//# sourceMappingURL=bundle-DtRTqOfd.js.map
+//# sourceMappingURL=bundle-CcPtH7Ym.js.map

package/cjs/chunks/bundle-CcPtH7Ym.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CcPtH7Ym.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-CZSzX1AI.js → bundle-Ce-SrNLP.js}

@@ -81,4 +81,4 @@ exports.SET_CHANNEL_INVALID = SET_CHANNEL_INVALID;
 exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
-//# sourceMappingURL=bundle-CZSzX1AI.js.map
+//# sourceMappingURL=bundle-Ce-SrNLP.js.map

package/cjs/chunks/bundle-Ce-SrNLP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Ce-SrNLP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/bundle-CivEuw8I.js

@@ -0,0 +1,330 @@
+'use strict';
+
+var _tslib = require('./bundle-CJ4C_lQr.js');
+var React = require('react');
+var LocalizationContext = require('./bundle-DnchMcYp.js');
+var ChannelSettings_context = require('../ChannelSettings/context.js');
+var ui_Button = require('../ui/Button.js');
+var UserListItemMenu = require('./bundle-BIkirlfD.js');
+var ui_UserListItem = require('../ui/UserListItem.js');
+var ui_Modal = require('./bundle-BVG8wAfm.js');
+var index = require('./bundle-D4m96G3Z.js');
+var ui_Label = require('./bundle-Dq9xVvbD.js');
+var groupChannel = require('@sendbird/chat/groupChannel');
+var utils = require('./bundle-CxcGHjPH.js');
+var MemberList = require('./bundle-PsjwQZq3.js');
+
+function OperatorsModal(_a) {
+    var _this = this;
+    var onCancel = _a.onCancel, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), operators = _c[0], setOperators = _c[1];
+    var _d = React.useState(null), operatorQuery = _d[0], setOperatorQuery = _d[1];
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    React.useEffect(function () {
+        var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({
+            limit: 20,
+        });
+        operatorListQuery === null || operatorListQuery === void 0 ? void 0 : operatorListQuery.next().then(function (operators) {
+            setOperators(operators);
+        });
+        setOperatorQuery(operatorListQuery !== null && operatorListQuery !== void 0 ? operatorListQuery : null);
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, titleText: stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL, onCancel: onCancel },
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        return _tslib.__generator(this, function (_a) {
+                            if (operatorQuery && operatorQuery.hasNext) {
+                                operatorQuery.next().then(function (o) {
+                                    setOperators(_tslib.__spreadArray(_tslib.__spreadArray([], operators, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); },
+                }) }, operators.map(function (member) { return (renderUserListItem({
+                key: member.userId,
+                user: member,
+                channel: channel,
+                renderListItemMenu: function (props) { return (React.createElement(UserListItemMenu.UserListItemMenu, _tslib.__assign({}, props, { isOperator: true, onToggleOperatorState: function (_a) {
+                        var user = _a.user;
+                        setOperators(operators.filter(function (_a) {
+                            var userId = _a.userId;
+                            return userId !== user.userId;
+                        }));
+                    }, renderMenuItems: function (_a) {
+                        var items = _a.items;
+                        return (React.createElement(items.OperatorToggleMenuItem, null));
+                    } }))); },
+            })); })))));
+}
+
+function AddOperatorsModal(_a) {
+    var _this = this;
+    var onCancel = _a.onCancel, onSubmit = _a.onSubmit, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
+    var _d = React.useState({}), selectedMembers = _d[0], setSelectedMembers = _d[1];
+    var _e = React.useState(null), memberQuery = _e[0], setMemberQuery = _e[1];
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    React.useEffect(function () {
+        var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+            operatorFilter: groupChannel.OperatorFilter.NONOPERATOR,
+            limit: 20,
+        });
+        memberListQuery === null || memberListQuery === void 0 ? void 0 : memberListQuery.next().then(function (members) {
+            setMembers(members);
+        });
+        setMemberQuery(memberListQuery !== null && memberListQuery !== void 0 ? memberListQuery : null);
+    }, []);
+    var selectedCount = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; }).length;
+    return (React.createElement("div", null,
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, type: ui_Button.ButtonTypes.PRIMARY, submitText: stringSet.CHANNEL_SETTING__OPERATORS__ADD_BUTTON, onCancel: onCancel, onSubmit: function () {
+                var members = Object.keys(selectedMembers).filter(function (m) { return selectedMembers[m]; });
+                channel === null || channel === void 0 ? void 0 : channel.addOperators(members).then(function () {
+                    onSubmit(members);
+                });
+            }, titleText: stringSet.CHANNEL_SETTING__MEMBERS__SELECT_TITLE },
+            React.createElement(ui_Label.Label, { color: (selectedCount > 0) ? ui_Label.LabelColors.PRIMARY : ui_Label.LabelColors.ONBACKGROUND_3, type: ui_Label.LabelTypography.CAPTION_1 }, "".concat(selectedCount, " ").concat(stringSet.MODAL__INVITE_MEMBER__SELECTED)),
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); },
+                }) }, members.map(function (member) { return (renderUserListItem({
+                user: member,
+                key: member.userId,
+                checkBox: true,
+                checked: selectedMembers[member.userId],
+                disabled: (member === null || member === void 0 ? void 0 : member.role) === 'operator',
+                onChange: function (event) {
+                    var _a;
+                    var modifiedSelectedMembers = _tslib.__assign(_tslib.__assign({}, selectedMembers), (_a = {}, _a[event.target.id] = event.target.checked, _a));
+                    if (!event.target.checked) {
+                        delete modifiedSelectedMembers[event.target.id];
+                    }
+                    setSelectedMembers(modifiedSelectedMembers);
+                },
+            })); })))));
+}
+
+var OperatorList = function (_a) {
+    var _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), operators = _c[0], setOperators = _c[1];
+    var _d = React.useState(false), showMore = _d[0], setShowMore = _d[1];
+    var _e = React.useState(false), showAdd = _e[0], setShowAdd = _e[1];
+    var _f = React.useState(false), hasNext = _f[0], setHasNext = _f[1];
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var refreshList = React.useCallback(function () {
+        if (!channel) {
+            setOperators([]);
+            return;
+        }
+        var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery({ limit: 10 });
+        operatorListQuery.next().then(function (operators) {
+            setOperators(operators);
+            setHasNext(operatorListQuery.hasNext);
+        });
+    }, [channel === null || channel === void 0 ? void 0 : channel.url, channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery]);
+    React.useEffect(refreshList, [channel === null || channel === void 0 ? void 0 : channel.url]);
+    return (React.createElement(React.Fragment, null,
+        operators.map(function (operator) { return (renderUserListItem({
+            key: operator.userId,
+            user: operator,
+            channel: channel,
+            size: 'small',
+            avatarSize: '24px',
+            renderListItemMenu: function (props) { return (React.createElement(UserListItemMenu.UserListItemMenu, _tslib.__assign({}, props, { 
+                /**
+                 * isOperator:
+                 * The ReturnType of createOperatorListQuery is User[].
+                 * We can't determine if this user is an operator, because User doesn't have a `role` property.
+                 * Therefore, we need to explicitly specify that this user is an operator.
+                */
+                isOperator: true, onToggleOperatorState: function () {
+                    // Limitation to server-side table update delay.
+                    setTimeout(function () {
+                        refreshList();
+                    }, 500);
+                }, renderMenuItems: function (_a) {
+                    var items = _a.items;
+                    return (React.createElement(items.OperatorToggleMenuItem, null));
+                } }))); },
+        })); }),
+        React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
+            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
+                    setShowAdd(true);
+                } }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ADD),
+            hasNext && (React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
+                    setShowMore(true);
+                } }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE_ALL))),
+        showMore && (React.createElement(OperatorsModal, { onCancel: function () {
+                setShowMore(false);
+                refreshList();
+            }, renderUserListItem: renderUserListItem })),
+        showAdd && (React.createElement(AddOperatorsModal, { onCancel: function () { return setShowAdd(false); }, onSubmit: function () {
+                /**
+                 * Limitation to server-side table update delay.
+                 */
+                setTimeout(function () {
+                    refreshList();
+                }, 500);
+                setShowAdd(false);
+            }, renderUserListItem: renderUserListItem }))));
+};
+
+function BannedUsersModal(_a) {
+    var _this = this;
+    var onCancel = _a.onCancel, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
+    var _d = React.useState(null), memberQuery = _d[0], setMemberQuery = _d[1];
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    React.useEffect(function () {
+        var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery();
+        if (bannedUserListQuery) {
+            bannedUserListQuery.next().then(function (users) {
+                setMembers(users);
+            });
+            setMemberQuery(bannedUserListQuery);
+        }
+    }, []);
+    return (React.createElement("div", null,
+        React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, hideFooter: true, onCancel: function () { return onCancel(); }, onSubmit: utils.noop, titleText: stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE },
+            React.createElement("div", { className: "sendbird-more-members__popup-scroll", onScroll: index.useOnScrollPositionChangeDetector({
+                    onReachedBottom: function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+                        var hasNext;
+                        return _tslib.__generator(this, function (_a) {
+                            if (!memberQuery)
+                                return [2 /*return*/];
+                            hasNext = memberQuery.hasNext;
+                            if (hasNext) {
+                                memberQuery.next().then(function (o) {
+                                    setMembers(_tslib.__spreadArray(_tslib.__spreadArray([], members, true), o, true));
+                                });
+                            }
+                            return [2 /*return*/];
+                        });
+                    }); },
+                }) }, members.map(function (member) { return (renderUserListItem({
+                user: member,
+                key: member.userId,
+                channel: channel,
+                renderListItemMenu: function (props) { return (React.createElement(UserListItemMenu.UserListItemMenu, _tslib.__assign({}, props, { isBanned: true, onToggleBanState: function () {
+                        setMembers(members.filter(function (m) {
+                            return (m.userId !== member.userId);
+                        }));
+                    }, renderMenuItems: function (_a) {
+                        var items = _a.items;
+                        return React.createElement(items.BanToggleMenuItem, null);
+                    } }))); },
+            })); })))));
+}
+
+var BannedUserList = function (_a) {
+    var _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
+    var _d = React.useState(false), hasNext = _d[0], setHasNext = _d[1];
+    var _e = React.useState(false), showModal = _e[0], setShowModal = _e[1];
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var refreshList = React.useCallback(function () {
+        if (!channel) {
+            setMembers([]);
+            return;
+        }
+        var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery({ limit: 10 });
+        bannedUserListQuery.next().then(function (users) {
+            setMembers(users);
+            setHasNext(bannedUserListQuery.hasNext);
+        });
+    }, [channel === null || channel === void 0 ? void 0 : channel.url, channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery]);
+    React.useEffect(refreshList, [channel === null || channel === void 0 ? void 0 : channel.url]);
+    return (React.createElement(React.Fragment, null,
+        members.map(function (member) { return (renderUserListItem({
+            key: member.userId,
+            user: member,
+            channel: channel,
+            size: 'small',
+            avatarSize: '24px',
+            renderListItemMenu: function (props) { return (React.createElement(UserListItemMenu.UserListItemMenu, _tslib.__assign({}, props, { isBanned: true, onToggleBanState: function () { return refreshList(); }, renderMenuItems: function (_a) {
+                    var items = _a.items;
+                    return (React.createElement(items.BanToggleMenuItem, null));
+                } }))); },
+        })); }),
+        members && members.length === 0 && (React.createElement(ui_Label.Label, { className: "sendbird-channel-settings__empty-list", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__MODERATION__EMPTY_BAN)),
+        hasNext && (React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
+            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
+                    setShowModal(true);
+                } }, stringSet.CHANNEL_SETTING__MODERATION__ALL_BAN))),
+        showModal && (React.createElement(BannedUsersModal, { onCancel: function () {
+                setShowModal(false);
+                refreshList();
+            }, renderUserListItem: renderUserListItem }))));
+};
+
+var MutedMemberList = function (_a) {
+    var _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React.createElement(ui_UserListItem.UserListItem, _tslib.__assign({}, props)); } : _b;
+    var _c = React.useState([]), members = _c[0], setMembers = _c[1];
+    var _d = React.useState(false), hasNext = _d[0], setHasNext = _d[1];
+    var _e = React.useState(false), showModal = _e[0], setShowModal = _e[1];
+    var stringSet = LocalizationContext.useLocalization().stringSet;
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    var refreshList = React.useCallback(function () {
+        if (!channel) {
+            setMembers([]);
+            return;
+        }
+        var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
+            limit: 10,
+            // @ts-ignore
+            mutedMemberFilter: 'muted',
+        });
+        memberUserListQuery.next().then(function (members) {
+            setMembers(members);
+            setHasNext(memberUserListQuery.hasNext);
+        });
+    }, [channel === null || channel === void 0 ? void 0 : channel.url, channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery]);
+    React.useEffect(refreshList, [channel === null || channel === void 0 ? void 0 : channel.url]);
+    return (React.createElement(React.Fragment, null,
+        members.map(function (member) { return (renderUserListItem({
+            key: member.userId,
+            user: member,
+            channel: channel,
+            size: 'small',
+            avatarSize: '24px',
+            renderListItemMenu: function (props) { return (React.createElement(UserListItemMenu.UserListItemMenu, _tslib.__assign({}, props, { onToggleMuteState: function () {
+                    // Limitation to server-side table update delay.
+                    setTimeout(function () {
+                        refreshList();
+                    }, 500);
+                }, renderMenuItems: function (_a) {
+                    var items = _a.items;
+                    return (React.createElement(items.MuteToggleMenuItem, null));
+                } }))); },
+        })); }),
+        members && members.length === 0 && (React.createElement(ui_Label.Label, { className: "sendbird-channel-settings__empty-list", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_3 }, stringSet.CHANNEL_SETTING__NO_UNMUTED)),
+        hasNext && (React.createElement("div", { className: "sendbird-channel-settings-accordion__footer" },
+            React.createElement(ui_Button.default, { type: ui_Button.ButtonTypes.SECONDARY, size: ui_Button.ButtonSizes.SMALL, onClick: function () {
+                    setShowModal(true);
+                } }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE_ALL))),
+        showModal && (React.createElement(MemberList.MembersModal, { onCancel: function () {
+                setShowModal(false);
+                refreshList();
+            }, renderUserListItem: renderUserListItem }))));
+};
+
+exports.BannedUserList = BannedUserList;
+exports.MutedMemberList = MutedMemberList;
+exports.OperatorList = OperatorList;
+//# sourceMappingURL=bundle-CivEuw8I.js.map

package/cjs/chunks/bundle-CivEuw8I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CivEuw8I.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DrXi0pqH.js → bundle-CjZy-Zrw.js}

@@ -34,4 +34,4 @@ var pubSubFactory = function (opts) {
 };
 
 exports.pubSubFactory = pubSubFactory;
-//# sourceMappingURL=bundle-DrXi0pqH.js.map
+//# sourceMappingURL=bundle-CjZy-Zrw.js.map

package/cjs/chunks/bundle-CjZy-Zrw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CjZy-Zrw.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-U0Gf3_8u.js → bundle-Ckd5KYz3.js}

@@ -3,4 +3,4 @@
 var OG_MESSAGE_BODY_CLASSNAME = 'sendbird-og-message-item-body__text-bubble';
 
 exports.OG_MESSAGE_BODY_CLASSNAME = OG_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-U0Gf3_8u.js.map
+//# sourceMappingURL=bundle-Ckd5KYz3.js.map

package/cjs/chunks/bundle-Ckd5KYz3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Ckd5KYz3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/chunks/{bundle-CBAwxd6y.js → bundle-CkjbnhTX.js}

@@ -49,4 +49,4 @@ function useThrottleCallback(callback, delay, options) {
 }
 
 exports.useThrottleCallback = useThrottleCallback;
-//# sourceMappingURL=bundle-CBAwxd6y.js.map
+//# sourceMappingURL=bundle-CkjbnhTX.js.map

package/cjs/chunks/bundle-CkjbnhTX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CkjbnhTX.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-C3zlCumC.js → bundle-CmkbYxXK.js}

@@ -22,4 +22,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 exports.useReconnectOnIdle = useReconnectOnIdle;
-//# sourceMappingURL=bundle-C3zlCumC.js.map
+//# sourceMappingURL=bundle-CmkbYxXK.js.map

package/cjs/chunks/bundle-CmkbYxXK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CmkbYxXK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-ED_4YBBi.js → bundle-Cmy4ykuZ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var ui_Label = require('./bundle-ChQCtrna.js');
+var ui_Label = require('./bundle-Dq9xVvbD.js');
 
 var getChannelTitle = function (channel, currentUserId, stringSet) {
     var _a;
@@ -24,4 +24,4 @@ var getChannelTitle = function (channel, currentUserId, stringSet) {
 };
 
 exports.getChannelTitle = getChannelTitle;
-//# sourceMappingURL=bundle-ED_4YBBi.js.map
+//# sourceMappingURL=bundle-Cmy4ykuZ.js.map

package/cjs/chunks/bundle-Cmy4ykuZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Cmy4ykuZ.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DJB8l2Ke.js → bundle-Cuo8RPsP.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_ContextMenu = require('../ui/ContextMenu.js');
+var ui_ContextMenu = require('./bundle-6P-e5JVH.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-NcZ2-bR4.js');
+var LocalizationContext = require('./bundle-DnchMcYp.js');
 
 var OpenChannelMessageStatusTypes = {
     NONE: 'none',
@@ -73,24 +73,24 @@ var OpenChannelMobileMenu = function (props) {
     var stringSet = LocalizationContext.useLocalization().stringSet;
     var userId = (_b = (_a = useSendbirdStateContext.useSendbirdStateContext()) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.userId;
     var fileMessage = message;
-    return (React.createElement(ui_ContextMenu.default, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
-            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
+    return (React.createElement(ui_ContextMenu.ContextMenu, { isOpen: true, menuItems: function () { return (React.createElement(ui_ContextMenu.MenuItems, { className: "sendbird-openchannel__mobile-menu", parentRef: parentRef, parentContainRef: parentRef, closeDropdown: hideMenu },
+            isFineCopy({ message: userMessage, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__copy", onClick: function () {
                     copyToClipboard === null || copyToClipboard === void 0 ? void 0 : copyToClipboard();
                 }, testID: "open_channel_mobile_context_menu_copy" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__COPY))),
-            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
+            (!isEphemeral && isFineEdit({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { className: "sendbird-openchannel-og-message__top__context-menu__edit", onClick: function () {
                     showEdit === null || showEdit === void 0 ? void 0 : showEdit();
                 }, testID: "open_channel_mobile_context_menu_edit" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__EDIT))),
-            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+            isFineResend({ message: message, userId: userId, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     resendMessage === null || resendMessage === void 0 ? void 0 : resendMessage();
                 }, testID: "open_channel_mobile_context_menu_resend" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__RESEND))),
-            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+            (!isEphemeral && isFineDelete({ message: message, userId: userId, status: status })) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     showRemove === null || showRemove === void 0 ? void 0 : showRemove();
                 }, testID: "open_channel_mobile_context_menu_delete" },
                 React.createElement(React.Fragment, null, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))),
-            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem, { onClick: function () {
+            isFineDownload({ message: message, status: status }) && (React.createElement(ui_ContextMenu.MenuItem$1, { onClick: function () {
                     hideMenu();
                 }, testID: "open_channel_mobile_context_menu_download_file" },
                 React.createElement("a", { className: "sendbird-openchannel__mobile-menu-hyperlink", rel: "noopener noreferrer", href: fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.url, target: "_blank" }, stringSet.CONTEXT_MENU_DROPDOWN__SAVE))))); } }));
@@ -106,4 +106,4 @@ exports.isFineDelete = isFineDelete;
 exports.isFineEdit = isFineEdit;
 exports.isFineResend = isFineResend;
 exports.showMenuTrigger = showMenuTrigger;
-//# sourceMappingURL=bundle-DJB8l2Ke.js.map
+//# sourceMappingURL=bundle-Cuo8RPsP.js.map

package/cjs/chunks/bundle-Cuo8RPsP.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-Cuo8RPsP.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-Cslxj9Oh.js → bundle-CxcGHjPH.js}

@@ -34,4 +34,4 @@ exports.classnames = classnames;
 exports.deleteNullish = deleteNullish;
 exports.noop = noop;
 exports.openURL = openURL;
-//# sourceMappingURL=bundle-Cslxj9Oh.js.map
+//# sourceMappingURL=bundle-CxcGHjPH.js.map

package/cjs/chunks/bundle-CxcGHjPH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-CxcGHjPH.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DxSO6sB7.js → bundle-D06Ef6XT.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var React = require('react');
-var ui_Modal = require('./bundle-DgLInKvx.js');
-require('./bundle-BOmwadBI.js');
-require('./bundle-ChQCtrna.js');
+var ui_Modal = require('./bundle-BVG8wAfm.js');
+require('./bundle-CJ4C_lQr.js');
+require('./bundle-Dq9xVvbD.js');
 var ui_Button = require('../ui/Button.js');
-var LocalizationContext = require('./bundle-NcZ2-bR4.js');
-var stringFormatterUtils = require('./bundle-vAkTLdjw.js');
+var LocalizationContext = require('./bundle-DnchMcYp.js');
+var stringFormatterUtils = require('./bundle-BM_8g6jd.js');
 
 var RemoveMessageModalView = function (props) {
     var _a;
@@ -27,4 +27,4 @@ var RemoveMessageModalView = function (props) {
 };
 
 exports.RemoveMessageModalView = RemoveMessageModalView;
-//# sourceMappingURL=bundle-DxSO6sB7.js.map
+//# sourceMappingURL=bundle-D06Ef6XT.js.map

package/cjs/chunks/bundle-D06Ef6XT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-D06Ef6XT.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-DjoozBjj.js → bundle-D4m96G3Z.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var consts = require('./bundle-BLhYL7sf.js');
-var utils = require('./bundle-DLpTVLIT.js');
+var consts = require('./bundle-UZTd4E_b.js');
+var utils = require('./bundle-BvFJMBGd.js');
 var uikitTools = require('@sendbird/uikit-tools');
-var useThrottleCallback = require('./bundle-CBAwxd6y.js');
+var useThrottleCallback = require('./bundle-CkjbnhTX.js');
 
 var BUFFER_DELAY = 100;
 function useOnScrollPositionChangeDetector(params) {
@@ -29,4 +29,4 @@ function useOnScrollPositionChangeDetector(params) {
 }
 
 exports.useOnScrollPositionChangeDetector = useOnScrollPositionChangeDetector;
-//# sourceMappingURL=bundle-DjoozBjj.js.map
+//# sourceMappingURL=bundle-D4m96G3Z.js.map

package/cjs/chunks/bundle-D4m96G3Z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-D4m96G3Z.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-YCRKQHM6.js → bundle-DAwgW6yl.js}

@@ -3,4 +3,4 @@
 var MENTION_USER_LABEL_CLASSNAME = 'sendbird-mention-user-label';
 
 exports.MENTION_USER_LABEL_CLASSNAME = MENTION_USER_LABEL_CLASSNAME;
-//# sourceMappingURL=bundle-YCRKQHM6.js.map
+//# sourceMappingURL=bundle-DAwgW6yl.js.map

package/cjs/chunks/bundle-DAwgW6yl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-DAwgW6yl.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/chunks/{bundle-D1JkU8m7.js → bundle-DBOr-x8t.js}

@@ -5,7 +5,7 @@ var GroupChannelList_components_GroupChannelListHeader = require('../GroupChanne
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var EditUserProfile = require('../EditUserProfile.js');
 var ui_PlaceHolder = require('../ui/PlaceHolder.js');
-var index = require('./bundle-DjoozBjj.js');
+var index = require('./bundle-D4m96G3Z.js');
 
 var GroupChannelListUIView = function (_a) {
     var renderHeader = _a.renderHeader, renderPlaceHolderError = _a.renderPlaceHolderError, renderPlaceHolderLoading = _a.renderPlaceHolderLoading, renderPlaceHolderEmptyList = _a.renderPlaceHolderEmptyList, onChangeTheme = _a.onChangeTheme, onUserProfileUpdated = _a.onUserProfileUpdated, allowProfileEdit = _a.allowProfileEdit, channels = _a.channels, onLoadMore = _a.onLoadMore, initialized = _a.initialized, renderChannel = _a.renderChannel, renderAddChannel = _a.renderAddChannel;
@@ -66,4 +66,4 @@ var ChannelListComponent = function (props) {
 };
 
 exports.GroupChannelListUIView = GroupChannelListUIView;
-//# sourceMappingURL=bundle-D1JkU8m7.js.map
+//# sourceMappingURL=bundle-DBOr-x8t.js.map

package/cjs/chunks/bundle-DBOr-x8t.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bundle-DBOr-x8t.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/chunks/{bundle-B4y45JoQ.js → bundle-DDLs6DRc.js}

@@ -7,4 +7,4 @@ var USER_ACTIONS = {
 };
 
 exports.USER_ACTIONS = USER_ACTIONS;
-//# sourceMappingURL=bundle-B4y45JoQ.js.map
+//# sourceMappingURL=bundle-DDLs6DRc.js.map