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

package/cjs/ChannelSettings/components/ChannelSettingsUI.js

@@ -2,97 +2,101 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../chunks/bundle-CJ4C_lQr.js');
+var _tslib = require('../../chunks/bundle-DmCOU0rJ.js');
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
 var ChannelSettings_components_ChannelSettingsHeader = require('./ChannelSettingsHeader.js');
 var ui_PlaceHolder = require('../../ui/PlaceHolder.js');
-var ui_Label = require('../../chunks/bundle-Dq9xVvbD.js');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
+var ui_Label = require('../../chunks/bundle-Cmim7RkF.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ChannelSettings_components_ChannelProfile = require('./ChannelProfile.js');
 var ChannelSettings_components_LeaveChannel = require('./LeaveChannel.js');
-var utils = require('../../chunks/bundle-CxcGHjPH.js');
-var MenuItem = require('../../chunks/bundle-kNrJviB4.js');
+var utils = require('../../chunks/bundle-CfMyWzdL.js');
+var ChannelSettings_components_ChannelSettingsMenuItem = require('./ChannelSettingsMenuItem.js');
 var ChannelSettings_components_ChannelSettingMenuList = require('./ChannelSettingMenuList.js');
 var ChannelSettings_hooks_useMenuList = require('../hooks/useMenuList.js');
-var MutedMemberList = require('../../chunks/bundle-CivEuw8I.js');
-var MemberList = require('../../chunks/bundle-PsjwQZq3.js');
+var MutedMemberList = require('../../chunks/bundle-Bbr0JyeR.js');
+var MemberList = require('../../chunks/bundle-BxnovfVK.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-e0O2ux90.js');
-require('../../chunks/bundle-BThLM1G6.js');
+require('../../chunks/bundle-DBxITwxu.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
 require('../../ui/Header.js');
-require('../../chunks/bundle-QmHmrOIH.js');
+require('../../chunks/bundle-BFb_s1Sk.js');
 require('../../ui/TextButton.js');
-require('../../chunks/bundle-CS6Aibfk.js');
+require('../../chunks/bundle-CsQg__hd.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
 require('../../ui/ChannelAvatar.js');
-require('../../chunks/bundle-BAZ7twtS.js');
+require('../../chunks/bundle-Dqp9uxau.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
-require('../../chunks/bundle-yj3EsKw0.js');
+require('../../chunks/bundle-CNV7xlYf.js');
+require('../../chunks/bundle-DwclHLWU.js');
 require('./EditDetailsModal.js');
-require('../../chunks/bundle-BVG8wAfm.js');
-require('../../chunks/bundle-C5OtWVnd.js');
+require('../../chunks/bundle-B2dRfy75.js');
+require('../../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
 require('react-dom');
 require('../../ui/Button.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('../../ui/SortByRow.js');
 require('../../ui/Input.js');
-require('../../chunks/bundle-BvFJMBGd.js');
+require('../../chunks/bundle-B4zRox4H.js');
 require('@sendbird/chat/message');
 require('../../ui/Badge.js');
 require('../../ui/Toggle.js');
-require('../../chunks/bundle-BIkirlfD.js');
+require('../../chunks/bundle-m4DYiLZS.js');
 require('../../ui/UserListItem.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BTOs4s9G.js');
-require('../../chunks/bundle-D4m96G3Z.js');
-require('../../chunks/bundle-CkjbnhTX.js');
+require('../../chunks/bundle-B1gFRcVr.js');
+require('../../chunks/bundle-C4Yh1cgX.js');
+require('../../chunks/bundle-C5hc4JCD.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var ChannelSettingsUI = function (props) {
     var _a;
-    var menuItems = ChannelSettings_hooks_useMenuList.useMenuItems({ renderUserListItem: props === null || props === void 0 ? void 0 : props.renderUserListItem });
-    var _b = utils.deleteNullish(props), _c = _b.renderHeader, renderHeader = _c === void 0 ? function (props) { return React.createElement(ChannelSettings_components_ChannelSettingsHeader.ChannelSettingsHeader, _tslib.__assign({}, props)); } : _c, renderLeaveChannel = _b.renderLeaveChannel, renderChannelProfile = _b.renderChannelProfile, _d = _b.renderModerationPanel, renderModerationPanel = _d === void 0 ? function (props) { return React.createElement(ChannelSettings_components_ChannelSettingMenuList.MenuListByRole, _tslib.__assign({}, props)); } : _d, renderPlaceholderError = _b.renderPlaceholderError, renderPlaceholderLoading = _b.renderPlaceholderLoading;
+    var _b = ChannelSettings_context.useChannelSettingsContext(), channel = _b.channel, invalidChannel = _b.invalidChannel, onCloseClick = _b.onCloseClick, loading = _b.loading;
+    var _c = utils.deleteNullish(props), _d = _c.renderHeader, renderHeader = _d === void 0 ? function (props) { return React__default.default.createElement(ChannelSettings_components_ChannelSettingsHeader.ChannelSettingsHeader, _tslib.__assign({}, props)); } : _d, renderLeaveChannel = _c.renderLeaveChannel, renderChannelProfile = _c.renderChannelProfile, _e = _c.renderModerationPanel, renderModerationPanel = _e === void 0 ? function (props) { return React__default.default.createElement(ChannelSettings_components_ChannelSettingMenuList.MenuListByRole, _tslib.__assign({}, props)); } : _e, renderPlaceholderError = _c.renderPlaceholderError, renderPlaceholderLoading = _c.renderPlaceholderLoading;
+    var menuItems = ChannelSettings_hooks_useMenuList.useMenuItems();
     var state = useSendbirdStateContext.useSendbirdStateContext();
-    var _e = ChannelSettings_context.useChannelSettingsContext(), channel = _e.channel, invalidChannel = _e.invalidChannel, onCloseClick = _e.onCloseClick, loading = _e.loading;
     var _f = React.useState(false), showLeaveChannelModal = _f[0], setShowLeaveChannelModal = _f[1];
     var isOnline = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.isOnline;
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
     if (loading) {
         if (renderPlaceholderLoading)
             return renderPlaceholderLoading();
-        return React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
+        return React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.LOADING });
     }
     var headerProps = { onCloseClick: onCloseClick };
     if (invalidChannel || !channel) {
-        return (React.createElement("div", null,
+        return (React__default.default.createElement("div", null,
             renderHeader(headerProps),
-            React.createElement("div", null, renderPlaceholderError ? renderPlaceholderError() : React.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
+            React__default.default.createElement("div", null, renderPlaceholderError ? renderPlaceholderError() : React__default.default.createElement(ui_PlaceHolder.default, { type: ui_PlaceHolder.PlaceHolderTypes.WRONG }))));
     }
-    return (React.createElement(React.Fragment, null,
+    return (React__default.default.createElement(React__default.default.Fragment, null,
         renderHeader(headerProps),
-        React.createElement("div", { className: "sendbird-channel-settings__scroll-area" },
-            (renderChannelProfile === null || renderChannelProfile === void 0 ? void 0 : renderChannelProfile()) || React.createElement(ChannelSettings_components_ChannelProfile, null), renderModerationPanel === null || renderModerationPanel === void 0 ? void 0 :
+        React__default.default.createElement("div", { className: "sendbird-channel-settings__scroll-area" },
+            (renderChannelProfile === null || renderChannelProfile === void 0 ? void 0 : renderChannelProfile()) || React__default.default.createElement(ChannelSettings_components_ChannelProfile, null), renderModerationPanel === null || renderModerationPanel === void 0 ? void 0 :
             renderModerationPanel({ menuItems: menuItems }),
-            (renderLeaveChannel === null || renderLeaveChannel === void 0 ? void 0 : renderLeaveChannel()) || (React.createElement(MenuItem.MenuItem, { className: utils.classnames(!isOnline ? 'sendbird-channel-settings__panel-item__disabled' : '', 'sendbird-channel-settings__panel-item__leave-channel'), onKeyDown: function () {
+            (renderLeaveChannel === null || renderLeaveChannel === void 0 ? void 0 : renderLeaveChannel()) || (React__default.default.createElement(ChannelSettings_components_ChannelSettingsMenuItem.MenuItem, { className: utils.classnames(!isOnline ? 'sendbird-channel-settings__panel-item__disabled' : '', 'sendbird-channel-settings__panel-item__leave-channel'), onKeyDown: function () {
                     if (!isOnline)
                         return;
                     setShowLeaveChannelModal(true);
@@ -100,8 +104,8 @@ var ChannelSettingsUI = function (props) {
                     if (!isOnline)
                         return;
                     setShowLeaveChannelModal(true);
-                }, renderLeft: function () { return (React.createElement(ui_Icon.default, { className: ['sendbird-channel-settings__panel-icon-left', 'sendbird-channel-settings__panel-icon__leave'].join(' '), type: ui_Icon.IconTypes.LEAVE, fillColor: ui_Icon.IconColors.ERROR, height: "24px", width: "24px" })); }, renderMiddle: function () { return (React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE)); } })),
-            showLeaveChannelModal && (React.createElement(ChannelSettings_components_LeaveChannel, { onCancel: function () {
+                }, renderLeft: function () { return (React__default.default.createElement(ui_Icon.default, { className: ['sendbird-channel-settings__panel-icon-left', 'sendbird-channel-settings__panel-icon__leave'].join(' '), type: ui_Icon.IconTypes.LEAVE, fillColor: ui_Icon.IconColors.ERROR, height: "24px", width: "24px" })); }, renderMiddle: function () { return (React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__LEAVE_CHANNEL__TITLE)); } })),
+            showLeaveChannelModal && (React__default.default.createElement(ChannelSettings_components_LeaveChannel, { onCancel: function () {
                     setShowLeaveChannelModal(false);
                 }, onSubmit: function () {
                     setShowLeaveChannelModal(false);

package/cjs/ChannelSettings/components/ChannelSettingsUI.js.map

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

package/cjs/ChannelSettings/components/EditDetailsModal.js

@@ -2,43 +2,47 @@
 
 var React = require('react');
 var ChannelSettings_context = require('../context.js');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_Modal = require('../../chunks/bundle-BVG8wAfm.js');
+var ui_Modal = require('../../chunks/bundle-B2dRfy75.js');
 var ui_Input = require('../../ui/Input.js');
-var ui_Avatar = require('../../chunks/bundle-BAZ7twtS.js');
-require('../../chunks/bundle-CJ4C_lQr.js');
-var ui_Label = require('../../chunks/bundle-Dq9xVvbD.js');
+var ui_Avatar = require('../../chunks/bundle-Dqp9uxau.js');
+require('../../chunks/bundle-DmCOU0rJ.js');
+var ui_Label = require('../../chunks/bundle-Cmim7RkF.js');
 var ui_Button = require('../../ui/Button.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var ui_ChannelAvatar = require('../../ui/ChannelAvatar.js');
-var uuid = require('../../chunks/bundle-BThLM1G6.js');
-require('../../chunks/bundle-e0O2ux90.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
+var uuid = require('../../chunks/bundle-Sp2G1sf1.js');
+require('../../chunks/bundle-DBxITwxu.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-C5OtWVnd.js');
+require('../../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
-require('../../chunks/bundle-CxcGHjPH.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
+require('../../chunks/bundle-CfMyWzdL.js');
 require('react-dom');
-require('../../chunks/bundle-QmHmrOIH.js');
+require('../../chunks/bundle-BFb_s1Sk.js');
 require('../../ui/IconButton.js');
 require('../../ui/Icon.js');
 require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
-require('../../chunks/bundle-CS6Aibfk.js');
-require('../../chunks/bundle-yj3EsKw0.js');
+require('../../chunks/bundle-CNV7xlYf.js');
+require('../../chunks/bundle-CsQg__hd.js');
+require('../../chunks/bundle-DwclHLWU.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var EditDetails = function (props) {
     var _a, _b, _c;
@@ -55,7 +59,7 @@ var EditDetails = function (props) {
     var _e = React.useState(null), currentImg = _e[0], setCurrentImg = _e[1];
     var _f = React.useState(null), newFile = _f[0], setNewFile = _f[1];
     var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    return (React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, titleText: stringSet.MODAL__CHANNEL_INFORMATION__TITLE, submitText: stringSet.BUTTON__SAVE, onCancel: onCancel, onSubmit: function () {
+    return (React__default.default.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, titleText: stringSet.MODAL__CHANNEL_INFORMATION__TITLE, submitText: stringSet.BUTTON__SAVE, onCancel: onCancel, onSubmit: function () {
             var _a, _b, _c;
             if (title !== '' && !((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
                 if ((_b = formRef.current) === null || _b === void 0 ? void 0 : _b.reportValidity) { // might not work in explorer
@@ -92,12 +96,12 @@ var EditDetails = function (props) {
                 });
             }
         }, type: ui_Button.ButtonTypes.PRIMARY },
-        React.createElement("form", { className: "channel-profile-form", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
-            React.createElement("div", { className: "channel-profile-form__img-section" },
-                React.createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_IMAGE),
-                React.createElement("div", { className: "channel-profile-form__avatar" }, currentImg
-                    ? (React.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: currentImg })) : (React.createElement(ui_ChannelAvatar, { height: 80, width: 80, channel: channel, userId: userId, theme: theme }))),
-                React.createElement("input", { ref: hiddenInputRef, type: "file", accept: "image/gif, image/jpeg, image/png", style: { display: 'none' }, onChange: function (e) {
+        React__default.default.createElement("form", { className: "channel-profile-form", ref: formRef, onSubmit: function (e) { e.preventDefault(); } },
+            React__default.default.createElement("div", { className: "channel-profile-form__img-section" },
+                React__default.default.createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_IMAGE),
+                React__default.default.createElement("div", { className: "channel-profile-form__avatar" }, currentImg
+                    ? (React__default.default.createElement(ui_Avatar.Avatar, { height: "80px", width: "80px", src: currentImg })) : (React__default.default.createElement(ui_ChannelAvatar, { height: 80, width: 80, channel: channel, userId: userId, theme: theme }))),
+                React__default.default.createElement("input", { ref: hiddenInputRef, type: "file", accept: "image/gif, image/jpeg, image/png", style: { display: 'none' }, onChange: function (e) {
                         if (e.target.files) {
                             setCurrentImg(URL.createObjectURL(e.target.files[0]));
                             setNewFile(e.target.files[0]);
@@ -106,11 +110,11 @@ var EditDetails = function (props) {
                             hiddenInputRef.current.value = '';
                         }
                     } }),
-                React.createElement(ui_TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { var _a; return (_a = hiddenInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disableUnderline: true },
-                    React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))),
-            React.createElement("div", { className: "channel-profile-form__name-section" },
-                React.createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME),
-                React.createElement(ui_Input.default, { required: title !== '', name: "channel-profile-form__name", ref: inputRef, value: title, placeHolder: stringSet.MODAL__CHANNEL_INFORMATION__INPUT__PLACE_HOLDER })))));
+                React__default.default.createElement(ui_TextButton, { className: "channel-profile-form__avatar-button", onClick: function () { var _a; return (_a = hiddenInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, disableUnderline: true },
+                    React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.BUTTON_1, color: ui_Label.LabelColors.PRIMARY }, stringSet.MODAL__CHANNEL_INFORMATION__UPLOAD))),
+            React__default.default.createElement("div", { className: "channel-profile-form__name-section" },
+                React__default.default.createElement(ui_Input.InputLabel, null, stringSet.MODAL__CHANNEL_INFORMATION__CHANNEL_NAME),
+                React__default.default.createElement(ui_Input.default, { required: title !== '', name: "channel-profile-form__name", ref: inputRef, value: title, placeHolder: stringSet.MODAL__CHANNEL_INFORMATION__INPUT__PLACE_HOLDER })))));
 };
 
 module.exports = EditDetails;

package/cjs/ChannelSettings/components/EditDetailsModal.js.map

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

package/cjs/ChannelSettings/components/LeaveChannel.js

@@ -3,21 +3,21 @@
 var React = require('react');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ChannelSettings_context = require('../context.js');
-var utils = require('../../chunks/bundle-CxcGHjPH.js');
-var ui_Modal = require('../../chunks/bundle-BVG8wAfm.js');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
-var MediaQueryContext = require('../../chunks/bundle-QmHmrOIH.js');
+var utils = require('../../chunks/bundle-CfMyWzdL.js');
+var ui_Modal = require('../../chunks/bundle-B2dRfy75.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
+var MediaQueryContext = require('../../chunks/bundle-BFb_s1Sk.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var ui_Label = require('../../chunks/bundle-Dq9xVvbD.js');
+var ui_Label = require('../../chunks/bundle-Cmim7RkF.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-CJ4C_lQr.js');
-require('../../chunks/bundle-e0O2ux90.js');
-require('../../chunks/bundle-BThLM1G6.js');
-require('../../chunks/bundle-C5OtWVnd.js');
+require('../../chunks/bundle-DmCOU0rJ.js');
+require('../../chunks/bundle-DBxITwxu.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
+require('../../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
 require('react-dom');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
@@ -26,13 +26,17 @@ require('@sendbird/uikit-tools');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
-require('../../chunks/bundle-CS6Aibfk.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
+require('../../chunks/bundle-CsQg__hd.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var LeaveChannel = function (props) {
     var _a, _b;
@@ -53,17 +57,17 @@ var LeaveChannel = function (props) {
         return stringSet.NO_TITLE;
     };
     if (isMobile) {
-        return (React.createElement(ui_Modal.Modal, { className: "sendbird-channel-settings__leave--mobile", titleText: getChannelName(channel), hideFooter: true, isCloseOnClickOutside: true, onCancel: onCancel },
-            React.createElement(ui_TextButton, { onClick: function () {
+        return (React__default.default.createElement(ui_Modal.Modal, { className: "sendbird-channel-settings__leave--mobile", titleText: getChannelName(channel), hideFooter: true, isCloseOnClickOutside: true, onCancel: onCancel },
+            React__default.default.createElement(ui_TextButton, { onClick: function () {
                     logger.info('ChannelSettings: Leaving channel', channel);
                     channel === null || channel === void 0 ? void 0 : channel.leave().then(function () {
                         logger.info('ChannelSettings: Leaving channel successful!', channel);
                         onLeaveChannel === null || onLeaveChannel === void 0 ? void 0 : onLeaveChannel();
                     });
                 }, className: "sendbird-channel-settings__leave-label--mobile" },
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))));
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_PREVIEW_MOBILE_LEAVE))));
     }
-    return (React.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
+    return (React__default.default.createElement(ui_Modal.Modal, { isFullScreenOnMobile: true, disabled: !isOnline, onCancel: onCancel, onSubmit: function () {
             logger.info('ChannelSettings: Leaving channel', channel);
             channel === null || channel === void 0 ? void 0 : channel.leave().then(function () {
                 logger.info('ChannelSettings: Leaving channel successful!', channel);

package/cjs/ChannelSettings/components/LeaveChannel.js.map

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

package/cjs/ChannelSettings/components/ModerationPanel.js

@@ -1,56 +1,60 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-DnchMcYp.js');
+var LocalizationContext = require('../../chunks/bundle-CiMvvzt_.js');
 var ui_Accordion = require('../../ui/Accordion.js');
-var ui_Label = require('../../chunks/bundle-Dq9xVvbD.js');
+var ui_Label = require('../../chunks/bundle-Cmim7RkF.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
 var ui_Toggle = require('../../ui/Toggle.js');
-var MutedMemberList = require('../../chunks/bundle-CivEuw8I.js');
-var MemberList = require('../../chunks/bundle-PsjwQZq3.js');
+var MutedMemberList = require('../../chunks/bundle-Bbr0JyeR.js');
+var MemberList = require('../../chunks/bundle-BxnovfVK.js');
 var ChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-CJ4C_lQr.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
+require('../../chunks/bundle-DmCOU0rJ.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
 require('../../ui/AccordionGroup.js');
-require('../../chunks/bundle-CxcGHjPH.js');
+require('../../chunks/bundle-CfMyWzdL.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-BIkirlfD.js');
+require('../../chunks/bundle-m4DYiLZS.js');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-BThLM1G6.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
 require('../../ui/IconButton.js');
-require('../../chunks/bundle-C5OtWVnd.js');
+require('../../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
 require('../../ui/UserListItem.js');
 require('@sendbird/uikit-tools');
-require('../../chunks/bundle-BVG8wAfm.js');
-require('../../chunks/bundle-QmHmrOIH.js');
+require('../../chunks/bundle-B2dRfy75.js');
+require('../../chunks/bundle-BFb_s1Sk.js');
 require('css-vars-ponyfill');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
-require('../../chunks/bundle-e0O2ux90.js');
-require('../../chunks/bundle-BAZ7twtS.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
+require('../../chunks/bundle-DBxITwxu.js');
+require('../../chunks/bundle-Dqp9uxau.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
+require('../../chunks/bundle-CNV7xlYf.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BTOs4s9G.js');
-require('../../chunks/bundle-D4m96G3Z.js');
-require('../../chunks/bundle-BvFJMBGd.js');
+require('../../chunks/bundle-B1gFRcVr.js');
+require('../../chunks/bundle-C4Yh1cgX.js');
+require('../../chunks/bundle-B4zRox4H.js');
 require('@sendbird/chat/message');
-require('../../chunks/bundle-CkjbnhTX.js');
+require('../../chunks/bundle-C5hc4JCD.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var kFormatter = function (num) {
     return Math.abs(num) > 999
@@ -73,26 +77,26 @@ function ModerationPanel() {
         var _a;
         setFrozen((_a = channel === null || channel === void 0 ? void 0 : channel.isFrozen) !== null && _a !== void 0 ? _a : false);
     }, [channel]);
-    return (React.createElement(ui_Accordion.AccordionGroup, { className: "sendbird-channel-settings__operator" },
-        React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.OPERATOR, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return React.createElement(MutedMemberList.OperatorList, null); } }),
-        React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
-                React.createElement(ui_Badge, { count: (channel === null || channel === void 0 ? void 0 : channel.memberCount) ? kFormatter(channel.memberCount) : '' }))); }, renderContent: function () { return React.createElement(MemberList.MemberList, null); } }),
+    return (React__default.default.createElement(ui_Accordion.AccordionGroup, { className: "sendbird-channel-settings__operator" },
+        React__default.default.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__operators-list", id: "operators", renderTitle: function () { return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.OPERATOR, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__OPERATORS__TITLE))); }, renderContent: function () { return React__default.default.createElement(MutedMemberList.OperatorList, null); } }),
+        React__default.default.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__members-list", id: "members", renderTitle: function () { return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MEMBERS__TITLE),
+                React__default.default.createElement(ui_Badge, { count: (channel === null || channel === void 0 ? void 0 : channel.memberCount) ? kFormatter(channel.memberCount) : '' }))); }, renderContent: function () { return React__default.default.createElement(MemberList.MemberList, null); } }),
         // No muted members in broadcast channel
-        !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement(ui_Accordion.default, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MUTE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return React.createElement(MutedMemberList.MutedMemberList, null); } })),
-        React.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__banned-members-list", id: "bannedUsers", renderTitle: function () { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BAN, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-                React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return React.createElement(MutedMemberList.BannedUserList, null); } }),
+        !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.default.createElement(ui_Accordion.default, { id: "mutedMembers", className: "sendbird-channel-settings__muted-members-list", renderTitle: function () { return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.MUTE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__MUTED_MEMBERS__TITLE))); }, renderContent: function () { return React__default.default.createElement(MutedMemberList.MutedMemberList, null); } })),
+        React__default.default.createElement(ui_Accordion.default, { className: "sendbird-channel-settings__banned-members-list", id: "bannedUsers", renderTitle: function () { return (React__default.default.createElement(React__default.default.Fragment, null,
+                React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.BAN, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
+                React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__BANNED_MEMBERS__TITLE))); }, renderContent: function () { return React__default.default.createElement(MutedMemberList.BannedUserList, null); } }),
         // cannot freeze broadcast channel
-        !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React.createElement("div", { className: "sendbird-channel-settings__freeze" },
-            React.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
-            React.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__FREEZE_CHANNEL),
-            React.createElement(ui_Toggle.Toggle, { className: "sendbird-channel-settings__frozen-icon", checked: frozen, onChange: function () {
+        !(channel === null || channel === void 0 ? void 0 : channel.isBroadcast) && (React__default.default.createElement("div", { className: "sendbird-channel-settings__freeze" },
+            React__default.default.createElement(ui_Icon.default, { type: ui_Icon.IconTypes.FREEZE, fillColor: ui_Icon.IconColors.PRIMARY, width: 24, height: 24, className: "sendbird-channel-settings__accordion-icon" }),
+            React__default.default.createElement(ui_Label.Label, { type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 }, stringSet.CHANNEL_SETTING__FREEZE_CHANNEL),
+            React__default.default.createElement(ui_Toggle.Toggle, { className: "sendbird-channel-settings__frozen-icon", checked: frozen, onChange: function () {
                     if (frozen) {
                         channel === null || channel === void 0 ? void 0 : channel.unfreeze().then(function () {
                             setFrozen(function (prev) { return !prev; });

package/cjs/ChannelSettings/components/ModerationPanel.js.map

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

package/cjs/ChannelSettings/components/UserListItem.js

@@ -3,44 +3,44 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var ui_UserListItem = require('../../ui/UserListItem.js');
-require('../../chunks/bundle-CJ4C_lQr.js');
+require('../../chunks/bundle-DmCOU0rJ.js');
 require('react');
 require('@sendbird/uikit-tools');
 require('../../withSendbird.js');
-require('../../chunks/bundle-BVG8wAfm.js');
-require('../../chunks/bundle-C5OtWVnd.js');
+require('../../chunks/bundle-B2dRfy75.js');
+require('../../chunks/bundle-CRHrNWJp.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-B30tLxug.js');
-require('../../chunks/bundle-CTGjIAK4.js');
-require('../../chunks/bundle-CxcGHjPH.js');
+require('../../chunks/bundle-BRhKfsSx.js');
+require('../../chunks/bundle-rgSWvbRw.js');
+require('../../chunks/bundle-CfMyWzdL.js');
 require('react-dom');
-require('../../chunks/bundle-DnchMcYp.js');
-require('../../chunks/bundle-RonggNhW.js');
-require('../../chunks/bundle-BR99z-80.js');
-require('../../chunks/bundle-QmHmrOIH.js');
+require('../../chunks/bundle-CiMvvzt_.js');
+require('../../chunks/bundle-pcWgzSTZ.js');
+require('../../chunks/bundle-C0bs5HgC.js');
+require('../../chunks/bundle-BFb_s1Sk.js');
 require('../../ui/IconButton.js');
 require('../../ui/Button.js');
-require('../../chunks/bundle-Dq9xVvbD.js');
+require('../../chunks/bundle-Cmim7RkF.js');
 require('../../ui/Icon.js');
 require('css-vars-ponyfill');
 require('@sendbird/chat');
-require('../../chunks/bundle-BThLM1G6.js');
+require('../../chunks/bundle-Sp2G1sf1.js');
 require('@sendbird/chat/openChannel');
-require('../../chunks/bundle-B22Ty9Wl.js');
-require('../../chunks/bundle-UZTd4E_b.js');
+require('../../chunks/bundle-Bfd7tojj.js');
+require('../../chunks/bundle-BdulnACZ.js');
 require('../../useSendbirdStateContext.js');
-require('../../chunks/bundle-6P-e5JVH.js');
+require('../../chunks/bundle-BeTneyYL.js');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-e0O2ux90.js');
-require('../../chunks/bundle-BAZ7twtS.js');
+require('../../chunks/bundle-DBxITwxu.js');
+require('../../chunks/bundle-Dqp9uxau.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-DKmAwp7d.js');
+require('../../chunks/bundle-CNV7xlYf.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-BTOs4s9G.js');
+require('../../chunks/bundle-B1gFRcVr.js');
 
 /**
  * @deprecated This modules has been deprecated, please import from '@sendbird/uikit-react/ui/UserListItem'