@sendbird/uikit-react 3.16.4 → 3.16.5

package/cjs/chunks/{bundle-BJ0hFNf4.js → bundle-CXz9Yv14.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var _tslib = require('./bundle-vBdLEZEf.js');
-var SendbirdContext = require('./bundle-BxPxvWob.js');
+var _tslib = require('./bundle-BLJJtl3l.js');
+var SendbirdContext = require('./bundle-C_2YUo1B.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';
+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.
@@ -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-BJ0hFNf4.js.map
+//# sourceMappingURL=bundle-CXz9Yv14.js.map

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

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

package/cjs/chunks/{bundle-B_ZCggfo.js → bundle-CYJs-U5Z.js}

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

package/cjs/chunks/bundle-CYJs-U5Z.js.map

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

package/cjs/chunks/{bundle-BxPxvWob.js → bundle-C_2YUo1B.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var _tslib = require('./bundle-vBdLEZEf.js');
+var _tslib = require('./bundle-BLJJtl3l.js');
 var React = require('react');
-var consts = require('./bundle-D0IQ27as.js');
+var consts = require('./bundle-De42j2Ga.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -2939,4 +2939,4 @@ exports.isEqual = isEqual$1;
 exports.shimExports = shimExports;
 exports.useSendbirdStore = useSendbirdStore;
 exports.useStore = useStore;
-//# sourceMappingURL=bundle-BxPxvWob.js.map
+//# sourceMappingURL=bundle-C_2YUo1B.js.map