@sendbird/uikit-react 3.16.4 → 3.16.5

package/chunks/{bundle-DTF9UGbO.js → bundle-C7UAOUHw.js}

@@ -15,4 +15,4 @@ function useKeyDown(ref, keyDownCallbackMap) {
 }
 
 export { useKeyDown as u };
-//# sourceMappingURL=bundle-DTF9UGbO.js.map
+//# sourceMappingURL=bundle-C7UAOUHw.js.map

package/chunks/bundle-C7UAOUHw.js.map

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

package/chunks/{bundle-DIXxqxCH.js → bundle-CA8Qpmcc.js}

@@ -1,15 +1,15 @@
-import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from './bundle-j5GfJ6DZ.js';
+import { _ as __assign, b as __awaiter, c as __generator, a as __spreadArray } from './bundle-BhO_47tq.js';
 import React__default, { useState, useContext, useEffect, useCallback } from 'react';
-import { u as useChannelSettings } from './bundle-ypIBt5q7.js';
-import { L as LocalizationContext, u as useLocalization } from './bundle-BSUtC3cw.js';
-import { U as UserListItemMenu } from './bundle-kgQ1TSPi.js';
+import { u as useChannelSettings } from './bundle-Da5wHpmJ.js';
+import { L as LocalizationContext, u as useLocalization } from './bundle-BAWmpP4y.js';
+import { U as UserListItemMenu } from './bundle-BMV-1bi8.js';
 import Button, { ButtonTypes, ButtonSizes } from '../ui/Button.js';
 import { UserListItem } from '../ui/UserListItem.js';
-import { M as Modal } from './bundle-B4W1Qw_4.js';
-import { u as useOnScrollPositionChangeDetector } from './bundle-7rB4sdnD.js';
-import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-ZBp236Ey.js';
+import { M as Modal } from './bundle-BMOCpLY3.js';
+import { u as useOnScrollPositionChangeDetector } from './bundle-BeJSOPWU.js';
+import { L as Label, b as LabelColors, a as LabelTypography } from './bundle-n5q9Ogw_.js';
 import { OperatorFilter } from '@sendbird/chat/groupChannel';
-import { n as noop } from './bundle-idC_wVZi.js';
+import { n as noop } from './bundle-EjjTUVbY.js';
 
 function OperatorsModal(_a) {
     var _this = this;
@@ -357,4 +357,4 @@ var MutedMemberList = function (_a) {
 };
 
 export { BannedUserList as B, MutedMemberList as M, OperatorList as O };
-//# sourceMappingURL=bundle-DIXxqxCH.js.map
+//# sourceMappingURL=bundle-CA8Qpmcc.js.map

package/chunks/{bundle-DIXxqxCH.js.map → bundle-CA8Qpmcc.js.map}

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

package/chunks/{bundle-BSLHBsOu.js → bundle-CB9CT06i.js}

@@ -32,4 +32,4 @@ var pubSubFactory = function (opts) {
 };
 
 export { pubSubFactory as p };
-//# sourceMappingURL=bundle-BSLHBsOu.js.map
+//# sourceMappingURL=bundle-CB9CT06i.js.map

package/chunks/bundle-CB9CT06i.js.map

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

package/chunks/{bundle-DloqDvm2.js → bundle-CD7j0-97.js}

@@ -1,6 +1,6 @@
-import { _ as __assign, b as __awaiter, c as __generator } from './bundle-j5GfJ6DZ.js';
-import { S as SendbirdContext, s as shimExports } from './bundle-BC1GKYVu.js';
-import { useContext, useMemo } from 'react';
+import { _ as __assign, b as __awaiter, c as __generator } from './bundle-BhO_47tq.js';
+import { S as SendbirdContext, s as shimExports } from './bundle-CyGbnOGu.js';
+import { useContext, useCallback, useMemo } from 'react';
 import SendbirdChat, { SendbirdProduct, SendbirdPlatform, DeviceOsPlatform } from '@sendbird/chat';
 import { GroupChannelModule } from '@sendbird/chat/groupChannel';
 import { OpenChannelModule } from '@sendbird/chat/openChannel';
@@ -28,7 +28,7 @@ function initSDK(_a) {
         params.customWebSocketHost = customWebSocketHost;
     return SendbirdChat.init(params);
 }
-var APP_VERSION_STRING = '3.16.4';
+var APP_VERSION_STRING = '3.16.5';
 /**
  * Sets up the Sendbird SDK after initialization.
  * Configures necessary settings, adds extensions, sets the platform, and configures the session handler if provided.
@@ -52,23 +52,16 @@ var useSendbird = function () {
     if (!store)
         throw new Error(NO_CONTEXT_ERROR);
     var state = shimExports.useSyncExternalStore(store.subscribe, store.getState);
-    var actions = useMemo(function () { return ({
-        /* Example: How to set the state basically */
-        // exampleAction: () => {
-        //   store.setState((state): SendbirdState => ({
-        //     ...state,
-        //     example: true,
-        //   })),
-        // },
-        /* AppInfo */
-        initMessageTemplateInfo: function (_a) {
+    /* AppInfo */
+    var appInfoActions = {
+        initMessageTemplateInfo: useCallback(function (_a) {
             var payload = _a.payload;
             store.setState(function (state) { return (updateAppInfoStore(state, {
                 messageTemplatesInfo: payload,
                 waitingTemplateKeysMap: {},
             })); });
-        },
-        upsertMessageTemplates: function (_a) {
+        }, [store]),
+        upsertMessageTemplates: useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var templatesInfo = appInfoStore.messageTemplatesInfo;
@@ -84,8 +77,8 @@ var useSendbird = function () {
                 waitingTemplateKeysMap: waitingTemplateKeysMap,
                 messageTemplatesInfo: templatesInfo,
             })); });
