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

package/cjs/chunks/bundle-B5_utnDS.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var _tslib = require('./bundle-CJ4C_lQr.js');
-var React = require('react');
-var ui_Icon = require('../ui/Icon.js');
-var ui_ChannelAvatar = require('../ui/ChannelAvatar.js');
-var utils = require('./bundle-Cmy4ykuZ.js');
-var MediaQueryContext = require('./bundle-QmHmrOIH.js');
-var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var LocalizationContext = require('./bundle-DnchMcYp.js');
-var ui_Header = require('../ui/Header.js');
-var utils$1 = require('./bundle-CxcGHjPH.js');
-
-var GroupChannelHeaderView = function (_a) {
-    var className = _a.className, currentChannel = _a.currentChannel, showSearchIcon = _a.showSearchIcon, onBackClick = _a.onBackClick, onSearchClick = _a.onSearchClick, onChatHeaderActionClick = _a.onChatHeaderActionClick, 
-    // Header custom props
-    renderLeft = _a.renderLeft, renderMiddle = _a.renderMiddle, renderRight = _a.renderRight;
-    var config = useSendbirdStateContext.useSendbirdStateContext().config;
-    var userId = config.userId, theme = config.theme;
-    var isMobile = MediaQueryContext.useMediaQueryContext().isMobile;
-    var stringSet = LocalizationContext.useLocalization().stringSet;
-    var isMuted = (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myMutedState) === 'muted';
-    var channelTitle = utils.getChannelTitle(currentChannel, userId, stringSet);
-    return (React.createElement(ui_Header.default, { className: utils$1.classnames('sendbird-chat-header', className), renderLeft: renderLeft !== null && renderLeft !== void 0 ? renderLeft : (function () { return (React.createElement(React.Fragment, null,
-            isMobile && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__icon_back", onClick: onBackClick, type: ui_Icon.IconTypes.ARROW_LEFT, color: ui_Icon.IconColors.PRIMARY, width: "24px", height: "24px" })),
-            React.createElement(ui_ChannelAvatar, { theme: theme, channel: currentChannel, userId: userId, height: 32, width: 32 }))); }), renderMiddle: renderMiddle !== null && renderMiddle !== void 0 ? renderMiddle : (function () { return (React.createElement(ui_Header.default.Title, { title: channelTitle })); }), renderRight: renderRight !== null && renderRight !== void 0 ? renderRight : (function () { return (React.createElement(React.Fragment, null,
-            isMuted && (React.createElement(ui_Header.default.Icon, { className: "sendbird-chat-header__right__mute", type: ui_Icon.IconTypes.NOTIFICATIONS_OFF_FILLED, color: ui_Icon.IconColors.ON_BACKGROUND_2, width: "24px", height: "24px" })),
-            (showSearchIcon && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isEphemeral)) && (React.createElement(ui_Header.default.IconButton, { className: "sendbird-chat-header__right__search", onClick: onSearchClick, type: ui_Icon.IconTypes.SEARCH, color: ui_Icon.IconColors.PRIMARY, renderIcon: function (props) { return React.createElement(ui_Header.default.Icon, _tslib.__assign({}, props, { width: "24px", height: "24px" })); } })),
-            React.createElement(ui_Header.default.IconButton, { className: "sendbird-chat-header__right__info", onClick: onChatHeaderActionClick, type: ui_Icon.IconTypes.INFO, color: ui_Icon.IconColors.PRIMARY, renderIcon: function (props) { return React.createElement(ui_Header.default.Icon, _tslib.__assign({}, props, { width: "24px", height: "24px" })); } }))); }) }));
-};
-
-exports.GroupChannelHeaderView = GroupChannelHeaderView;
-//# sourceMappingURL=bundle-B5_utnDS.js.map

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

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

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

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

package/cjs/chunks/bundle-BAZ7twtS.js

