@sendbird/uikit-react 3.14.3 → 3.14.5

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

@@ -1,71 +1,71 @@
 'use strict';
 
-var _tslib = require('../../chunks/bundle-CY1bUkfG.js');
+var _tslib = require('../../chunks/bundle-C-r9vRgc.js');
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
-var UserProfileContext = require('../../chunks/bundle-C7_tieEZ.js');
-var ui_Avatar = require('../../chunks/bundle-oUs61pbv.js');
+var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var UserProfileContext = require('../../chunks/bundle-D7v4i_Ae.js');
+var ui_Avatar = require('../../chunks/bundle-C0ZNrrcl.js');
 var ui_MutedAvatarOverlay = require('../../ui/MutedAvatarOverlay.js');
-var ui_Label = require('../../chunks/bundle-BuYf2Pa8.js');
+var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
+require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-CDJXrIVC.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-BDbnsPGF.js');
-require('../../chunks/bundle-C-zGGOpz.js');
+require('../../chunks/bundle-CLte647H.js');
+require('../../chunks/bundle-CxNGVWIy.js');
 require('../../ui/Icon.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-0W_w8lRK.js');
+require('../../chunks/bundle-DpK1fr1j.js');
 require('../../ui/Button.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
+require('../../chunks/bundle-Bpy7IQta.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-BRjBigtB.js');
-require('../../chunks/bundle-D3Gxy8S0.js');
+require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-Cw7xe6J1.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Bka-H9ks.js');
 
-var UserListItem = function (_a) {
-    var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;
-    var actionRef = React.useRef(null);
-    var parentRef = React.useRef(null);
-    var avatarRef = React.useRef(null);
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _b = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    var injectingClassNames = Array.isArray(className) ? className : [className];
-    return (React.createElement("div", { ref: parentRef, className: _tslib.__spreadArray([
-            'sendbird-user-list-item--small'
-        ], injectingClassNames, true).join(' ') },
-        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(React.Fragment, null,
-                React.createElement(ui_Avatar.Avatar, { onClick: function () {
-                        if (!disableUserProfile) {
-                            toggleDropdown();
-                        }
-                    }, ref: avatarRef, className: "sendbird-user-list-item--small__avatar", src: user.profileUrl, width: 24, height: 24 }),
-                user.isMuted && (React.createElement(ui_MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
-                ? renderUserProfile({
-                    user: user,
-                    currentUserId: currentUser,
-                    close: closeDropdown,
-                    avatarRef: avatarRef,
-                })
-                : (React.createElement(ui_ContextMenu.MenuItems, { openLeft: true, parentRef: avatarRef, 
-                    // for catching location(x, y) of MenuItems
-                    parentContainRef: avatarRef, 
-                    // for toggling more options(menus & reactions)
-                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
-                    React.createElement(ui_UserProfile, { user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
-        React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__title", type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
-            user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)),
-        !user.nickname && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
-        user.role === 'operator' && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__operator", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
-        action && (React.createElement("div", { ref: actionRef, className: "sendbird-user-list-item--small__action" }, action({ actionRef: actionRef, parentRef: parentRef })))));
+var UserListItem = function (_a) {
+    var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;
+    var actionRef = React.useRef(null);
+    var parentRef = React.useRef(null);
+    var avatarRef = React.useRef(null);
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var _b = React.useContext(UserProfileContext.UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var injectingClassNames = Array.isArray(className) ? className : [className];
+    return (React.createElement("div", { ref: parentRef, className: _tslib.__spreadArray([
+            'sendbird-user-list-item--small'
+        ], injectingClassNames, true).join(' ') },
+        React.createElement(ui_ContextMenu.default, { menuTrigger: function (toggleDropdown) { return (React.createElement(React.Fragment, null,
+                React.createElement(ui_Avatar.Avatar, { onClick: function () {
+                        if (!disableUserProfile) {
+                            toggleDropdown();
+                        }
+                    }, ref: avatarRef, className: "sendbird-user-list-item--small__avatar", src: user.profileUrl, width: 24, height: 24 }),
+                user.isMuted && (React.createElement(ui_MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                ? renderUserProfile({
+                    user: user,
+                    currentUserId: currentUser,
+                    close: closeDropdown,
+                    avatarRef: avatarRef,
+                })
+                : (React.createElement(ui_ContextMenu.MenuItems, { openLeft: true, parentRef: avatarRef, 
+                    // for catching location(x, y) of MenuItems
+                    parentContainRef: avatarRef, 
+                    // for toggling more options(menus & reactions)
+                    closeDropdown: closeDropdown, style: { paddingTop: '0px', paddingBottom: '0px' } },
+                    React.createElement(ui_UserProfile, { user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
+        React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__title", type: ui_Label.LabelTypography.SUBTITLE_1, color: ui_Label.LabelColors.ONBACKGROUND_1 },
+            user.nickname || stringSet.NO_NAME,
+            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)), // if there is now nickname, display userId
+        !user.nickname && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__subtitle", type: ui_Label.LabelTypography.CAPTION_3, color: ui_Label.LabelColors.ONBACKGROUND_2 }, user.userId)),
+        user.role === 'operator' && (React.createElement(ui_Label.Label, { className: "sendbird-user-list-item--small__operator", type: ui_Label.LabelTypography.SUBTITLE_2, color: ui_Label.LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
+        action && (React.createElement("div", { ref: actionRef, className: "sendbird-user-list-item--small__action" }, action({ actionRef: actionRef, parentRef: parentRef })))));
 };
 
 module.exports = UserListItem;

package/cjs/ChannelSettings/components/UserPanel.js

@@ -1,74 +1,76 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../chunks/bundle-E9H8fQL4.js');
-var ui_Label = require('../../chunks/bundle-BuYf2Pa8.js');
+var LocalizationContext = require('../../chunks/bundle-B7wJ4Hqk.js');
+var ui_Label = require('../../chunks/bundle-Deao1Upp.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_Badge = require('../../ui/Badge.js');
-var MemberList = require('../../chunks/bundle-B3N7ehMH.js');
+var MemberList = require('../../chunks/bundle-hVU-fzqu.js');
 var ChannelSettings_context = require('../context.js');
-require('../../chunks/bundle-DvWHV-PM.js');
-require('../../chunks/bundle-BwvM-P29.js');
-require('../../chunks/bundle-CY1bUkfG.js');
-require('../../chunks/bundle-BDbnsPGF.js');
+require('../../chunks/bundle-DWBc-Yv7.js');
+require('../../chunks/bundle-CDJXrIVC.js');
+require('../../chunks/bundle-C-r9vRgc.js');
+require('../../chunks/bundle-CLte647H.js');
 require('../../ui/Button.js');
 require('../../ui/IconButton.js');
 require('../../ui/ContextMenu.js');
+require('../../chunks/bundle-Bpy7IQta.js');
 require('react-dom');
 require('@sendbird/chat');
 require('@sendbird/chat/openChannel');
 require('../../ui/SortByRow.js');
-require('../../chunks/bundle-BRjBigtB.js');
-require('../../chunks/bundle-D3Gxy8S0.js');
+require('../../chunks/bundle-Ub33KGva.js');
+require('../../chunks/bundle-Cw7xe6J1.js');
 require('@sendbird/chat/groupChannel');
 require('../../utils/message/getOutgoingMessageState.js');
-require('../../chunks/bundle-Bka-H9ks.js');
 require('./UserListItem.js');
-require('../../chunks/bundle-C7_tieEZ.js');
-require('../../chunks/bundle-oUs61pbv.js');
+require('../../chunks/bundle-D7v4i_Ae.js');
+require('../../chunks/bundle-C0ZNrrcl.js');
 require('../../ui/ImageRenderer.js');
-require('../../chunks/bundle-C-zGGOpz.js');
+require('../../chunks/bundle-CxNGVWIy.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../chunks/bundle-0W_w8lRK.js');
+require('../../chunks/bundle-DpK1fr1j.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../chunks/bundle-fG1bRzYE.js');
-require('../../chunks/bundle-BwEcnJDm.js');
+require('../../chunks/bundle-DJ9gapN2.js');
+require('../../chunks/bundle-CLNUkVC8.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('../../chunks/bundle-BAqFIbKr.js');
+require('../../chunks/bundle-Ca7xeBTO.js');
 require('../../ui/UserListItem.js');
 require('../../ui/Checkbox.js');
-require('../../chunks/bundle-Dn17aH6v.js');
-require('../../chunks/bundle-DnXNmdmw.js');
-require('../../chunks/bundle-u8pJrzSP.js');
+require('../../chunks/bundle-hXD0NDZt.js');
+require('../../chunks/bundle-D1X4MKLh.js');
 require('@sendbird/chat/message');
-require('@sendbird/uikit-tools');
-require('../../chunks/bundle-DsKL-Ede.js');
+require('../../chunks/bundle-BMN1aDia.js');
 
-var kFormatter = function (num) {
-    return Math.abs(num) > 999
-        ? "".concat((Math.abs(num) / 1000).toFixed(1), "K")
-        : num;
-};
-var UserPanel = function () {
-    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-    var _a = React.useState(false), showAccordion = _a[0], setShowAccordion = _a[1];
-    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
-    return (React.createElement("div", { className: 'sendbird-channel-settings__user-panel' },
-        React.createElement("div", { className: [
-                'sendbird-channel-settings__panel-item',
-                'sendbird-channel-settings__members',
-            ].join(' '), role: "switch", "aria-checked": showAccordion, onKeyDown: function () { return setShowAccordion(!showAccordion); }, onClick: function () { return setShowAccordion(!showAccordion); }, tabIndex: 0 },
-            React.createElement(ui_Icon.default, { className: "sendbird-channel-settings__panel-icon-left", type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, height: "24px", width: "24px" }),
-            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, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
-            React.createElement(ui_Icon.default, { className: [
-                    'sendbird-channel-settings__panel-icon-right',
-                    'sendbird-channel-settings__panel-icon--chevron',
-                    (showAccordion ? 'sendbird-channel-settings__panel-icon--open' : ''),
-                ].join(' '), type: ui_Icon.IconTypes.CHEVRON_RIGHT, height: "24px", width: "24px" })),
-        showAccordion && (React.createElement(MemberList.MemberList, null))));
+var kFormatter = function (num) {
+    return Math.abs(num) > 999
+        ? "".concat((Math.abs(num) / 1000).toFixed(1), "K")
+        : num;
+};
+var UserPanel = function () {
+    var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
+    var _a = React.useState(false), showAccordion = _a[0], setShowAccordion = _a[1];
+    var channel = ChannelSettings_context.useChannelSettingsContext().channel;
+    return (React.createElement("div", { className: 'sendbird-channel-settings__user-panel' },
+        React.createElement("div", { className: [
+                'sendbird-channel-settings__panel-item',
+                'sendbird-channel-settings__members',
+            ].join(' '), role: "switch", "aria-checked": showAccordion, onKeyDown: function () { return setShowAccordion(!showAccordion); }, onClick: function () { return setShowAccordion(!showAccordion); }, tabIndex: 0 },
+            React.createElement(ui_Icon.default, { className: "sendbird-channel-settings__panel-icon-left", type: ui_Icon.IconTypes.MEMBERS, fillColor: ui_Icon.IconColors.PRIMARY, height: "24px", width: "24px" }),
+            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, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
+            React.createElement(ui_Icon.default, { className: [
+                    'sendbird-channel-settings__panel-icon-right',
+                    'sendbird-channel-settings__panel-icon--chevron',
+                    (showAccordion ? 'sendbird-channel-settings__panel-icon--open' : ''),
+                ].join(' '), type: ui_Icon.IconTypes.CHEVRON_RIGHT, height: "24px", width: "24px" })),
+        showAccordion && (React.createElement(MemberList.MemberList, null))));
 };
 
 module.exports = UserPanel;

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

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

package/cjs/ChannelSettings/context.js

@@ -1,116 +1,116 @@
 'use strict';
 
-var _tslib = require('../chunks/bundle-CY1bUkfG.js');
+var _tslib = require('../chunks/bundle-C-r9vRgc.js');
 var React = require('react');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var UserProfileContext = require('../chunks/bundle-C7_tieEZ.js');
-var uuid = require('../chunks/bundle-BRjBigtB.js');
+var UserProfileContext = require('../chunks/bundle-D7v4i_Ae.js');
+var uuid = require('../chunks/bundle-Ub33KGva.js');
 require('../withSendbird.js');
 
-function useAsyncRequest(request, options) {
-    var _this = this;
-    var _a;
-    var _b = React.useState({ loading: true, response: undefined, error: undefined }), state = _b[0], setState = _b[1];
-    var updateWithRequest = function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-        var response_1, error_1;
-        return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    setState(function (prev) { return ({ loading: true, error: undefined, response: (options === null || options === void 0 ? void 0 : options.resetResponseOnRefresh) ? undefined : prev.response }); });
-                    return [4 /*yield*/, request()];
-                case 1:
-                    response_1 = _a.sent();
-                    if (response_1) {
-                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { response: response_1, loading: false })); });
-                    }
-                    else {
-                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { loading: Boolean(options === null || options === void 0 ? void 0 : options.persistLoadingIfNoResponse) })); });
-                    }
-                    return [3 /*break*/, 3];
-                case 2:
-                    error_1 = _a.sent();
-                    setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { error: error_1, loading: false })); });
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    React.useEffect(function () {
-        updateWithRequest();
-        return function () {
-            if (request.cancel && typeof request.cancel === 'function') {
-                request.cancel();
-            }
-        };
-    }, (_a = options === null || options === void 0 ? void 0 : options.deps) !== null && _a !== void 0 ? _a : []);
-    return _tslib.__assign(_tslib.__assign({}, state), { refresh: updateWithRequest });
+function useAsyncRequest(request, options) {
+    var _this = this;
+    var _a;
+    var _b = React.useState({ loading: true, response: undefined, error: undefined }), state = _b[0], setState = _b[1];
+    var updateWithRequest = function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
+        var response_1, error_1;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    setState(function (prev) { return ({ loading: true, error: undefined, response: (options === null || options === void 0 ? void 0 : options.resetResponseOnRefresh) ? undefined : prev.response }); });
+                    return [4 /*yield*/, request()];
+                case 1:
+                    response_1 = _a.sent();
+                    if (response_1) {
+                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { response: response_1, loading: false })); });
+                    }
+                    else {
+                        setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { loading: Boolean(options === null || options === void 0 ? void 0 : options.persistLoadingIfNoResponse) })); });
+                    }
+                    return [3 /*break*/, 3];
+                case 2:
+                    error_1 = _a.sent();
+                    setState(function (prev) { return (_tslib.__assign(_tslib.__assign({}, prev), { error: error_1, loading: false })); });
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    React.useEffect(function () {
+        updateWithRequest();
+        return function () {
+            if (request.cancel && typeof request.cancel === 'function') {
+                request.cancel();
+            }
+        };
+    }, (_a = options === null || options === void 0 ? void 0 : options.deps) !== null && _a !== void 0 ? _a : []);
+    return _tslib.__assign(_tslib.__assign({}, state), { refresh: updateWithRequest });
 }
 
-var ChannelSettingsContext = React.createContext(null);
-var ChannelSettingsProvider = function (_a) {
-    var children = _a.children, className = _a.className, channelUrl = _a.channelUrl, onCloseClick = _a.onCloseClick, onLeaveChannel = _a.onLeaveChannel, onChannelModified = _a.onChannelModified, overrideInviteUser = _a.overrideInviteUser, onBeforeUpdateChannel = _a.onBeforeUpdateChannel, queries = _a.queries, renderUserProfile = _a.renderUserProfile, disableUserProfile = _a.disableUserProfile;
-    var _b = useSendbirdStateContext.useSendbirdStateContext(), config = _b.config, stores = _b.stores;
-    var sdkStore = stores.sdkStore;
-    var logger = config.logger, onUserProfileMessage = config.onUserProfileMessage;
-    // hack to keep track of channel updates by triggering useEffect
-    var _c = React.useState(function () { return uuid.uuidv4(); }), channelUpdateId = _c[0], setChannelUpdateId = _c[1];
-    var forceUpdateUI = function () { return setChannelUpdateId(uuid.uuidv4()); };
-    var _d = useAsyncRequest(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
-        var error_1;
-        return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    logger.info('ChannelSettings: fetching channel');
-                    if (!channelUrl) {
-                        logger.warning('ChannelSettings: channel url is required');
-                        return [2 /*return*/];
-                    }
-                    else if (!sdkStore.initialized || !sdkStore.sdk) {
-                        logger.warning('ChannelSettings: SDK is not initialized');
-                        return [2 /*return*/];
-                    }
-                    else if (!sdkStore.sdk.groupChannel) {
-                        logger.warning('ChannelSettings: GroupChannelModule is not specified in the SDK');
-                        return [2 /*return*/];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, sdkStore.sdk.groupChannel.getChannel(channelUrl)];
-                case 2: return [2 /*return*/, _a.sent()];
-                case 3:
-                    error_1 = _a.sent();
-                    logger.error('ChannelSettings: fetching channel error:', error_1.message);
-                    throw error_1;
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); }, {
-        resetResponseOnRefresh: true,
-        persistLoadingIfNoResponse: true,
-        deps: [sdkStore.initialized, sdkStore.sdk.groupChannel],
-    }), _e = _d.response, response = _e === void 0 ? null : _e, loading = _d.loading, error = _d.error, refresh = _d.refresh;
-    React.useEffect(function () {
-        refresh();
-    }, [channelUrl, channelUpdateId]);
-    return (React.createElement(ChannelSettingsContext.Provider, { value: {
-            channelUrl: channelUrl,
-            onCloseClick: onCloseClick,
-            onLeaveChannel: onLeaveChannel,
-            onChannelModified: onChannelModified,
-            onBeforeUpdateChannel: onBeforeUpdateChannel,
-            queries: queries,
-            overrideInviteUser: overrideInviteUser,
-            setChannelUpdateId: setChannelUpdateId,
-            forceUpdateUI: forceUpdateUI,
-            channel: response,
-            loading: loading,
-            invalidChannel: Boolean(error),
-        } },
-        React.createElement(UserProfileContext.UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile, onUserProfileMessage: onUserProfileMessage },
-            React.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
-};
+var ChannelSettingsContext = React.createContext(null);
+var ChannelSettingsProvider = function (_a) {
+    var children = _a.children, className = _a.className, channelUrl = _a.channelUrl, onCloseClick = _a.onCloseClick, onLeaveChannel = _a.onLeaveChannel, onChannelModified = _a.onChannelModified, overrideInviteUser = _a.overrideInviteUser, onBeforeUpdateChannel = _a.onBeforeUpdateChannel, queries = _a.queries, renderUserProfile = _a.renderUserProfile, disableUserProfile = _a.disableUserProfile;
+    var _b = useSendbirdStateContext.useSendbirdStateContext(), config = _b.config, stores = _b.stores;
+    var sdkStore = stores.sdkStore;
+    var logger = config.logger, onUserProfileMessage = config.onUserProfileMessage;
+    // hack to keep track of channel updates by triggering useEffect
+    var _c = React.useState(function () { return uuid.uuidv4(); }), channelUpdateId = _c[0], setChannelUpdateId = _c[1];
+    var forceUpdateUI = function () { return setChannelUpdateId(uuid.uuidv4()); };
+    var _d = useAsyncRequest(function () { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    logger.info('ChannelSettings: fetching channel');
+                    if (!channelUrl) {
+                        logger.warning('ChannelSettings: channel url is required');
+                        return [2 /*return*/];
+                    }
+                    else if (!sdkStore.initialized || !sdkStore.sdk) {
+                        logger.warning('ChannelSettings: SDK is not initialized');
+                        return [2 /*return*/];
+                    }
+                    else if (!sdkStore.sdk.groupChannel) {
+                        logger.warning('ChannelSettings: GroupChannelModule is not specified in the SDK');
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, sdkStore.sdk.groupChannel.getChannel(channelUrl)];
+                case 2: return [2 /*return*/, _a.sent()];
+                case 3:
+                    error_1 = _a.sent();
+                    logger.error('ChannelSettings: fetching channel error:', error_1.message);
+                    throw error_1;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, {
+        resetResponseOnRefresh: true,
+        persistLoadingIfNoResponse: true,
+        deps: [sdkStore.initialized, sdkStore.sdk.groupChannel],
+    }), _e = _d.response, response = _e === void 0 ? null : _e, loading = _d.loading, error = _d.error, refresh = _d.refresh;
+    React.useEffect(function () {
+        refresh();
+    }, [channelUrl, channelUpdateId]);
+    return (React.createElement(ChannelSettingsContext.Provider, { value: {
+            channelUrl: channelUrl,
+            onCloseClick: onCloseClick,
+            onLeaveChannel: onLeaveChannel,
+            onChannelModified: onChannelModified,
+            onBeforeUpdateChannel: onBeforeUpdateChannel,
+            queries: queries,
+            overrideInviteUser: overrideInviteUser,
+            setChannelUpdateId: setChannelUpdateId,
+            forceUpdateUI: forceUpdateUI,
+            channel: response,
+            loading: loading,
+            invalidChannel: Boolean(error),
+        } },
+        React.createElement(UserProfileContext.UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, onUserProfileMessage: onUserProfileMessage },
+            React.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
+};
 var useChannelSettingsContext = function () { return React.useContext(ChannelSettingsContext); };
 
 exports.ChannelSettingsProvider = ChannelSettingsProvider;

package/cjs/ChannelSettings.js

@@ -3,68 +3,71 @@
 var React = require('react');
 var ChannelSettings_components_ChannelSettingsUI = require('./ChannelSettings/components/ChannelSettingsUI.js');
 var ChannelSettings_context = require('./ChannelSettings/context.js');
-require('./chunks/bundle-CY1bUkfG.js');
+require('./chunks/bundle-C-r9vRgc.js');
 require('./useSendbirdStateContext.js');
 require('./withSendbird.js');
 require('./ChannelSettings/components/ChannelSettingsHeader.js');
-require('./chunks/bundle-E9H8fQL4.js');
-require('./chunks/bundle-DvWHV-PM.js');
-require('./chunks/bundle-BwvM-P29.js');
-require('./chunks/bundle-BuYf2Pa8.js');
-require('./ui/IconButton.js');
+require('./chunks/bundle-B7wJ4Hqk.js');
+require('./chunks/bundle-DWBc-Yv7.js');
+require('./chunks/bundle-CDJXrIVC.js');
 require('./ui/Icon.js');
-require('./chunks/bundle-BDbnsPGF.js');
+require('./chunks/bundle-CLte647H.js');
+require('./ui/Header.js');
+require('./chunks/bundle-Deao1Upp.js');
+require('./chunks/bundle-CLNUkVC8.js');
+require('./ui/TextButton.js');
+require('./chunks/bundle-DWGp201o.js');
+require('./ui/IconButton.js');
 require('./ui/PlaceHolder.js');
 require('./ui/Loader.js');
 require('./ChannelSettings/components/ChannelProfile.js');
 require('./ui/ChannelAvatar.js');
-require('./chunks/bundle-oUs61pbv.js');
+require('./chunks/bundle-C0ZNrrcl.js');
 require('./ui/ImageRenderer.js');
-require('./chunks/bundle-C-zGGOpz.js');
-require('./chunks/bundle-BJBClQcM.js');
-require('./ui/TextButton.js');
-require('./chunks/bundle-DI-qrtXL.js');
+require('./chunks/bundle-CxNGVWIy.js');
+require('./chunks/bundle-B4EdciCR.js');
 require('./ChannelSettings/components/EditDetailsModal.js');
-require('./chunks/bundle-fG1bRzYE.js');
+require('./chunks/bundle-DJ9gapN2.js');
+require('./chunks/bundle-Cw7xe6J1.js');
+require('@sendbird/chat/groupChannel');
+require('./utils/message/getOutgoingMessageState.js');
 require('react-dom');
-require('./chunks/bundle-BwEcnJDm.js');
 require('./ui/Button.js');
+require('@sendbird/uikit-tools');
+require('css-vars-ponyfill');
+require('@sendbird/chat');
+require('./chunks/bundle-Ub33KGva.js');
+require('@sendbird/chat/openChannel');
+require('./chunks/bundle-BAqFIbKr.js');
+require('./chunks/bundle-Ca7xeBTO.js');
+require('./chunks/bundle-Bpy7IQta.js');
 require('./ui/Input.js');
-require('./chunks/bundle-BRjBigtB.js');
 require('./ChannelSettings/components/ModerationPanel.js');
 require('./ui/Accordion.js');
 require('./ui/AccordionGroup.js');
 require('./ui/Badge.js');
 require('./ui/Toggle.js');
 require('./ui/ContextMenu.js');
-require('@sendbird/chat');
-require('@sendbird/chat/openChannel');
 require('./ui/SortByRow.js');
-require('./chunks/bundle-D3Gxy8S0.js');
-require('@sendbird/chat/groupChannel');
-require('./utils/message/getOutgoingMessageState.js');
-require('./chunks/bundle-Bka-H9ks.js');
 require('./ChannelSettings/components/UserListItem.js');
-require('./chunks/bundle-C7_tieEZ.js');
+require('./chunks/bundle-D7v4i_Ae.js');
 require('./ui/MutedAvatarOverlay.js');
 require('./ui/UserProfile.js');
 require('./sendbirdSelectors.js');
-require('./chunks/bundle-0W_w8lRK.js');
+require('./chunks/bundle-DpK1fr1j.js');
 require('./ui/UserListItem.js');
 require('./ui/Checkbox.js');
-require('./chunks/bundle-Dn17aH6v.js');
-require('./chunks/bundle-DnXNmdmw.js');
-require('./chunks/bundle-u8pJrzSP.js');
+require('./chunks/bundle-hXD0NDZt.js');
+require('./chunks/bundle-D1X4MKLh.js');
 require('@sendbird/chat/message');
-require('@sendbird/uikit-tools');
-require('./chunks/bundle-DsKL-Ede.js');
-require('./chunks/bundle-B3N7ehMH.js');
+require('./chunks/bundle-BMN1aDia.js');
+require('./chunks/bundle-hVU-fzqu.js');
 require('./ChannelSettings/components/LeaveChannel.js');
 require('./ChannelSettings/components/UserPanel.js');
 
-var ChannelSettings = function (props) {
-    return (React.createElement(ChannelSettings_context.ChannelSettingsProvider, { overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, channelUrl: props.channelUrl, onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick, onLeaveChannel: props === null || props === void 0 ? void 0 : props.onLeaveChannel, onChannelModified: props === null || props === void 0 ? void 0 : props.onChannelModified, onBeforeUpdateChannel: props === null || props === void 0 ? void 0 : props.onBeforeUpdateChannel, queries: props === null || props === void 0 ? void 0 : props.queries, className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile },
-        React.createElement(ChannelSettings_components_ChannelSettingsUI, { renderPlaceholderError: props === null || props === void 0 ? void 0 : props.renderPlaceholderError, renderChannelProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile, renderModerationPanel: props === null || props === void 0 ? void 0 : props.renderModerationPanel, renderLeaveChannel: props === null || props === void 0 ? void 0 : props.renderLeaveChannel })));
+var ChannelSettings = function (props) {
+    return (React.createElement(ChannelSettings_context.ChannelSettingsProvider, { overrideInviteUser: props === null || props === void 0 ? void 0 : props.overrideInviteUser, channelUrl: props.channelUrl, onCloseClick: props === null || props === void 0 ? void 0 : props.onCloseClick, onLeaveChannel: props === null || props === void 0 ? void 0 : props.onLeaveChannel, onChannelModified: props === null || props === void 0 ? void 0 : props.onChannelModified, onBeforeUpdateChannel: props === null || props === void 0 ? void 0 : props.onBeforeUpdateChannel, queries: props === null || props === void 0 ? void 0 : props.queries, className: props === null || props === void 0 ? void 0 : props.className, disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile },
+        React.createElement(ChannelSettings_components_ChannelSettingsUI, { renderPlaceholderError: props === null || props === void 0 ? void 0 : props.renderPlaceholderError, renderChannelProfile: props === null || props === void 0 ? void 0 : props.renderChannelProfile, renderModerationPanel: props === null || props === void 0 ? void 0 : props.renderModerationPanel, renderLeaveChannel: props === null || props === void 0 ? void 0 : props.renderLeaveChannel })));
 };
 
 module.exports = ChannelSettings;

package/cjs/ChannelSettings.js.map

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