-        },
-        upsertWaitingTemplateKeys: function (_a) {
+        }, [store, state.stores.appInfoStore]),
+        upsertWaitingTemplateKeys: useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var keys = payload.keys, requestedAt = payload.requestedAt;
@@ -100,8 +93,8 @@ var useSendbird = function () {
             store.setState(function (state) { return (updateAppInfoStore(state, {
                 waitingTemplateKeysMap: waitingTemplateKeysMap,
             })); });
-        },
-        markErrorWaitingTemplateKeys: function (_a) {
+        }, [store, state.stores.appInfoStore]),
+        markErrorWaitingTemplateKeys: useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var keys = payload.keys, messageId = payload.messageId;
@@ -115,144 +108,165 @@ var useSendbird = function () {
             store.setState(function (state) { return (updateAppInfoStore(state, {
                 waitingTemplateKeysMap: waitingTemplateKeysMap,
             })); });
-        },
-        /* SDK */
-        setSdkLoading: function (payload) {
+        }, [store, state.stores.appInfoStore]),
+    };
+    /* SDK */
+    var sdkActions = {
+        setSdkLoading: useCallback(function (payload) {
             store.setState(function (state) { return (updateSdkStore(state, {
                 initialized: false,
                 loading: payload,
             })); });
-        },
-        sdkError: function () {
+        }, [store]),
+        sdkError: useCallback(function () {
             store.setState(function (state) { return (updateSdkStore(state, {
                 initialized: false,
                 loading: false,
                 error: true,
             })); });
-        },
-        initSdk: function (payload) {
+        }, [store]),
+        initSdk: useCallback(function (payload) {
             store.setState(function (state) { return (updateSdkStore(state, {
                 sdk: payload,
                 initialized: true,
                 loading: false,
                 error: false,
             })); });
-        },
-        resetSdk: function () {
+        }, [store]),
+        resetSdk: useCallback(function () {
             store.setState(function (state) { return (updateSdkStore(state, {
                 sdk: {},
                 initialized: false,
                 loading: false,
                 error: false,
             })); });
-        },
-        /* User */
-        initUser: function (payload) {
+        }, [store]),
+    };
+    /* User */
+    var userActions = {
+        initUser: useCallback(function (payload) {
             store.setState(function (state) { return (updateUserStore(state, {
                 initialized: true,
                 loading: false,
                 user: payload,
             })); });
-        },
-        resetUser: function () {
+        }, [store]),
+        resetUser: useCallback(function () {
             store.setState(function (state) { return (updateUserStore(state, {
                 initialized: false,
                 loading: false,
                 user: {},
             })); });
-        },
-        updateUserInfo: function (payload) {
+        }, [store]),
+        updateUserInfo: useCallback(function (payload) {
             store.setState(function (state) { return (updateUserStore(state, {
                 user: payload,
             })); });
-        },
-        /* Connection */
-        connect: function (params) { return __awaiter(void 0, void 0, void 0, function () {
-            var logger, userId, appId, accessToken, nickname, profileUrl, isMobile, sdkInitParams, customApiHost, customWebSocketHost, customExtensionParams, eventHandlers, initializeMessageTemplatesInfo, configureSession, initDashboardConfigs, sdk, user, error_1, sendbirdError;
-            var _a, _b, _c, _d, _e;
-            return __generator(this, function (_f) {
-                switch (_f.label) {
-                    case 0:
-                        logger = params.logger, userId = params.userId, appId = params.appId, accessToken = params.accessToken, nickname = params.nickname, profileUrl = params.profileUrl, isMobile = params.isMobile, sdkInitParams = params.sdkInitParams, customApiHost = params.customApiHost, customWebSocketHost = params.customWebSocketHost, customExtensionParams = params.customExtensionParams, eventHandlers = params.eventHandlers, initializeMessageTemplatesInfo = params.initializeMessageTemplatesInfo, configureSession = params.configureSession, initDashboardConfigs = params.initDashboardConfigs;
-                        // clean up previous ws connection
-                        return [4 /*yield*/, actions.disconnect({ logger: logger })];
-                    case 1:
-                        // clean up previous ws connection
-                        _f.sent();
-                        sdk = initSDK({
-                            appId: appId,
-                            customApiHost: customApiHost,
-                            customWebSocketHost: customWebSocketHost,
-                            sdkInitParams: sdkInitParams,
-                        });
-                        setupSDK(sdk, {
-                            logger: logger,
-                            isMobile: isMobile,
-                            customExtensionParams: customExtensionParams,
-                            sessionHandler: configureSession ? configureSession(sdk) : undefined,
-                        });
-                        actions.setSdkLoading(true);
-                        _f.label = 2;
-                    case 2:
-                        _f.trys.push([2, 8, , 9]);
-                        return [4 /*yield*/, sdk.connect(userId, accessToken)];
-                    case 3:
-                        user = _f.sent();
-                        actions.initUser(user);
-                        if (!(nickname || profileUrl)) return [3 /*break*/, 5];
-                        return [4 /*yield*/, sdk.updateCurrentUserInfo({
-                                nickname: nickname || user.nickname || '',
-                                profileUrl: profileUrl || user.profileUrl,
-                            })];
-                    case 4:
-                        _f.sent();
-                        _f.label = 5;
-                    case 5: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
-                    case 6:
-                        _f.sent();
-                        return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
-                    case 7:
-                        _f.sent();
-                        actions.initSdk(sdk);
-                        (_b = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _a === void 0 ? void 0 : _a.onConnected) === null || _b === void 0 ? void 0 : _b.call(_a, user);
-                        return [3 /*break*/, 9];
-                    case 8:
-                        error_1 = _f.sent();
-                        sendbirdError = error_1;
-                        actions.resetSdk();
-                        actions.resetUser();
-                        (_c = logger.error) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/connect failed', sendbirdError);
-                        (_e = (_d = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _d === void 0 ? void 0 : _d.onFailed) === null || _e === void 0 ? void 0 : _e.call(_d, sendbirdError);
-                        return [3 /*break*/, 9];
-                    case 9: return [2 /*return*/];
-                }
-            });
-        }); },
-        disconnect: function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
-            var sdk;
-            var _c;
-            var logger = _b.logger;
-            return __generator(this, function (_d) {
-                switch (_d.label) {
-                    case 0:
-                        actions.setSdkLoading(true);
-                        sdk = state.stores.sdkStore.sdk;
-                        if (!(sdk === null || sdk === void 0 ? void 0 : sdk.disconnectWebSocket)) return [3 /*break*/, 2];
-                        return [4 /*yield*/, sdk.disconnectWebSocket()];
-                    case 1:
-                        _d.sent();
-                        _d.label = 2;
-                    case 2:
-                        actions.resetSdk();
-                        actions.resetUser();
-                        (_c = logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/disconnect completed');
-                        return [2 /*return*/];
-                }
-            });
-        }); },
-    }); }, [store, (_a = state.stores.sdkStore) === null || _a === void 0 ? void 0 : _a.sdk, state.stores.appInfoStore]);
+        }, [store]),
+    };
+    /* Connection */
+    var disconnect = useCallback(function (_a) { return __awaiter(void 0, [_a], void 0, function (_b) {
+        var sdk;
+        var _c;
+        var logger = _b.logger;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    sdkActions.setSdkLoading(true);
+                    sdk = state.stores.sdkStore.sdk;
+                    if (!(sdk === null || sdk === void 0 ? void 0 : sdk.disconnectWebSocket)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, sdk.disconnectWebSocket()];
+                case 1:
+                    _d.sent();
+                    _d.label = 2;
+                case 2:
+                    sdkActions.resetSdk();
+                    userActions.resetUser();
+                    (_c = logger.info) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/disconnect completed');
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [
+        store,
+        (_a = state.stores.sdkStore) === null || _a === void 0 ? void 0 : _a.sdk,
+        sdkActions,
+        userActions,
+    ]);
+    var connect = useCallback(function (params) { return __awaiter(void 0, void 0, void 0, function () {
+        var logger, userId, appId, accessToken, nickname, profileUrl, isMobile, sdkInitParams, customApiHost, customWebSocketHost, customExtensionParams, eventHandlers, initializeMessageTemplatesInfo, configureSession, initDashboardConfigs, sdk, user, error_1, sendbirdError;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    logger = params.logger, userId = params.userId, appId = params.appId, accessToken = params.accessToken, nickname = params.nickname, profileUrl = params.profileUrl, isMobile = params.isMobile, sdkInitParams = params.sdkInitParams, customApiHost = params.customApiHost, customWebSocketHost = params.customWebSocketHost, customExtensionParams = params.customExtensionParams, eventHandlers = params.eventHandlers, initializeMessageTemplatesInfo = params.initializeMessageTemplatesInfo, configureSession = params.configureSession, initDashboardConfigs = params.initDashboardConfigs;
+                    // clean up previous ws connection
+                    return [4 /*yield*/, disconnect({ logger: logger })];
+                case 1:
+                    // clean up previous ws connection
+                    _f.sent();
+                    sdk = initSDK({
+                        appId: appId,
+                        customApiHost: customApiHost,
+                        customWebSocketHost: customWebSocketHost,
+                        sdkInitParams: sdkInitParams,
+                    });
+                    setupSDK(sdk, {
+                        logger: logger,
+                        isMobile: isMobile,
+                        customExtensionParams: customExtensionParams,
+                        sessionHandler: configureSession ? configureSession(sdk) : undefined,
+                    });
+                    sdkActions.setSdkLoading(true);
+                    _f.label = 2;
+                case 2:
+                    _f.trys.push([2, 8, , 9]);
+                    return [4 /*yield*/, sdk.connect(userId, accessToken)];
+                case 3:
+                    user = _f.sent();
+                    userActions.initUser(user);
+                    if (!(nickname || profileUrl)) return [3 /*break*/, 5];
+                    return [4 /*yield*/, sdk.updateCurrentUserInfo({
+                            nickname: nickname || user.nickname || '',
+                            profileUrl: profileUrl || user.profileUrl,
+                        })];
+                case 4:
+                    _f.sent();
+                    _f.label = 5;
+                case 5: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
+                case 6:
+                    _f.sent();
+                    return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
+                case 7:
+                    _f.sent();
+                    sdkActions.initSdk(sdk);
+                    (_b = (_a = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _a === void 0 ? void 0 : _a.onConnected) === null || _b === void 0 ? void 0 : _b.call(_a, user);
+                    return [3 /*break*/, 9];
+                case 8:
+                    error_1 = _f.sent();
+                    sendbirdError = error_1;
+                    sdkActions.resetSdk();
+                    userActions.resetUser();
+                    (_c = logger.error) === null || _c === void 0 ? void 0 : _c.call(logger, 'SendbirdProvider | useSendbird/connect failed', sendbirdError);
+                    (_e = (_d = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _d === void 0 ? void 0 : _d.onFailed) === null || _e === void 0 ? void 0 : _e.call(_d, sendbirdError);
+                    return [3 /*break*/, 9];
+                case 9: return [2 /*return*/];
+            }
+        });
+    }); }, [
+        store,
+        sdkActions,
+        userActions,
+        disconnect,
+    ]);
+    var actions = useMemo(function () { return (__assign(__assign(__assign(__assign({}, appInfoActions), sdkActions), userActions), { disconnect: disconnect, connect: connect })); }, [
+        appInfoActions,
+        sdkActions,
+        userActions,
+        disconnect,
+        connect,
+    ]);
     return { state: state, actions: actions };
 };
 
 export { useSendbird as u };
-//# sourceMappingURL=bundle-DloqDvm2.js.map
+//# sourceMappingURL=bundle-CD7j0-97.js.map

package/chunks/bundle-CD7j0-97.js.map

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

package/chunks/{bundle-CclIyWE2.js → bundle-CGgWxHA1.js}

@@ -1,10 +1,10 @@
 import React__default from 'react';
-import { K } from './bundle-Cj_4CfJM.js';
-import { T as TOKEN_TYPES, a as tokenizeMarkdown, U as USER_MENTION_PREFIX, b as getWhiteSpacePreservedText } from './bundle-CSKhnQl7.js';
+import { K } from './bundle-DBZGSeCJ.js';
+import { T as TOKEN_TYPES, a as tokenizeMarkdown, U as USER_MENTION_PREFIX, b as getWhiteSpacePreservedText } from './bundle-BI2REOkp.js';
 import { useMessageContext } from '../Message/context.js';
 import MentionLabel from '../ui/MentionLabel.js';
 import LinkLabel from '../ui/LinkLabel.js';
-import { a as LabelTypography, b as LabelColors } from './bundle-ZBp236Ey.js';
+import { a as LabelTypography, b as LabelColors } from './bundle-n5q9Ogw_.js';
 
 // this function is used to generate a unique key for token in message
 // it changes with updated time and index
@@ -67,4 +67,4 @@ function TextFragment(_a) {
 }
 
 export { TextFragment as T };
-//# sourceMappingURL=bundle-CclIyWE2.js.map
+//# sourceMappingURL=bundle-CGgWxHA1.js.map

package/chunks/bundle-CGgWxHA1.js.map

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

package/chunks/{bundle-CA3oWFd0.js → bundle-CH2Qtaxj.js}

@@ -1,8 +1,8 @@
-import { _ as __assign, a as __spreadArray } from './bundle-j5GfJ6DZ.js';
-import { u as useStore, c as createStore, s as shimExports } from './bundle-BC1GKYVu.js';
+import { _ as __assign, a as __spreadArray } from './bundle-BhO_47tq.js';
+import { u as useStore, c as createStore, s as shimExports } from './bundle-CyGbnOGu.js';
 import React__default, { useEffect, useCallback, useState, createContext, useRef, useMemo, useContext } from 'react';
-import { u as useSendbird } from './bundle-DloqDvm2.js';
-import { d as deleteNullish } from './bundle-idC_wVZi.js';
+import { u as useSendbird } from './bundle-CD7j0-97.js';
+import { d as deleteNullish } from './bundle-EjjTUVbY.js';
 
 function useSetChannel(_a, _b) {
     var channelUrl = _a.channelUrl, sdkInit = _a.sdkInit;
@@ -235,34 +235,77 @@ var useMessageSearch = function () {
     if (!store)
         throw new Error('useMessageSearch must be used within a MessageSearchProvider');
     var state = shimExports.useSyncExternalStore(store.subscribe, store.getState);
-    var actions = useMemo(function () { return ({
-        setCurrentChannel: function (channel) { return store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: channel, initialized: true })); }); },
-        setChannelInvalid: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: null, initialized: false })); }); },
-        getSearchedMessages: function (messages, createdQuery) {
-            store.setState(function (state) {
-                var _a;
-                if (createdQuery && createdQuery.channelUrl === ((_a = state.currentMessageSearchQuery) === null || _a === void 0 ? void 0 : _a.channelUrl)
-                    && createdQuery.key === state.currentMessageSearchQuery.key) {
-                    return __assign(__assign({}, state), { loading: false, isInvalid: false, allMessages: messages, hasMoreResult: state.currentMessageSearchQuery.hasNext });
-                }
-                return state;
-            });
-        },
-        setQueryInvalid: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { isInvalid: true })); }); },
-        startMessageSearch: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { isInvalid: false, loading: false })); }); },
-        startGettingSearchedMessages: function (query) { return store.setState(function (state) { return (__assign(__assign({}, state), { loading: true, currentMessageSearchQuery: query })); }); },
-        getNextSearchedMessages: function (messages) { return store.setState(function (state) {
+    var setCurrentChannel = useCallback(function (channel) {
+        store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: channel, initialized: true })); });
+    }, [store]);
+    var setChannelInvalid = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { currentChannel: null, initialized: false })); });
+    }, [store]);
+    var getSearchedMessages = useCallback(function (messages, createdQuery) {
+        store.setState(function (state) {
+            var _a;
+            if (createdQuery && createdQuery.channelUrl === ((_a = state.currentMessageSearchQuery) === null || _a === void 0 ? void 0 : _a.channelUrl)
+                && createdQuery.key === state.currentMessageSearchQuery.key) {
+                return __assign(__assign({}, state), { loading: false, isInvalid: false, allMessages: messages, hasMoreResult: state.currentMessageSearchQuery.hasNext });
+            }
+            return state;
+        });
+    }, [store]);
+    var setQueryInvalid = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { isInvalid: true })); });
+    }, [store]);
+    var startMessageSearch = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { isInvalid: false, loading: false })); });
+    }, [store]);
+    var startGettingSearchedMessages = useCallback(function (query) {
+        store.setState(function (state) { return (__assign(__assign({}, state), { loading: true, currentMessageSearchQuery: query })); });
+    }, [store]);
+    var getNextSearchedMessages = useCallback(function (messages) {
+        store.setState(function (state) {
             var _a;
             return (__assign(__assign({}, state), { allMessages: __spreadArray(__spreadArray([], state.allMessages, true), messages, true), hasMoreResult: ((_a = state.currentMessageSearchQuery) === null || _a === void 0 ? void 0 : _a.hasNext) || false }));
-        }); },
-        resetSearchString: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { allMessages: [] })); }); },
-        setSelectedMessageId: function (messageId) { return store.setState(function (state) { return (__assign(__assign({}, state), { selectedMessageId: messageId })); }); },
-        handleRetryToConnect: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { retryCount: state.retryCount + 1 })); }); },
-        // Looks exactly same as handleRetryToConnect but keep just for backward compatibility
-        setRetryCount: function () { return store.setState(function (state) { return (__assign(__assign({}, state), { retryCount: state.retryCount + 1 })); }); },
-    }); }, [store]);
+        });
+    }, [store]);
+    var resetSearchString = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { allMessages: [] })); });
+    }, [store]);
+    var setSelectedMessageId = function (messageId) { return useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { selectedMessageId: messageId })); });
+    }, [store]); };
+    var handleRetryToConnect = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { retryCount: state.retryCount + 1 })); });
+    }, [store]);
+    // Looks exactly same as handleRetryToConnect but keep just for backward compatibility
+    var setRetryCount = useCallback(function () {
+        store.setState(function (state) { return (__assign(__assign({}, state), { retryCount: state.retryCount + 1 })); });
+    }, [store]);
+    var actions = useMemo(function () { return ({
+        setCurrentChannel: setCurrentChannel,
+        setChannelInvalid: setChannelInvalid,
+        getSearchedMessages: getSearchedMessages,
+        setQueryInvalid: setQueryInvalid,
+        startMessageSearch: startMessageSearch,
+        startGettingSearchedMessages: startGettingSearchedMessages,
+        getNextSearchedMessages: getNextSearchedMessages,
+        resetSearchString: resetSearchString,
+        setSelectedMessageId: setSelectedMessageId,
+        handleRetryToConnect: handleRetryToConnect,
+        setRetryCount: setRetryCount,
+    }); }, [
+        setCurrentChannel,
+        setChannelInvalid,
+        getSearchedMessages,
+        setQueryInvalid,
+        startMessageSearch,
+        startGettingSearchedMessages,
+        getNextSearchedMessages,
+        resetSearchString,
+        setSelectedMessageId,
+        handleRetryToConnect,
+        setRetryCount,
+    ]);
     return { state: state, actions: actions };
 };
 
 export { MessageSearchContext as M, MessageSearchProvider as a, useMessageSearchContext as b, MessageSearchManager as c, useMessageSearch as u };
