@sendbird/uikit-react 3.14.3 → 3.14.5

package/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/ChannelSettings/components/UserListItem.js

@@ -1,69 +1,69 @@
-import { c as __spreadArray } from '../../chunks/bundle-DZcgZWKq.js';
+import { c as __spreadArray } from '../../chunks/bundle-CDy_GVNR.js';
 import React__default, { useRef, useContext } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { a as UserProfileContext } from '../../chunks/bundle-DGnpw8up.js';
-import { A as Avatar } from '../../chunks/bundle-BPvfVEd8.js';
+import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { a as UserProfileContext } from '../../chunks/bundle-60et0yds.js';
+import { A as Avatar } from '../../chunks/bundle-C1XVT5qc.js';
 import MutedAvatarOverlay from '../../ui/MutedAvatarOverlay.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-Dk211z5R.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
 import UserProfile from '../../ui/UserProfile.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-DZl__KhG.js';
-import '../../chunks/bundle-CUd4X5O2.js';
+import '../../chunks/bundle-DhJuLwLJ.js';
+import '../../chunks/bundle-BQPvwBK8.js';
 import '../../ui/Icon.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BX_IXLSp.js';
+import '../../chunks/bundle-CtgXJZJt.js';
 import '../../ui/Button.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BbeHRXOp.js';
-import '../../chunks/bundle-DwApARpe.js';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-BH5EGLxi.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Bdw6eUSG.js';
 
