@sendbird/uikit-react 3.15.13 → 3.15.14

package/chunks/bundle-BkZBhjs8.js

@@ -0,0 +1,209 @@
+import { a as __spreadArray, b as __awaiter, c as __generator, _ as __assign } from './bundle-B8Grfnrx.js';
+import { u as useStore, c as createStore, s as shimExports } from './bundle-C4OmfIXk.js';
+import React__default, { useEffect, createContext, useState, useCallback, useRef, useContext, useMemo } from 'react';
+import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
+import { u as uuidv4 } from './bundle-CTkGIdt8.js';
+import { c as compareIds } from './bundle-Djq12iSf.js';
+import { c as classnames } from './bundle-CDcu1I4f.js';
+import { U as UserProfileProvider } from './bundle-BYqblmEM.js';
+import { u as useSendbird } from './bundle-I25ah_Bv.js';
+
+function useSetChannel(_a) {
+    var _this = this;
+    var channelUrl = _a.channelUrl, sdk = _a.sdk, logger = _a.logger, initialized = _a.initialized, _b = _a.dependencies, dependencies = _b === void 0 ? [] : _b;
+    var _c = useChannelSettings().actions, setChannel = _c.setChannel, setInvalid = _c.setInvalid, setLoading = _c.setLoading;
+    useEffect(function () {
+        var controller = new AbortController();
+        var signal = controller.signal;
+        var fetchChannel = function () { return __awaiter(_this, void 0, void 0, function () {
+            var groupChannel, error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, 3, 4]);
+                        if (!channelUrl) {
+                            logger.warning('ChannelSettings: channel url is required');
+                            setLoading(false);
+                            return [2 /*return*/];
+                        }
+                        if (!initialized || !sdk) {
+                            logger.warning('ChannelSettings: SDK is not initialized');
+                            setLoading(false);
+                            return [2 /*return*/];
+                        }
+                        if (!sdk.groupChannel) {
+                            logger.warning('ChannelSettings: GroupChannelModule is not specified in the SDK');
+                            setLoading(false);
+                            return [2 /*return*/];
+                        }
+                        setLoading(true);
+                        return [4 /*yield*/, sdk.groupChannel.getChannel(channelUrl)];
+                    case 1:
+                        groupChannel = _a.sent();
+                        if (!signal.aborted) {
+                            logger.info('ChannelSettings | useSetChannel: fetched group channel', groupChannel);
+                            setChannel(groupChannel);
+                        }
+                        return [3 /*break*/, 4];
+                    case 2:
+                        error_1 = _a.sent();
+                        if (!signal.aborted) {
+                            logger.error('ChannelSettings | useSetChannel: failed fetching channel', error_1);
+                            setInvalid(true);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        if (!signal.aborted) {
+                            setLoading(false);
+                        }
+                        return [7 /*endfinally*/];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        fetchChannel();
+        return function () { return controller.abort(); }; // Cleanup with AbortController
+    }, __spreadArray([channelUrl, initialized, sdk], dependencies, true));
+}
+
+var useChannelHandler = function (_a) {
+    var sdk = _a.sdk, channelUrl = _a.channelUrl, logger = _a.logger, forceUpdateUI = _a.forceUpdateUI, _b = _a.dependencies, dependencies = _b === void 0 ? [] : _b;
+    useEffect(function () {
+        if (!sdk || !sdk.groupChannel) {
+            logger.warning('ChannelSettings: SDK or GroupChannelModule is not available');
+            return;
+        }
+        var newChannelHandlerId = uuidv4();
+        var channelHandler = new GroupChannelHandler({
+            onUserLeft: function (channel, user) {
+                if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
+                    logger.info('ChannelSettings: onUserLeft', { channel: channel, user: user });
+                    forceUpdateUI();
+                }
+            },
+            onUserBanned: function (channel, user) {
+                if (compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl) && channel.isGroupChannel()) {
+                    logger.info('ChannelSettings: onUserBanned', { channel: channel, user: user });
+                    forceUpdateUI();
+                }
+            },
+        });
+        sdk.groupChannel.addGroupChannelHandler(newChannelHandlerId, channelHandler);
+        return function () {
+            if (sdk.groupChannel && newChannelHandlerId) {
+                logger.info('ChannelSettings: Removing message receiver handler', newChannelHandlerId);
+                sdk.groupChannel.removeGroupChannelHandler(newChannelHandlerId);
+            }
+        };
+    }, __spreadArray([sdk, channelUrl, logger], dependencies, true));
+    return null;
+};
+
+var ChannelSettingsContext = createContext(null);
+var initialState = {
+    // Props
+    channelUrl: '',
+    onCloseClick: undefined,
+    onLeaveChannel: undefined,
+    onChannelModified: undefined,
+    onBeforeUpdateChannel: undefined,
+    renderUserListItem: undefined,
+    queries: {},
+    overrideInviteUser: undefined,
+    // Managed states
+    channel: null,
+    loading: false,
+    invalidChannel: false,
+    forceUpdateUI: function () { },
+    setChannelUpdateId: function () { },
+};
+/**
+ * @returns {ReturnType<typeof createStore<ChannelSettingsState>>}
+ */
+var useChannelSettingsStore = function () {
+    return useStore(ChannelSettingsContext, function (state) { return state; }, initialState);
+};
+var ChannelSettingsManager = function (_a) {
+    var _b;
+    var channelUrl = _a.channelUrl, onCloseClick = _a.onCloseClick, onLeaveChannel = _a.onLeaveChannel, onChannelModified = _a.onChannelModified, overrideInviteUser = _a.overrideInviteUser, onBeforeUpdateChannel = _a.onBeforeUpdateChannel, queries = _a.queries, renderUserListItem = _a.renderUserListItem;
+    var state = useSendbird().state;
+    var config = state.config, stores = state.stores;
+    var updateState = useChannelSettingsStore().updateState;
+    var logger = config.logger;
+    var _c = (_b = stores === null || stores === void 0 ? void 0 : stores.sdkStore) !== null && _b !== void 0 ? _b : {}, sdk = _c.sdk, initialized = _c.initialized;
+    var _d = useState(function () { return uuidv4(); }), channelUpdateId = _d[0], setChannelUpdateId = _d[1];
+    var forceUpdateUI = useCallback(function () { return setChannelUpdateId(uuidv4()); }, []);
+    var dependencies = [channelUpdateId];
+    useSetChannel({
+        channelUrl: channelUrl,
+        sdk: sdk,
+        logger: logger,
+        initialized: initialized,
+        dependencies: dependencies,
+    });
+    useChannelHandler({
+        sdk: sdk,
+        channelUrl: channelUrl,
+        logger: logger,
+        forceUpdateUI: forceUpdateUI,
+        dependencies: dependencies,
+    });
+    useEffect(function () {
+        updateState({
+            channelUrl: channelUrl,
+            onCloseClick: onCloseClick,
+            onLeaveChannel: onLeaveChannel,
+            onChannelModified: onChannelModified,
+            onBeforeUpdateChannel: onBeforeUpdateChannel,
+            renderUserListItem: renderUserListItem,
+            queries: queries,
+            overrideInviteUser: overrideInviteUser,
+            forceUpdateUI: forceUpdateUI,
+            setChannelUpdateId: setChannelUpdateId,
+        });
+    }, [
+        channelUrl,
+        onCloseClick,
+        onLeaveChannel,
+        onChannelModified,
+        onBeforeUpdateChannel,
+        renderUserListItem,
+        queries,
+        overrideInviteUser,
+        forceUpdateUI,
+    ]);
+    return null;
+};
+var createChannelSettingsStore = function () { return createStore(initialState); };
+var InternalChannelSettingsProvider = function (_a) {
+    var children = _a.children;
+    var storeRef = useRef(createChannelSettingsStore());
+    return (React__default.createElement(ChannelSettingsContext.Provider, { value: storeRef.current }, children));
+};
+var ChannelSettingsProvider = function (props) {
+    var children = props.children, className = props.className;
+    return (React__default.createElement(InternalChannelSettingsProvider, null,
+        React__default.createElement(ChannelSettingsManager, __assign({}, props)),
+        React__default.createElement(UserProfileProvider, __assign({}, props),
+            React__default.createElement("div", { className: classnames('sendbird-channel-settings', className) }, children))));
+};
+var useChannelSettingsContext = function () {
+    var _a = useChannelSettings(), state = _a.state, actions = _a.actions;
+    return __assign(__assign({}, state), actions);
+};
+
+var useChannelSettings = function () {
+    var store = useContext(ChannelSettingsContext);
+    if (!store)
+        throw new Error('useChannelSettings must be used within a ChannelSettingsProvider');
+    var state = shimExports.useSyncExternalStore(store.subscribe, store.getState);
+    var actions = useMemo(function () { return ({
+        setChannel: function (channel) { return store.setState(function (state) { return (__assign(__assign({}, state), { channel: channel })); }); },
+        setLoading: function (loading) { return store.setState(function (state) { return (__assign(__assign({}, state), { loading: loading })); }); },
+        setInvalid: function (invalid) { return store.setState(function (state) { return (__assign(__assign({}, state), { invalidChannel: invalid })); }); },
+    }); }, [store]);
+    return { state: state, actions: actions };
+};
+
+export { ChannelSettingsProvider as C, useChannelSettings as a, useChannelSettingsContext as u };
+//# sourceMappingURL=bundle-BkZBhjs8.js.map