-//# sourceMappingURL=bundle-CA3oWFd0.js.map
+//# sourceMappingURL=bundle-CH2Qtaxj.js.map

package/chunks/{bundle-BB95aNhx.js.map → bundle-CH2Qtaxj.js.map}

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

package/chunks/{bundle-BUqKgNmF.js → bundle-CKQ28DWf.js}

@@ -1,12 +1,12 @@
 import React__default from 'react';
 import { createPortal } from 'react-dom';
-import { A as Avatar } from './bundle-2OseAMr7.js';
+import { A as Avatar } from './bundle-ETV1WSDx.js';
 import Icon, { IconTypes, IconColors } from '../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors, c as LabelStringSet } from './bundle-ZBp236Ey.js';
-import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-EMEHizdG.js';
+import { L as Label, a as LabelTypography, b as LabelColors, c as LabelStringSet } from './bundle-n5q9Ogw_.js';
+import { h as isSupportedFileView, j as isVideo, k as isImage } from './bundle-C3Ncm83d.js';
 import '../hooks/useModal.js';
-import { a as MODAL_ROOT, M as Modal } from './bundle-B4W1Qw_4.js';
-import { u as useSendbird } from './bundle-DloqDvm2.js';
+import { a as MODAL_ROOT, M as Modal } from './bundle-BMOCpLY3.js';
+import { u as useSendbird } from './bundle-CD7j0-97.js';
 
 var FileViewerView = function (_a) {
     var message = _a.message, onCancel = _a.onCancel, deleteMessage = _a.deleteMessage, onDownloadClick = _a.onDownloadClick;
@@ -54,4 +54,4 @@ var FileViewerComponent = function (_a) {
 };
 
 export { FileViewerView as F };
-//# sourceMappingURL=bundle-BUqKgNmF.js.map
+//# sourceMappingURL=bundle-CKQ28DWf.js.map

package/chunks/bundle-CKQ28DWf.js.map

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

package/chunks/{bundle-B3NVSB9w.js → bundle-CRUbM6U1.js}

@@ -1,8 +1,8 @@
 import { useCallback, useEffect } from 'react';
 import { ReplyType } from '@sendbird/chat/message';
-import { s as scrollIntoLast, d as scrollToRenderedMessage } from './bundle-Jo2fwos6.js';
-import './bundle-CPQL3IZE.js';
-import { f as SCROLL_BOTTOM_DELAY_FOR_FETCH } from './bundle-C6g3HNED.js';
+import { s as scrollIntoLast, d as scrollToRenderedMessage } from './bundle-DRJBTz0n.js';
+import './bundle-cF5i3kbB.js';
+import { f as SCROLL_BOTTOM_DELAY_FOR_FETCH } from './bundle-DRW_U8j_.js';
 
 // For legacy
 // These are not used for collections(GroupChannel)
@@ -154,4 +154,4 @@ function useInitialMessagesFetch(_a, _b) {
 }
 
 export { FETCH_INITIAL_MESSAGES_START as F, MARK_AS_READ as M, NEXT_RESULT_SIZE as N, ON_MESSAGE_RECEIVED as O, PREV_RESULT_SIZE as P, RESET_MESSAGES as R, SEND_MESSAGE_START as S, FETCH_INITIAL_MESSAGES_SUCCESS as a, FETCH_PREV_MESSAGES_SUCCESS as b, FETCH_NEXT_MESSAGES_SUCCESS as c, FETCH_INITIAL_MESSAGES_FAILURE as d, FETCH_PREV_MESSAGES_FAILURE as e, FETCH_NEXT_MESSAGES_FAILURE as f, SEND_MESSAGE_SUCCESS as g, SEND_MESSAGE_FAILURE as h, SET_CURRENT_CHANNEL as i, SET_CHANNEL_INVALID as j, ON_MESSAGE_UPDATED as k, ON_MESSAGE_THREAD_INFO_UPDATED as l, RESEND_MESSAGE_START as m, ON_MESSAGE_DELETED as n, ON_MESSAGE_DELETED_BY_REQ_ID as o, SET_EMOJI_CONTAINER as p, ON_REACTION_UPDATED as q, MESSAGE_LIST_PARAMS_CHANGED as r, ON_FILE_INFO_UPLOADED as s, ON_TYPING_STATUS_UPDATED as t, useInitialMessagesFetch as u, channelActions as v };
-//# sourceMappingURL=bundle-B3NVSB9w.js.map
+//# sourceMappingURL=bundle-CRUbM6U1.js.map

package/chunks/{bundle-B3NVSB9w.js.map → bundle-CRUbM6U1.js.map}

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

package/chunks/{bundle-B7LMd75S.js → bundle-CVeRlzCV.js}

@@ -10,4 +10,4 @@ var uuidv4 = function () { return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace
 }); };
 
 export { uuidv4 as u };
-//# sourceMappingURL=bundle-B7LMd75S.js.map
+//# sourceMappingURL=bundle-CVeRlzCV.js.map

package/chunks/bundle-CVeRlzCV.js.map

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