@sendbird/uikit-react 3.16.4-rc → 3.16.5-rc

package/cjs/chunks/{bundle-DSRKYP-n.js → bundle-B5AEmyyj.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var consts = require('./bundle-CfyZtYde.js');
-var useThrottleCallback = require('./bundle-BJO_oKa5.js');
-var utils = require('./bundle-BcemKnn9.js');
+var consts = require('./bundle-CAfcCqbs.js');
+var useThrottleCallback = require('./bundle-BFUv5_b7.js');
+var utils = require('./bundle-CYgV_mlo.js');
 var uikitTools = require('@sendbird/uikit-tools');
 
 var DELAY = 100;
@@ -52,4 +52,4 @@ function useHandleOnScrollCallback(_a) {
 }
 
 exports.useHandleOnScrollCallback = useHandleOnScrollCallback;
-//# sourceMappingURL=bundle-DSRKYP-n.js.map
+//# sourceMappingURL=bundle-B5AEmyyj.js.map

package/cjs/chunks/bundle-B5AEmyyj.js.map

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

package/cjs/chunks/{bundle-CqzeSJkD.js → bundle-B7yD_dwS.js}

@@ -15,4 +15,4 @@ function getIsReactionEnabled(_a) {
 }
 
 exports.getIsReactionEnabled = getIsReactionEnabled;
-//# sourceMappingURL=bundle-CqzeSJkD.js.map
+//# sourceMappingURL=bundle-B7yD_dwS.js.map

package/cjs/chunks/bundle-B7yD_dwS.js.map

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

package/cjs/chunks/{bundle-BwDvD4bv.js → bundle-BAXdFQTR.js}

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var pubSub_topics = require('./bundle-Cc9L-7lA.js');
-var utils = require('./bundle-BcemKnn9.js');
+var pubSub_topics = require('./bundle-DTB_lnXL.js');
+var utils = require('./bundle-CYgV_mlo.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('./bundle-DevjKCG2.js');
-var consts = require('./bundle-CfyZtYde.js');
+require('./bundle-vG8MHa_f.js');
+var consts = require('./bundle-CAfcCqbs.js');
 
 var getNicknamesMapFromMembers = function (members) {
     if (members === void 0) { members = []; }
@@ -175,4 +175,4 @@ exports.getParentMessageFrom = getParentMessageFrom;
 exports.isAboutSame = isAboutSame;
 exports.scrollIntoLast = scrollIntoLast;
 exports.useSendMultipleFilesMessage = useSendMultipleFilesMessage;
-//# sourceMappingURL=bundle-BwDvD4bv.js.map
+//# sourceMappingURL=bundle-BAXdFQTR.js.map

package/cjs/chunks/{bundle-BwDvD4bv.js.map → bundle-BAXdFQTR.js.map}

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

package/cjs/chunks/{bundle-XN6pNeIg.js → bundle-BD4O00Pv.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-_kUs6X1n.js');
-var SendbirdContext = require('./bundle-DdVIq49A.js');
+var _tslib = require('./bundle-CtsLqGOu.js');
+var SendbirdContext = require('./bundle-CIkAYyzL.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var groupChannel = require('@sendbird/chat/groupChannel');
@@ -34,7 +34,7 @@ function initSDK(_a) {
         params.customWebSocketHost = customWebSocketHost;
     return SendbirdChat__default.default.init(params);
 }
-var APP_VERSION_STRING = '3.16.4-rc';
+var APP_VERSION_STRING = '3.16.5-rc';
 /**
  * Sets up the Sendbird SDK after initialization.
  * Configures necessary settings, adds extensions, sets the platform, and configures the session handler if provided.
@@ -58,23 +58,16 @@ var useSendbird = function () {
     if (!store)
         throw new Error(NO_CONTEXT_ERROR);
     var state = SendbirdContext.shimExports.useSyncExternalStore(store.subscribe, store.getState);
-    var actions = React.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: React.useCallback(function (_a) {
             var payload = _a.payload;
             store.setState(function (state) { return (updateAppInfoStore(state, {
                 messageTemplatesInfo: payload,
                 waitingTemplateKeysMap: {},
             })); });
-        },
-        upsertMessageTemplates: function (_a) {
+        }, [store]),
+        upsertMessageTemplates: React.useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var templatesInfo = appInfoStore.messageTemplatesInfo;
@@ -90,8 +83,8 @@ var useSendbird = function () {
                 waitingTemplateKeysMap: waitingTemplateKeysMap,
                 messageTemplatesInfo: templatesInfo,
             })); });
-        },
-        upsertWaitingTemplateKeys: function (_a) {
+        }, [store, state.stores.appInfoStore]),
+        upsertWaitingTemplateKeys: React.useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var keys = payload.keys, requestedAt = payload.requestedAt;
@@ -106,8 +99,8 @@ var useSendbird = function () {
             store.setState(function (state) { return (updateAppInfoStore(state, {
                 waitingTemplateKeysMap: waitingTemplateKeysMap,
             })); });
-        },
-        markErrorWaitingTemplateKeys: function (_a) {
+        }, [store, state.stores.appInfoStore]),
+        markErrorWaitingTemplateKeys: React.useCallback(function (_a) {
             var payload = _a.payload;
             var appInfoStore = state.stores.appInfoStore;
             var keys = payload.keys, messageId = payload.messageId;
@@ -121,144 +114,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: React.useCallback(function (payload) {
             store.setState(function (state) { return (updateSdkStore(state, {
                 initialized: false,
                 loading: payload,
             })); });
-        },
-        sdkError: function () {
+        }, [store]),
+        sdkError: React.useCallback(function () {
             store.setState(function (state) { return (updateSdkStore(state, {
                 initialized: false,
                 loading: false,
                 error: true,
             })); });
-        },
-        initSdk: function (payload) {
+        }, [store]),
+        initSdk: React.useCallback(function (payload) {
             store.setState(function (state) { return (updateSdkStore(state, {
                 sdk: payload,
                 initialized: true,
                 loading: false,
                 error: false,
             })); });
-        },
-        resetSdk: function () {
+        }, [store]),
+        resetSdk: React.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: React.useCallback(function (payload) {
             store.setState(function (state) { return (updateUserStore(state, {
                 initialized: true,
                 loading: false,
                 user: payload,
             })); });
-        },
-        resetUser: function () {
+        }, [store]),
+        resetUser: React.useCallback(function () {
             store.setState(function (state) { return (updateUserStore(state, {
                 initialized: false,
                 loading: false,
                 user: {},
             })); });
-        },
-        updateUserInfo: function (payload) {
+        }, [store]),
+        updateUserInfo: React.useCallback(function (payload) {
             store.setState(function (state) { return (updateUserStore(state, {
                 user: payload,
             })); });
-        },
-        /* Connection */
-        connect: function (params) { return _tslib.__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 _tslib.__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 _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
-            var sdk;
-            var _c;
-            var logger = _b.logger;
-            return _tslib.__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 = React.useCallback(function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+        var sdk;
+        var _c;
+        var logger = _b.logger;
+        return _tslib.__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 = React.useCallback(function (params) { return _tslib.__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 _tslib.__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 = React.useMemo(function () { return (_tslib.__assign(_tslib.__assign(_tslib.__assign(_tslib.__assign({}, appInfoActions), sdkActions), userActions), { disconnect: disconnect, connect: connect })); }, [
+        appInfoActions,
+        sdkActions,
+        userActions,
+        disconnect,
+        connect,
+    ]);
     return { state: state, actions: actions };
 };
 
 exports.useSendbird = useSendbird;
-//# sourceMappingURL=bundle-XN6pNeIg.js.map
+//# sourceMappingURL=bundle-BD4O00Pv.js.map

package/cjs/chunks/bundle-BD4O00Pv.js.map

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

package/cjs/chunks/{bundle-B45woB0U.js → bundle-BDTKZAMh.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./bundle-KfBu324b.js');
-var index$1 = require('./bundle-02DF3YpE.js');
+var index = require('./bundle-C2k-Mktk.js');
+var index$1 = require('./bundle-Cue96nY-.js');
 
 /**
  * @name isDate
@@ -1647,4 +1647,4 @@ function cleanEscapedString(input) {
 
 exports.format = format;
 exports.toInteger = toInteger;
-//# sourceMappingURL=bundle-B45woB0U.js.map
+//# sourceMappingURL=bundle-BDTKZAMh.js.map