package/chunks/bundle-BkZBhjs8.js.map

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

package/chunks/{bundle-JYgg9UJ5.js → bundle-BoZwl2OL.js}

@@ -1,18 +1,19 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { u as useLocalization } from './bundle-CIN9yQRB.js';
-import { U as UserProfileProvider } from './bundle-gQ2a8Eki.js';
-import { _ as __assign, c as __spreadArray, a as __awaiter, b as __generator } from './bundle-C7jYHvwG.js';
-import { c as compareIds } from './bundle-CzdrQ_Yq.js';
-import { p as pubSubTopics } from './bundle-MkyS3j4-.js';
+import { u as useLocalization } from './bundle-l_QLKq1Y.js';
+import { U as UserProfileProvider } from './bundle-BYqblmEM.js';
+import { _ as __assign, a as __spreadArray, b as __awaiter, c as __generator } from './bundle-B8Grfnrx.js';
+import { c as compareIds } from './bundle-Djq12iSf.js';
+import { p as pubSubTopics } from './bundle--1cImOGd.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './bundle-4W3uBGU3.js';
-import { c as compressImages } from './bundle-2kzSicIw.js';
-import { useSendbirdStateContext } from '../useSendbirdStateContext.js';
-import { b as useGlobalModalContext, c as ModalFooter } from './bundle-MyLy9AIu.js';
-import { O as ONE_MiB } from './bundle-DkviGBGz.js';
-import './bundle-DImSV9VW.js';
+import { u as uuidv4 } from './bundle-CTkGIdt8.js';
+import { c as compressImages } from './bundle-CSDZhWAY.js';
+import { useGlobalModalContext } from '../hooks/useModal.js';
+import { O as ONE_MiB } from './bundle-Ob7Cw3V-.js';
+import { c as ModalFooter } from './bundle-LnGQMQVt.js';
+import './bundle-HspRRkmy.js';
 import { ButtonTypes } from '../ui/Button.js';