-var UserListItem = function (_a) {
-    var user = _a.user, className = _a.className, currentUser = _a.currentUser, action = _a.action;
-    var actionRef = useRef(null);
-    var parentRef = useRef(null);
-    var avatarRef = useRef(null);
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
-    var injectingClassNames = Array.isArray(className) ? className : [className];
-    return (React__default.createElement("div", { ref: parentRef, className: __spreadArray([
-            'sendbird-user-list-item--small'
-        ], injectingClassNames, true).join(' ') },
-        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(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__default.createElement(MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
-                ? renderUserProfile({
-                    user: user,
-                    currentUserId: currentUser,
-                    close: closeDropdown,
-                    avatarRef: avatarRef,
-                })
-                : (React__default.createElement(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__default.createElement(UserProfile, { user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
-        React__default.createElement(Label, { className: "sendbird-user-list-item--small__title", type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
-            user.nickname || stringSet.NO_NAME,
-            (currentUser === user.userId) && (stringSet.CHANNEL_SETTING__MEMBERS__YOU)),
-        !user.nickname && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__subtitle", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
-        user.role === 'operator' && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__operator", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
-        action && (React__default.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 = useRef(null);
+    var parentRef = useRef(null);
+    var avatarRef = useRef(null);
+    var stringSet = useContext(LocalizationContext).stringSet;
+    var _b = useContext(UserProfileContext), disableUserProfile = _b.disableUserProfile, renderUserProfile = _b.renderUserProfile;
+    var injectingClassNames = Array.isArray(className) ? className : [className];
+    return (React__default.createElement("div", { ref: parentRef, className: __spreadArray([
+            'sendbird-user-list-item--small'
+        ], injectingClassNames, true).join(' ') },
+        React__default.createElement(ContextMenu, { menuTrigger: function (toggleDropdown) { return (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(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__default.createElement(MutedAvatarOverlay, null)))); }, menuItems: function (closeDropdown) { return (renderUserProfile
+                ? renderUserProfile({
+                    user: user,
+                    currentUserId: currentUser,
+                    close: closeDropdown,
+                    avatarRef: avatarRef,
+                })
+                : (React__default.createElement(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__default.createElement(UserProfile, { user: user, currentUserId: currentUser, onSuccess: closeDropdown })))); } }),
+        React__default.createElement(Label, { className: "sendbird-user-list-item--small__title", type: LabelTypography.SUBTITLE_1, color: 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__default.createElement(Label, { className: "sendbird-user-list-item--small__subtitle", type: LabelTypography.CAPTION_3, color: LabelColors.ONBACKGROUND_2 }, user.userId)),
+        user.role === 'operator' && (React__default.createElement(Label, { className: "sendbird-user-list-item--small__operator", type: LabelTypography.SUBTITLE_2, color: LabelColors.ONBACKGROUND_2 }, stringSet.CHANNEL_SETTING__MEMBERS__OPERATOR)),
+        action && (React__default.createElement("div", { ref: actionRef, className: "sendbird-user-list-item--small__action" }, action({ actionRef: actionRef, parentRef: parentRef })))));
 };
 
 export { UserListItem as default };

package/ChannelSettings/components/UserPanel.js

@@ -1,72 +1,74 @@
 import React__default, { useContext, useState } from 'react';
-import { L as LocalizationContext } from '../../chunks/bundle-tIPAQa1P.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-Dk211z5R.js';
+import { L as LocalizationContext } from '../../chunks/bundle-CAdxJnio.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../chunks/bundle-q3jyuKU7.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import Badge from '../../ui/Badge.js';
-import { M as MemberList } from '../../chunks/bundle-BcKA_SAt.js';
+import { M as MemberList } from '../../chunks/bundle-BXXtOrta.js';
 import { useChannelSettingsContext } from '../context.js';
-import '../../chunks/bundle-BLGMGsvT.js';
-import '../../chunks/bundle-Danvz0zD.js';
-import '../../chunks/bundle-DZcgZWKq.js';
-import '../../chunks/bundle-DZl__KhG.js';
+import '../../chunks/bundle-B621kS6J.js';
+import '../../chunks/bundle-9Pg6kODx.js';
+import '../../chunks/bundle-CDy_GVNR.js';
+import '../../chunks/bundle-DhJuLwLJ.js';
 import '../../ui/Button.js';
 import '../../ui/IconButton.js';
 import '../../ui/ContextMenu.js';
+import '../../chunks/bundle-2vhBVWLQ.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-BbeHRXOp.js';
-import '../../chunks/bundle-DwApARpe.js';
+import '../../chunks/bundle-8J9SSfIS.js';
+import '../../chunks/bundle-BH5EGLxi.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-Bdw6eUSG.js';
 import './UserListItem.js';
-import '../../chunks/bundle-DGnpw8up.js';
-import '../../chunks/bundle-BPvfVEd8.js';
+import '../../chunks/bundle-60et0yds.js';
+import '../../chunks/bundle-C1XVT5qc.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CUd4X5O2.js';
+import '../../chunks/bundle-BQPvwBK8.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-BX_IXLSp.js';
+import '../../chunks/bundle-CtgXJZJt.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../chunks/bundle-CSOdmQ75.js';
-import '../../chunks/bundle-BlK-fMQm.js';
+import '../../chunks/bundle-DiVyB2HD.js';
+import '../../chunks/bundle-Cj-w5I5i.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '../../chunks/bundle-D2MpL8t0.js';
+import '../../chunks/bundle-thdxvFU8.js';
 import '../../ui/UserListItem.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-CMZVPZeM.js';
-import '../../chunks/bundle-Dc7E6GJc.js';
-import '../../chunks/bundle-DWW0XPV9.js';
+import '../../chunks/bundle-BGTq2aZA.js';
+import '../../chunks/bundle-CDMcNani.js';
 import '@sendbird/chat/message';
-import '@sendbird/uikit-tools';
-import '../../chunks/bundle-BLMDgHS-.js';
+import '../../chunks/bundle-HFOQJZAX.js';
 
-var kFormatter = function (num) {
-    return Math.abs(num) > 999
-        ? "".concat((Math.abs(num) / 1000).toFixed(1), "K")
-        : num;
-};
-var UserPanel = function () {
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var _a = useState(false), showAccordion = _a[0], setShowAccordion = _a[1];
-    var channel = useChannelSettingsContext().channel;
-    return (React__default.createElement("div", { className: 'sendbird-channel-settings__user-panel' },
-        React__default.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__default.createElement(Icon, { className: "sendbird-channel-settings__panel-icon-left", type: IconTypes.MEMBERS, fillColor: IconColors.PRIMARY, height: "24px", width: "24px" }),
-            React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
-                stringSet.CHANNEL_SETTING__MEMBERS__TITLE,
-                React__default.createElement(Badge, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
-            React__default.createElement(Icon, { className: [
-                    'sendbird-channel-settings__panel-icon-right',
-                    'sendbird-channel-settings__panel-icon--chevron',
-                    (showAccordion ? 'sendbird-channel-settings__panel-icon--open' : ''),
-                ].join(' '), type: IconTypes.CHEVRON_RIGHT, height: "24px", width: "24px" })),
-        showAccordion && (React__default.createElement(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 = useContext(LocalizationContext).stringSet;
+    var _a = useState(false), showAccordion = _a[0], setShowAccordion = _a[1];
+    var channel = useChannelSettingsContext().channel;
+    return (React__default.createElement("div", { className: 'sendbird-channel-settings__user-panel' },
+        React__default.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__default.createElement(Icon, { className: "sendbird-channel-settings__panel-icon-left", type: IconTypes.MEMBERS, fillColor: IconColors.PRIMARY, height: "24px", width: "24px" }),
+            React__default.createElement(Label, { type: LabelTypography.SUBTITLE_1, color: LabelColors.ONBACKGROUND_1 },
+                stringSet.CHANNEL_SETTING__MEMBERS__TITLE,
+                React__default.createElement(Badge, { className: 'sendbird-channel-settings__badge', count: kFormatter(channel === null || channel === void 0 ? void 0 : channel.memberCount) })),
+            React__default.createElement(Icon, { className: [
+                    'sendbird-channel-settings__panel-icon-right',
+                    'sendbird-channel-settings__panel-icon--chevron',
+                    (showAccordion ? 'sendbird-channel-settings__panel-icon--open' : ''),
+                ].join(' '), type: IconTypes.CHEVRON_RIGHT, height: "24px", width: "24px" })),
+        showAccordion && (React__default.createElement(MemberList, null))));
 };
 
 export { UserPanel as default };

package/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/ChannelSettings/context.js

@@ -1,114 +1,114 @@
-import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-DZcgZWKq.js';
+import { _ as __assign, a as __awaiter, b as __generator } from '../chunks/bundle-CDy_GVNR.js';
 import React__default, { useState, useEffect } from 'react';
 import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { U as UserProfileProvider } from '../chunks/bundle-DGnpw8up.js';
-import { u as uuidv4 } from '../chunks/bundle-BbeHRXOp.js';
+import { U as UserProfileProvider } from '../chunks/bundle-60et0yds.js';
+import { u as uuidv4 } from '../chunks/bundle-8J9SSfIS.js';
 import '../withSendbird.js';
 
-function useAsyncRequest(request, options) {
-    var _this = this;
-    var _a;
-    var _b = useState({ loading: true, response: undefined, error: undefined }), state = _b[0], setState = _b[1];
-    var updateWithRequest = function () { return __awaiter(_this, void 0, void 0, function () {
-        var response_1, error_1;
-        return __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 (__assign(__assign({}, prev), { response: response_1, loading: false })); });
-                    }
-                    else {
-                        setState(function (prev) { return (__assign(__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 (__assign(__assign({}, prev), { error: error_1, loading: false })); });
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
-            }
-        });
-    }); };
-    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 __assign(__assign({}, state), { refresh: updateWithRequest });
+function useAsyncRequest(request, options) {
+    var _this = this;
+    var _a;
+    var _b = useState({ loading: true, response: undefined, error: undefined }), state = _b[0], setState = _b[1];
+    var updateWithRequest = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response_1, error_1;
+        return __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 (__assign(__assign({}, prev), { response: response_1, loading: false })); });
+                    }
+                    else {
+                        setState(function (prev) { return (__assign(__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 (__assign(__assign({}, prev), { error: error_1, loading: false })); });
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    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 __assign(__assign({}, state), { refresh: updateWithRequest });
 }
 
-var ChannelSettingsContext = React__default.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(), 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 = useState(function () { return uuidv4(); }), channelUpdateId = _c[0], setChannelUpdateId = _c[1];
-    var forceUpdateUI = function () { return setChannelUpdateId(uuidv4()); };
-    var _d = useAsyncRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
-        var error_1;
-        return __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;
-    useEffect(function () {
-        refresh();
-    }, [channelUrl, channelUpdateId]);
-    return (React__default.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__default.createElement(UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : config === null || config === void 0 ? void 0 : config.disableUserProfile, onUserProfileMessage: onUserProfileMessage },
-            React__default.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
-};
+var ChannelSettingsContext = React__default.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(), 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 = useState(function () { return uuidv4(); }), channelUpdateId = _c[0], setChannelUpdateId = _c[1];
+    var forceUpdateUI = function () { return setChannelUpdateId(uuidv4()); };
+    var _d = useAsyncRequest(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __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;
+    useEffect(function () {
+        refresh();
+    }, [channelUrl, channelUpdateId]);
+    return (React__default.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__default.createElement(UserProfileProvider, { renderUserProfile: renderUserProfile, disableUserProfile: disableUserProfile !== null && disableUserProfile !== void 0 ? disableUserProfile : !config.common.enableUsingDefaultUserProfile, onUserProfileMessage: onUserProfileMessage },
+            React__default.createElement("div", { className: "sendbird-channel-settings ".concat(className) }, children))));
+};
 var useChannelSettingsContext = function () { return React__default.useContext(ChannelSettingsContext); };
 
 export { ChannelSettingsProvider, useChannelSettingsContext };

package/ChannelSettings.js

@@ -1,68 +1,71 @@
 import React__default from 'react';
 import ChannelSettingsUI from './ChannelSettings/components/ChannelSettingsUI.js';
 import { ChannelSettingsProvider } from './ChannelSettings/context.js';
-import './chunks/bundle-DZcgZWKq.js';
+import './chunks/bundle-CDy_GVNR.js';
 import './useSendbirdStateContext.js';
 import './withSendbird.js';
 import './ChannelSettings/components/ChannelSettingsHeader.js';
-import './chunks/bundle-tIPAQa1P.js';
-import './chunks/bundle-BLGMGsvT.js';
-import './chunks/bundle-Danvz0zD.js';
-import './chunks/bundle-Dk211z5R.js';
-import './ui/IconButton.js';
+import './chunks/bundle-CAdxJnio.js';
+import './chunks/bundle-B621kS6J.js';
+import './chunks/bundle-9Pg6kODx.js';
 import './ui/Icon.js';
-import './chunks/bundle-DZl__KhG.js';
+import './chunks/bundle-DhJuLwLJ.js';
+import './ui/Header.js';
+import './chunks/bundle-q3jyuKU7.js';
+import './chunks/bundle-Cj-w5I5i.js';
+import './ui/TextButton.js';
+import './chunks/bundle-BCuW6lS8.js';
+import './ui/IconButton.js';
 import './ui/PlaceHolder.js';
 import './ui/Loader.js';
 import './ChannelSettings/components/ChannelProfile.js';
 import './ui/ChannelAvatar.js';
-import './chunks/bundle-BPvfVEd8.js';
+import './chunks/bundle-C1XVT5qc.js';
 import './ui/ImageRenderer.js';
-import './chunks/bundle-CUd4X5O2.js';
-import './chunks/bundle-BKCDSKx6.js';
-import './ui/TextButton.js';
-import './chunks/bundle-BMPm6lKq.js';
+import './chunks/bundle-BQPvwBK8.js';
+import './chunks/bundle-DHrYAkRt.js';
 import './ChannelSettings/components/EditDetailsModal.js';
-import './chunks/bundle-CSOdmQ75.js';
+import './chunks/bundle-DiVyB2HD.js';
+import './chunks/bundle-BH5EGLxi.js';
+import '@sendbird/chat/groupChannel';
+import './utils/message/getOutgoingMessageState.js';
 import 'react-dom';
-import './chunks/bundle-BlK-fMQm.js';
 import './ui/Button.js';
+import '@sendbird/uikit-tools';
+import 'css-vars-ponyfill';
+import '@sendbird/chat';
+import './chunks/bundle-8J9SSfIS.js';
+import '@sendbird/chat/openChannel';
+import './chunks/bundle-D2MpL8t0.js';
+import './chunks/bundle-thdxvFU8.js';
+import './chunks/bundle-2vhBVWLQ.js';
 import './ui/Input.js';
-import './chunks/bundle-BbeHRXOp.js';
 import './ChannelSettings/components/ModerationPanel.js';
 import './ui/Accordion.js';
 import './ui/AccordionGroup.js';
 import './ui/Badge.js';
 import './ui/Toggle.js';
 import './ui/ContextMenu.js';
-import '@sendbird/chat';
-import '@sendbird/chat/openChannel';
 import './ui/SortByRow.js';
-import './chunks/bundle-DwApARpe.js';
-import '@sendbird/chat/groupChannel';
-import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-Bdw6eUSG.js';
 import './ChannelSettings/components/UserListItem.js';
-import './chunks/bundle-DGnpw8up.js';
+import './chunks/bundle-60et0yds.js';
 import './ui/MutedAvatarOverlay.js';
 import './ui/UserProfile.js';
 import './sendbirdSelectors.js';
-import './chunks/bundle-BX_IXLSp.js';
+import './chunks/bundle-CtgXJZJt.js';
 import './ui/UserListItem.js';
 import './ui/Checkbox.js';
-import './chunks/bundle-CMZVPZeM.js';
-import './chunks/bundle-Dc7E6GJc.js';
-import './chunks/bundle-DWW0XPV9.js';
+import './chunks/bundle-BGTq2aZA.js';
+import './chunks/bundle-CDMcNani.js';
 import '@sendbird/chat/message';
-import '@sendbird/uikit-tools';
-import './chunks/bundle-BLMDgHS-.js';
-import './chunks/bundle-BcKA_SAt.js';
+import './chunks/bundle-HFOQJZAX.js';
+import './chunks/bundle-BXXtOrta.js';
 import './ChannelSettings/components/LeaveChannel.js';
 import './ChannelSettings/components/UserPanel.js';
 
-var ChannelSettings = function (props) {
-    return (React__default.createElement(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__default.createElement(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__default.createElement(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__default.createElement(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 })));
 };
 
 export { ChannelSettings as default };

package/ChannelSettings.js.map

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