@@ -1,75 +0,0 @@
-'use strict';
-
-var _tslib = require('./bundle-CJ4C_lQr.js');
-var React = require('react');
-var ui_ImageRenderer = require('../ui/ImageRenderer.js');
-var pxToNumber = require('./bundle-DKmAwp7d.js');
-var ui_Icon = require('../ui/Icon.js');
-var utils = require('./bundle-CxcGHjPH.js');
-
-var AvatarDefault = function (props) {
-    var width = props.width, height = props.height, text = props.text;
-    var iconWidth = pxToNumber.pxToNumber(width);
-    var iconHeight = pxToNumber.pxToNumber(height);
-    if (typeof iconWidth === 'number' && !Number.isNaN(iconWidth)) {
-        iconWidth *= 0.575;
-    }
-    if (typeof iconHeight === 'number' && !Number.isNaN(iconHeight)) {
-        iconHeight *= 0.575;
-    }
-    return (React.createElement("div", { className: utils.classnames('sendbird-avatar-img--default', text && 'text'), style: { width: width, height: height } }, text
-        ? React.createElement("div", { className: 'sendbird-avatar-text' }, text)
-        : React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.USER, fillColor: ui_Icon.IconColors.CONTENT, width: iconWidth, height: iconHeight })));
-};
-
-var imageRendererClassName = 'sendbird-avatar-img';
-var AvatarInner = function (_a) {
-    var _b = _a.src, src = _b === void 0 ? '' : _b, _c = _a.alt, alt = _c === void 0 ? '' : _c, height = _a.height, width = _a.width, customDefaultComponent = _a.customDefaultComponent;
-    var defaultComponent = function () { return customDefaultComponent
-        ? customDefaultComponent({ width: width, height: height })
-        : React.createElement(AvatarDefault, { width: width, height: height }); };
-    if (typeof src === 'string') {
-        return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src, height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-    }
-    if (src && src.length) {
-        if (src.length === 1) {
-            return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-        }
-        if (src.length === 2) {
-            return (React.createElement("div", { className: "sendbird-avatar--inner__two-child" },
-                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent })));
-        }
-        if (src.length === 3) {
-            return (React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "sendbird-avatar--inner__three-child--upper" },
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[0], height: height, width: width, alt: alt, defaultComponent: defaultComponent })),
-                React.createElement("div", { className: "sendbird-avatar--inner__three-child--lower" },
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[1], height: height, width: width, alt: alt, defaultComponent: defaultComponent }),
-                    React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: src[2], height: height, width: width, alt: alt, defaultComponent: defaultComponent }))));
-        }
-        return (React.createElement("div", { className: "sendbird-avatar--inner__four-child" }, src.slice(0, 4)
-            .map(function (url, index) { return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: url, height: height, width: width, alt: alt, key: "".concat(url, "-").concat(index), defaultComponent: defaultComponent })); })));
-    }
-    // default img
-    return (React.createElement(ui_ImageRenderer.default, { className: imageRendererClassName, url: "", height: height, width: width, alt: alt, defaultComponent: defaultComponent }));
-};
-function Avatar(_a, ref) {
-    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.src, src = _c === void 0 ? '' : _c, _d = _a.alt, alt = _d === void 0 ? '' : _d, _e = _a.width, width = _e === void 0 ? '56px' : _e, _f = _a.height, height = _f === void 0 ? '56px' : _f, _g = _a.zIndex, zIndex = _g === void 0 ? 0 : _g, _h = _a.left, left = _h === void 0 ? '' : _h, _j = _a.bottom, bottom = _j === void 0 ? '' : _j, onClick = _a.onClick, customDefaultComponent = _a.customDefaultComponent;
-    return (React.createElement("div", { className: _tslib.__spreadArray(_tslib.__spreadArray([], (Array.isArray(className) ? className : [className]), true), [
-            'sendbird-avatar',
-        ], false).join(' '), role: "button", ref: ref, style: {
-            height: height,
-            width: width,
-            zIndex: zIndex,
-            left: left,
-            bottom: bottom,
-        }, onClick: onClick, onKeyDown: onClick, tabIndex: 0 },
-        React.createElement(AvatarInner, { src: src, width: width, height: height, alt: alt, customDefaultComponent: customDefaultComponent })));
-}
-var Avatar$1 = React.forwardRef(Avatar);
-
-exports.Avatar = Avatar$1;
-exports.AvatarDefault = AvatarDefault;
-exports.AvatarInner = AvatarInner;
-//# sourceMappingURL=bundle-BAZ7twtS.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/cjs/chunks/bundle-CivEuw8I.js

@@ -1,330 +0,0 @@
-'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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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