+import { u as useSendbird } from './bundle-I25ah_Bv.js';
 
 var shouldFetchMore = function (messageLength, maxMessages) {
     if (typeof maxMessages !== 'number') {
@@ -945,8 +946,7 @@ function useFileUploadCallback(_a, _b) {
     var sdk = _b.sdk, logger = _b.logger, messagesDispatcher = _b.messagesDispatcher, scrollRef = _b.scrollRef;
     var stringSet = useLocalization().stringSet;
     var openModal = useGlobalModalContext().openModal;
-    var config = useSendbirdStateContext().config;
-    var uikitUploadSizeLimit = config.uikitUploadSizeLimit;
+    var uikitUploadSizeLimit = useSendbird().state.config.uikitUploadSizeLimit;
     return useCallback(function (files) { return __awaiter(_this, void 0, void 0, function () {
         var file_1, createCustomParams, createParamsDefault, compressedFiles, compressedFile, params;
         return __generator(this, function (_a) {
@@ -1192,18 +1192,18 @@ function useTrimMessageList(_a, _b) {
 
 var OpenChannelContext = React__default.createContext(null);
 var OpenChannelProvider = function (props) {
-    var _a, _b, _c, _d, _e, _f, _g;
-    var channelUrl = props.channelUrl, children = props.children, _h = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _h === void 0 ? true : _h, queries = props.queries, onBeforeSendUserMessage = props.onBeforeSendUserMessage, messageLimit = props.messageLimit, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onBackClick = props.onBackClick, disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile;
+    var _a;
+    var channelUrl = props.channelUrl, children = props.children, _b = props.isMessageGroupingEnabled, isMessageGroupingEnabled = _b === void 0 ? true : _b, queries = props.queries, onBeforeSendUserMessage = props.onBeforeSendUserMessage, messageLimit = props.messageLimit, onBeforeSendFileMessage = props.onBeforeSendFileMessage, onChatHeaderActionClick = props.onChatHeaderActionClick, onBackClick = props.onBackClick, disableUserProfile = props.disableUserProfile, renderUserProfile = props.renderUserProfile;
     // We didn't decide to support fetching participant list
     var fetchingParticipants = false;
-    var globalStore = useSendbirdStateContext();
-    var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
-    var sdkInit = (_d = (_c = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _c === void 0 ? void 0 : _c.sdkStore) === null || _d === void 0 ? void 0 : _d.initialized;
-    var user = (_f = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _e === void 0 ? void 0 : _e.userStore) === null || _f === void 0 ? void 0 : _f.user;
-    var config = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config;
+    var state = useSendbird().state;
+    var sdk = state.stores.sdkStore.sdk;
+    var sdkInit = state.stores.sdkStore.initialized;
+    var user = state.stores.userStore.user;
+    var config = state.config;
     var userId = config.userId, isOnline = config.isOnline, logger = config.logger, pubSub = config.pubSub, imageCompression = config.imageCompression;
     // hook variables
-    var _j = useReducer(reducer, initialState), messagesStore = _j[0], messagesDispatcher = _j[1];
+    var _c = useReducer(reducer, initialState), messagesStore = _c[0], messagesDispatcher = _c[1];
     var allMessages = messagesStore.allMessages, loading = messagesStore.loading, initialized = messagesStore.initialized, currentOpenChannel = messagesStore.currentOpenChannel, isInvalid = messagesStore.isInvalid, hasMore = messagesStore.hasMore, lastMessageTimestamp = messagesStore.lastMessageTimestamp, operators = messagesStore.operators, bannedParticipantIds = messagesStore.bannedParticipantIds, mutedParticipantIds = messagesStore.mutedParticipantIds;
     // ref
     var messageInputRef = useRef(null); // useSendMessageCallback
@@ -1346,7 +1346,7 @@ var OpenChannelProvider = function (props) {
             renderUserProfile: renderUserProfile,
             participants: messagesStore.participants,
         } },
-        React__default.createElement(UserProfileProvider, { isOpenChannel: true, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_g = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _g !== void 0 ? _g : config === null || config === void 0 ? void 0 : config.disableUserProfile }, children)));
+        React__default.createElement(UserProfileProvider, { isOpenChannel: true, renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile, disableUserProfile: (_a = props === null || props === void 0 ? void 0 : props.disableUserProfile) !== null && _a !== void 0 ? _a : config === null || config === void 0 ? void 0 : config.disableUserProfile }, children)));
 };
 var useOpenChannelContext = function () {
     var context = React__default.useContext(OpenChannelContext);
@@ -1356,4 +1356,4 @@ var useOpenChannelContext = function () {
 };
 
 export { OpenChannelProvider as O, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=bundle-JYgg9UJ5.js.map
+//# sourceMappingURL=bundle-BoZwl2OL.js.map

package/chunks/{bundle-JYgg9UJ5.js.map → bundle-BoZwl2OL.js.map}

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

package/chunks/{bundle-CMuwfYDs.js → bundle-BqREbgmR.js}

@@ -1,22 +1,22 @@
-import { _ as __assign, a as __awaiter, b as __generator, c as __spreadArray } from './bundle-C7jYHvwG.js';
+import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from './bundle-B8Grfnrx.js';
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { L as LocalizationContext, u as useLocalization } from './bundle-CIN9yQRB.js';
-import { useChannelSettingsContext } from '../ChannelSettings/context.js';
+import { a as useChannelSettings } from './bundle-BkZBhjs8.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-l_QLKq1Y.js';
+import { U as UserListItemMenu } from './bundle-fYlljM7o.js';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
-import { U as UserListItemMenu } from './bundle-CcHvUx-a.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { M as Modal } from './bundle-MyLy9AIu.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-DWrM1EW4.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-DImSV9VW.js';
+import { M as Modal } from './bundle-LnGQMQVt.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-DqR5RvpV.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-HspRRkmy.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { n as noop } from './bundle-DUTyBaXr.js';
+import { n as noop } from './bundle-CDcu1I4f.js';
 
 function OperatorsModal(_a) {
     var _this = this;
     var onCancel = _a.onCancel, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React__default.createElement(UserListItem, __assign({}, props)); } : _b, _c = _a.operatorListQueryParams, operatorListQueryParams = _c === void 0 ? {} : _c;
     var _d = useState([]), operators = _d[0], setOperators = _d[1];
     var _e = useState(null), operatorQuery = _e[0], setOperatorQuery = _e[1];
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     var stringSet = useContext(LocalizationContext).stringSet;
     useEffect(function () {
         var operatorListQuery = channel === null || channel === void 0 ? void 0 : channel.createOperatorListQuery(__assign({ limit: 20 }, operatorListQueryParams));
@@ -61,7 +61,7 @@ function AddOperatorsModal(_a) {
     var _d = useState({}), selectedMembers = _d[0], setSelectedMembers = _d[1];
     var _e = useState(null), memberQuery = _e[0], setMemberQuery = _e[1];
     var stringSet = useContext(LocalizationContext).stringSet;
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     useEffect(function () {
         var memberListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery({
             operatorFilter: OperatorFilter.NONOPERATOR,
@@ -116,8 +116,8 @@ var OperatorList = function (_a) {
     var _e = useState(false), showMore = _e[0], setShowMore = _e[1];
     var _f = useState(false), showAdd = _f[0], setShowAdd = _f[1];
     var _g = useState(false), hasNext = _g[0], setHasNext = _g[1];
-    var stringSet = useContext(LocalizationContext).stringSet;
-    var channel = useChannelSettingsContext().channel;
+    var stringSet = useLocalization().stringSet;
+    var channel = useChannelSettings().state.channel;
     var refreshList = useCallback(function () {
         if (!channel) {
             setOperators([]);
@@ -180,7 +180,7 @@ function BannedUsersModal(_a) {
     var onCancel = _a.onCancel, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React__default.createElement(UserListItem, __assign({}, props)); } : _b, _c = _a.bannedUserListQueryParams, bannedUserListQueryParams = _c === void 0 ? {} : _c;
     var _d = useState([]), members = _d[0], setMembers = _d[1];
     var _e = useState(null), memberQuery = _e[0], setMemberQuery = _e[1];
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     var stringSet = useLocalization().stringSet;
     useEffect(function () {
         var bannedUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createBannedUserListQuery(__assign({ limit: 20 }, bannedUserListQueryParams));
@@ -228,7 +228,7 @@ var BannedUserList = function (_a) {
     var _e = useState(false), hasNext = _e[0], setHasNext = _e[1];
     var _f = useState(false), showModal = _f[0], setShowModal = _f[1];
     var stringSet = useContext(LocalizationContext).stringSet;
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     var refreshList = useCallback(function () {
         if (!channel) {
             setMembers([]);
@@ -268,7 +268,7 @@ function MutedMembersModal(_a) {
     var onCancel = _a.onCancel, _b = _a.renderUserListItem, renderUserListItem = _b === void 0 ? function (props) { return React__default.createElement(UserListItem, __assign({}, props)); } : _b, _c = _a.memberListQueryParams, memberListQueryParams = _c === void 0 ? {} : _c;
     var _d = useState([]), members = _d[0], setMembers = _d[1];
     var _e = useState(null), memberQuery = _e[0], setMemberQuery = _e[1];
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     var stringSet = useLocalization().stringSet;
     useEffect(function () {
         var memberUserListQuery = channel === null || channel === void 0 ? void 0 : channel.createMemberListQuery(__assign(__assign({ limit: 20 }, memberListQueryParams), { 
@@ -314,7 +314,7 @@ var MutedMemberList = function (_a) {
     var _e = useState(false), hasNext = _e[0], setHasNext = _e[1];
     var _f = useState(false), showModal = _f[0], setShowModal = _f[1];
     var stringSet = useLocalization().stringSet;
-    var channel = useChannelSettingsContext().channel;
+    var channel = useChannelSettings().state.channel;
     var refreshList = useCallback(function () {
         if (!channel) {
             setMembers([]);
@@ -357,4 +357,4 @@ var MutedMemberList = function (_a) {
 };
 
 export { BannedUserList as B, MutedMemberList as M, OperatorList as O };
-//# sourceMappingURL=bundle-CMuwfYDs.js.map
+//# sourceMappingURL=bundle-BqREbgmR.js.map

package/chunks/{bundle-CMuwfYDs.js.map → bundle-BqREbgmR.js.map}

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

package/chunks/{bundle-Dskg5qjd.js → bundle-BqjbaVLO.js}

@@ -20,4 +20,4 @@ function useReconnectOnIdle(isOnline, currentGroupChannel, reconnectOnIdle) {
 }
 
 export { useReconnectOnIdle as u };
-//# sourceMappingURL=bundle-Dskg5qjd.js.map
+//# sourceMappingURL=bundle-BqjbaVLO.js.map

package/chunks/bundle-BqjbaVLO.js.map

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

package/chunks/{bundle-DjgT6gu4.js → bundle-C3VM5eS8.js}

@@ -47,4 +47,4 @@ function useThrottleCallback(callback, delay, options) {
 }
 
 export { useThrottleCallback as u };
-//# sourceMappingURL=bundle-DjgT6gu4.js.map
+//# sourceMappingURL=bundle-C3VM5eS8.js.map

package/chunks/bundle-C3VM5eS8.js.map

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