@sendbird/uikit-react 3.19.0 → 3.20.0

package/cjs/chunks/{bundle-DBejULtB.js → bundle-B02RO5AW.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var SendbirdContext = require('./bundle-1o4tJ2ll.js');
+var SendbirdContext = require('./bundle-9FrUiMBK.js');
 
 function useDeepCompareMemoize(value) {
     var ref = React.useRef(value);
@@ -37,4 +37,4 @@ function useDeepCompareEffect(callback, dependencies) {
 }
 
 exports.useDeepCompareEffect = useDeepCompareEffect;
-//# sourceMappingURL=bundle-DBejULtB.js.map
+//# sourceMappingURL=bundle-B02RO5AW.js.map

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

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

package/cjs/chunks/{bundle-BaJ-XDQm.js → bundle-B1JA46FU.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var index$1 = require('./bundle-IiaDOxN6.js');
-var index = require('./bundle-D0OvVO0x.js');
+var index$1 = require('./bundle-D5Aw_PJ_.js');
+var index = require('./bundle-DKKl7AId.js');
 
 function getMessageFirstFileType(message) {
     return index.K(message)
@@ -71,4 +71,4 @@ exports.getMessageFirstFileName = getMessageFirstFileName;
 exports.getMessageFirstFileThumbnailUrl = getMessageFirstFileThumbnailUrl;
 exports.getMessageFirstFileType = getMessageFirstFileType;
 exports.getMessageFirstFileUrl = getMessageFirstFileUrl;
-//# sourceMappingURL=bundle-BaJ-XDQm.js.map
+//# sourceMappingURL=bundle-B1JA46FU.js.map

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

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

package/cjs/chunks/{bundle-Bg44GO5k.js → bundle-B5nsk1vy.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
+var _tslib = require('./bundle-CpNQMurF.js');
 var React = require('react');
-var index$1 = require('./bundle-D2NdV2-5.js');
+var index$1 = require('./bundle-CrtnIzhL.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-DE8Y9-kK.js');
+var ui_Label = require('./bundle-C0drS2T2.js');
 var ui_Loader = require('../ui/Loader.js');
-var index$2 = require('./bundle-IiaDOxN6.js');
+var index$2 = require('./bundle-D5Aw_PJ_.js');
 var utils_message_getOutgoingMessageState = require('../utils/message/getOutgoingMessageState.js');
-var index = require('./bundle-DQwJ8EZ0.js');
-var LocalizationContext = require('./bundle-DJ-JijOD.js');
-var utils = require('./bundle-Dl83958K.js');
+var index = require('./bundle-xgVxe5Th.js');
+var LocalizationContext = require('./bundle-BE0OVu3J.js');
+var utils = require('./bundle-DvzF-l-X.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -152,4 +152,4 @@ exports.getChannelUnreadMessageCount = getChannelUnreadMessageCount;
 exports.getLastMessageCreatedAt = getLastMessageCreatedAt;
 exports.getLastMessageText = getLastMessageText;
 exports.getTotalMembers = getTotalMembers;
-//# sourceMappingURL=bundle-Bg44GO5k.js.map
+//# sourceMappingURL=bundle-B5nsk1vy.js.map

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

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

package/cjs/chunks/{bundle-BmTqH53r.js → bundle-B7VnOvJ5.js}

@@ -19,4 +19,4 @@ var NodeNames = {
 exports.MessageInputKeys = MessageInputKeys;
 exports.NodeNames = NodeNames;
 exports.NodeTypes = NodeTypes;
-//# sourceMappingURL=bundle-BmTqH53r.js.map
+//# sourceMappingURL=bundle-B7VnOvJ5.js.map

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

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

package/cjs/chunks/{bundle-W1KU3J4Y.js → bundle-BAEKHL0K.js}

@@ -5,10 +5,10 @@ var ui_PlaybackTime = require('../ui/PlaybackTime.js');
 var ui_ProgressBar = require('../ui/ProgressBar.js');
 var ui_TextButton = require('../ui/TextButton.js');
 var ui_Icon = require('../ui/Icon.js');
-var ui_Label = require('./bundle-DE8Y9-kK.js');
-var LocalizationContext = require('./bundle-DJ-JijOD.js');
-var consts = require('./bundle-DET4Uytg.js');
-var utils = require('./bundle-Dl83958K.js');
+var ui_Label = require('./bundle-C0drS2T2.js');
+var LocalizationContext = require('./bundle-BE0OVu3J.js');
+var consts = require('./bundle-Bmx5aRjV.js');
+var utils = require('./bundle-DvzF-l-X.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -101,4 +101,4 @@ var VoiceMessageInput = function (_a) {
 
 exports.VoiceMessageInput = VoiceMessageInput;
 exports.VoiceMessageInputStatus = VoiceMessageInputStatus;
-//# sourceMappingURL=bundle-W1KU3J4Y.js.map
+//# sourceMappingURL=bundle-BAEKHL0K.js.map

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

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

package/cjs/chunks/{bundle-DJ-JijOD.js → bundle-BE0OVu3J.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
+var _tslib = require('./bundle-CpNQMurF.js');
 var React = require('react');
-var stringSet = require('./bundle-lU2ZVgMf.js');
-var index = require('./bundle-tEdNP0PQ.js');
+var stringSet = require('./bundle-CL3HLvbR.js');
+var index = require('./bundle-WOMZouHE.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -29,4 +29,4 @@ var useLocalization = function () {
 exports.LocalizationContext = LocalizationContext;
 exports.LocalizationProvider = LocalizationProvider;
 exports.useLocalization = useLocalization;
-//# sourceMappingURL=bundle-DJ-JijOD.js.map
+//# sourceMappingURL=bundle-BE0OVu3J.js.map

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

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

package/cjs/chunks/{bundle-DuVexw6o.js → bundle-BE1Yq3-u.js}

@@ -43,4 +43,4 @@ var pubSubTopics = exports.PUBSUB_TOPICS;
 exports.pubSubTopics = pubSubTopics;
 exports.shouldPubSubPublishToChannel = shouldPubSubPublishToChannel;
 exports.shouldPubSubPublishToThread = shouldPubSubPublishToThread;
-//# sourceMappingURL=bundle-DuVexw6o.js.map
+//# sourceMappingURL=bundle-BE1Yq3-u.js.map

package/cjs/chunks/bundle-BE1Yq3-u.js.map

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

package/cjs/chunks/{bundle-8bzXq37f.js → bundle-BKCs8mz0.js}

@@ -76,4 +76,4 @@ var useMediaQueryContext = function () { return React__default.default.useContex
 
 exports.MediaQueryProvider = MediaQueryProvider;
 exports.useMediaQueryContext = useMediaQueryContext;
-//# sourceMappingURL=bundle-8bzXq37f.js.map
+//# sourceMappingURL=bundle-BKCs8mz0.js.map

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

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

package/cjs/chunks/{bundle-ClrkzepM.js → bundle-BMCIARNj.js}

@@ -1,14 +1,14 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
-var SendbirdContext = require('./bundle-1o4tJ2ll.js');
+var _tslib = require('./bundle-CpNQMurF.js');
+var SendbirdContext = require('./bundle-9FrUiMBK.js');
 var React = require('react');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./bundle-Bb8Gf8D6.js');
-var compareIds = require('./bundle-D8Sq196Q.js');
-var utils = require('./bundle-Dl83958K.js');
-var UserProfileContext = require('./bundle-CBsIaz1F.js');
-var useSendbird = require('./bundle-4i_6rq-O.js');
+var uuid = require('./bundle-CUf74C1Z.js');
+var compareIds = require('./bundle-BpiFezWP.js');
+var utils = require('./bundle-DvzF-l-X.js');
+var UserProfileContext = require('./bundle-uXC6veG1.js');
+var useSendbird = require('./bundle-BNoJJsbf.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -231,4 +231,4 @@ exports.ChannelSettingsContext = ChannelSettingsContext;
 exports.ChannelSettingsProvider = ChannelSettingsProvider;
 exports.useChannelSettings = useChannelSettings;
 exports.useChannelSettingsContext = useChannelSettingsContext;
-//# sourceMappingURL=bundle-ClrkzepM.js.map
+//# sourceMappingURL=bundle-BMCIARNj.js.map

package/{chunks/bundle-jkNG_3-c.js.map → cjs/chunks/bundle-BMCIARNj.js.map}

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

package/cjs/chunks/{bundle-4i_6rq-O.js → bundle-BNoJJsbf.js}

@@ -1,11 +1,12 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
-var SendbirdContext = require('./bundle-1o4tJ2ll.js');
+var _tslib = require('./bundle-CpNQMurF.js');
+var SendbirdContext = require('./bundle-9FrUiMBK.js');
 var React = require('react');
 var SendbirdChat = require('@sendbird/chat');
 var groupChannel = require('@sendbird/chat/groupChannel');
 var openChannel = require('@sendbird/chat/openChannel');
+var uuid = require('./bundle-CUf74C1Z.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -29,7 +30,7 @@ function initSDK(_a) {
         params.customWebSocketHost = customWebSocketHost;
     return SendbirdChat__default.default.init(params);
 }
-var APP_VERSION_STRING = '3.19.0';
+var APP_VERSION_STRING = '3.20.0';
 /**
  * Sets up the Sendbird SDK after initialization.
  * Configures necessary settings, adds extensions, sets the platform, and configures the session handler if provided.
@@ -58,6 +59,53 @@ var NO_CONTEXT_ERROR = 'No sendbird state value available. Make sure you are ren
  * one provider.
  */
 var pendingTeardowns = new WeakMap();
+var connectGenerations = new WeakMap();
+var connectionSessions = new WeakMap();
+var claimConnectGeneration = function (store) {
+    var _a;
+    var generation = ((_a = connectGenerations.get(store)) !== null && _a !== void 0 ? _a : 0) + 1;
+    connectGenerations.set(store, generation);
+    return generation;
+};
+var endConnectionSession = function (store) {
+    var _a;
+    var session = connectionSessions.get(store);
+    if (!session)
+        return;
+    connectionSessions.delete(store);
+    session.sdk.removeConnectionHandler(session.handlerId);
+    (_a = session.onDelayChange) === null || _a === void 0 ? void 0 : _a.call(session, null);
+};
+var startConnectionSession = function (store, sdk, _a) {
+    var userId = _a.userId, onRecover = _a.onRecover, onDelayChange = _a.onDelayChange;
+    endConnectionSession(store);
+    var session = {
+        sdk: sdk,
+        handlerId: "sendbird-uikit-react-connection-".concat(uuid.uuidv4()),
+        awaitingRecovery: false,
+        onDelayChange: onDelayChange,
+    };
+    var recover = function () {
+        if (!session.awaitingRecovery || connectionSessions.get(store) !== session)
+            return;
+        var user = sdk.currentUser;
+        if (!user || user.userId !== userId)
+            return;
+        session.awaitingRecovery = false;
+        onRecover(user);
+    };
+    var settleDelay = function () {
+        onDelayChange === null || onDelayChange === void 0 ? void 0 : onDelayChange(null);
+        recover();
+    };
+    sdk.addConnectionHandler(session.handlerId, new SendbirdChat.ConnectionHandler({
+        onConnectionDelayed: function (retryAfter) { return onDelayChange === null || onDelayChange === void 0 ? void 0 : onDelayChange(retryAfter); },
+        onConnected: settleDelay,
+        onReconnectSucceeded: settleDelay,
+    }));
+    connectionSessions.set(store, session);
+    return session;
+};
 var useSendbird = function () {
     var _a;
     var store = React.useContext(SendbirdContext.SendbirdContext);
@@ -177,13 +225,14 @@ var useSendbird = function () {
         }, [store]),
     };
     /* Connection */
-    var disconnect = React.useCallback(function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+    var teardownConnection = React.useCallback(function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
         var sdk, teardown;
         var _c;
         var logger = _b.logger;
         return _tslib.__generator(this, function (_d) {
             switch (_d.label) {
                 case 0:
+                    endConnectionSession(store);
                     sdkActions.setSdkLoading(true);
                     sdk = state.stores.sdkStore.sdk;
                     if (!(sdk === null || sdk === void 0 ? void 0 : sdk.disconnectWebSocket)) return [3 /*break*/, 4];
@@ -213,78 +262,132 @@ var useSendbird = function () {
         sdkActions,
         userActions,
     ]);
+    var disconnect = React.useCallback(function (_a) { return _tslib.__awaiter(void 0, [_a], void 0, function (_b) {
+        var logger = _b.logger;
+        return _tslib.__generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    claimConnectGeneration(store);
+                    return [4 /*yield*/, teardownConnection({ logger: logger })];
+                case 1:
+                    _c.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [
+        store,
+        teardownConnection,
+    ]);
     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, teardown, user, error_1, sendbirdError;
-        var _a, _b, _c, _d, _e;
-        return _tslib.__generator(this, function (_f) {
-            switch (_f.label) {
+        var logger, userId, appId, accessToken, nickname, profileUrl, isMobile, sdkInitParams, customApiHost, customWebSocketHost, customExtensionParams, eventHandlers, initializeMessageTemplatesInfo, configureSession, initDashboardConfigs, onConnectionDelayChange, generation, failConnection, completeConnection, session, sdk_1, teardown, user, error_1, sendbirdError;
+        return _tslib.__generator(this, function (_a) {
+            switch (_a.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;
+                    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, onConnectionDelayChange = params.onConnectionDelayChange;
+                    generation = claimConnectGeneration(store);
                     // clean up previous ws connection
-                    return [4 /*yield*/, disconnect({ logger: logger })];
+                    return [4 /*yield*/, teardownConnection({ logger: logger })];
                 case 1:
                     // clean up previous ws connection
-                    _f.sent();
+                    _a.sent();
                     sdkActions.setSdkLoading(true);
-                    _f.label = 2;
+                    failConnection = function (error) {
+                        var _a, _b, _c;
+                        var sendbirdError = error;
+                        sdkActions.resetSdk();
+                        userActions.resetUser();
+                        (_a = logger.error) === null || _a === void 0 ? void 0 : _a.call(logger, 'SendbirdProvider | useSendbird/connect failed', sendbirdError);
+                        (_c = (_b = eventHandlers === null || eventHandlers === void 0 ? void 0 : eventHandlers.connection) === null || _b === void 0 ? void 0 : _b.onFailed) === null || _c === void 0 ? void 0 : _c.call(_b, sendbirdError);
+                        return sendbirdError;
+                    };
+                    completeConnection = function (sdk, user, isCurrent) { return _tslib.__awaiter(void 0, void 0, void 0, function () {
+                        var _a, _b;
+                        return _tslib.__generator(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    userActions.initUser(user);
+                                    if (!(nickname || profileUrl)) return [3 /*break*/, 2];
+                                    return [4 /*yield*/, sdk.updateCurrentUserInfo({
+                                            nickname: nickname || user.nickname || '',
+                                            profileUrl: profileUrl || user.profileUrl,
+                                        })];
+                                case 1:
+                                    _c.sent();
+                                    _c.label = 2;
+                                case 2: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
+                                case 3:
+                                    _c.sent();
+                                    return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
+                                case 4:
+                                    _c.sent();
+                                    if (!isCurrent())
+                                        return [2 /*return*/];
+                                    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 [2 /*return*/];
+                            }
+                        });
+                    }); };
+                    _a.label = 2;
                 case 2:
-                    _f.trys.push([2, 10, , 11]);
-                    sdk = initSDK({
+                    _a.trys.push([2, 7, , 8]);
+                    sdk_1 = initSDK({
                         appId: appId,
                         customApiHost: customApiHost,
                         customWebSocketHost: customWebSocketHost,
                         sdkInitParams: sdkInitParams,
                     });
-                    teardown = pendingTeardowns.get(sdk);
+                    teardown = pendingTeardowns.get(sdk_1);
                     if (!teardown) return [3 /*break*/, 4];
                     return [4 /*yield*/, teardown.catch(function () { return undefined; })];
                 case 3:
-                    _f.sent();
-                    _f.label = 4;
+                    _a.sent();
+                    _a.label = 4;
                 case 4:
-                    setupSDK(sdk, {
+                    setupSDK(sdk_1, {
                         logger: logger,
                         isMobile: isMobile,
                         customExtensionParams: customExtensionParams,
-                        sessionHandler: configureSession ? configureSession(sdk) : undefined,
+                        sessionHandler: configureSession ? configureSession(sdk_1) : undefined,
                     });
-                    return [4 /*yield*/, sdk.connect(userId, accessToken)];
+                    if (connectGenerations.get(store) === generation) {
+                        session = startConnectionSession(store, sdk_1, {
+                            userId: userId,
+                            onDelayChange: onConnectionDelayChange,
+                            onRecover: function (user) {
+                                var isCurrent = function () { return connectionSessions.get(store) === session; };
+                                sdkActions.setSdkLoading(true);
+                                completeConnection(sdk_1, user, isCurrent).catch(function (error) {
+                                    if (isCurrent())
+                                        failConnection(error);
+                                });
+                            },
+                        });
+                    }
+                    return [4 /*yield*/, sdk_1.connect(userId, accessToken)];
                 case 5:
-                    user = _f.sent();
-                    userActions.initUser(user);
-                    if (!(nickname || profileUrl)) return [3 /*break*/, 7];
-                    return [4 /*yield*/, sdk.updateCurrentUserInfo({
-                            nickname: nickname || user.nickname || '',
-                            profileUrl: profileUrl || user.profileUrl,
-                        })];
+                    user = _a.sent();
+                    return [4 /*yield*/, completeConnection(sdk_1, user, function () { return true; })];
                 case 6:
-                    _f.sent();
-                    _f.label = 7;
-                case 7: return [4 /*yield*/, (initializeMessageTemplatesInfo === null || initializeMessageTemplatesInfo === void 0 ? void 0 : initializeMessageTemplatesInfo(sdk))];
-                case 8:
-                    _f.sent();
-                    return [4 /*yield*/, (initDashboardConfigs === null || initDashboardConfigs === void 0 ? void 0 : initDashboardConfigs(sdk))];
-                case 9:
-                    _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*/, 11];
-                case 10:
-                    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*/, 11];
-                case 11: return [2 /*return*/];
+                    _a.sent();
+                    return [3 /*break*/, 8];
+                case 7:
+                    error_1 = _a.sent();
+                    sendbirdError = failConnection(error_1);
+                    if (session
+                        && connectionSessions.get(store) === session
+                        && (sendbirdError === null || sendbirdError === void 0 ? void 0 : sendbirdError.code) === SendbirdChat.SendbirdErrorCode.DELAYED_CONNECTING) {
+                        session.awaitingRecovery = true;
+                    }
+                    return [3 /*break*/, 8];
+                case 8: return [2 /*return*/];
             }
         });
     }); }, [
         store,
         sdkActions,
         userActions,
-        disconnect,
+        teardownConnection,
     ]);
     var actions = React.useMemo(function () { return (_tslib.__assign(_tslib.__assign(_tslib.__assign(_tslib.__assign({}, appInfoActions), sdkActions), userActions), { disconnect: disconnect, connect: connect })); }, [
         appInfoActions,
@@ -297,4 +400,4 @@ var useSendbird = function () {
 };
 
 exports.useSendbird = useSendbird;
-//# sourceMappingURL=bundle-4i_6rq-O.js.map
+//# sourceMappingURL=bundle-BNoJJsbf.js.map

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

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

package/cjs/chunks/{bundle-r0fFmj2C.js → bundle-BSzfO86E.js}

@@ -1,25 +1,25 @@
 'use strict';
 
-var _tslib = require('./bundle-Cy2hoAU0.js');
+var _tslib = require('./bundle-CpNQMurF.js');
 var React = require('react');
-var useTypingLifecycle = require('./bundle-D1sdaq29.js');
-var index = require('./bundle-D2NdV2-5.js');
-var LocalizationContext = require('./bundle-DJ-JijOD.js');
-var _const = require('./bundle-BasyRNED.js');
-var utils$1 = require('./bundle-ClzJAsVK.js');
+var useTypingLifecycle = require('./bundle-DdwL25LY.js');
+var index = require('./bundle-CrtnIzhL.js');
+var LocalizationContext = require('./bundle-BE0OVu3J.js');
+var _const = require('./bundle-BuRTKT8p.js');
+var utils$1 = require('./bundle-CfUPxTeT.js');
 var Message_hooks_useDirtyGetMentions = require('../Message/hooks/useDirtyGetMentions.js');
-var useDidMountEffect = require('./bundle-CXhIwUSb.js');
-var index$1 = require('./bundle-IiaDOxN6.js');
+var useDidMountEffect = require('./bundle-DbbFkxiK.js');
+var index$1 = require('./bundle-D5Aw_PJ_.js');
 var ui_DateSeparator = require('../ui/DateSeparator.js');
-var ui_Label = require('./bundle-DE8Y9-kK.js');
-var ui_MessageInput = require('./bundle-D1qETcAJ.js');
-var _const$1 = require('./bundle-BmTqH53r.js');
+var ui_Label = require('./bundle-C0drS2T2.js');
+var ui_MessageInput = require('./bundle-CTlmvvXs.js');
+var _const$1 = require('./bundle-B7VnOvJ5.js');
 var ui_MessageContent = require('../ui/MessageContent.js');
 var GroupChannel_components_SuggestedReplies = require('../GroupChannel/components/SuggestedReplies.js');
-var SuggestedMentionListView = require('./bundle-BTygW3-K.js');
-var utils = require('./bundle-Dl83958K.js');
-var useSendbird = require('./bundle-4i_6rq-O.js');
-var color = require('./bundle-CAh0LY0Y.js');
+var SuggestedMentionListView = require('./bundle-bd9stcsG.js');
+var utils = require('./bundle-DvzF-l-X.js');
+var useSendbird = require('./bundle-BNoJJsbf.js');
+var color = require('./bundle-C30VI9yJ.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -109,10 +109,10 @@ var MessageView = function (props) {
     useDidMountEffect.useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll();
     }, [showEdit, (_a = message === null || message === void 0 ? void 0 : message.reactions) === null || _a === void 0 ? void 0 : _a.length]);
-    // Side effect: scroll position update when message updated
+    // Side effect: scroll position update when message updated or the unread separator appears
     useDidMountEffect.useDidMountEffect(function () {
         handleScroll === null || handleScroll === void 0 ? void 0 : handleScroll(true);
-    }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message]);
+    }, [message === null || message === void 0 ? void 0 : message.updatedAt, message === null || message === void 0 ? void 0 : message.message, hasNewMessageSeparator]);
     // Side effect: scroll position update when suggested replies are rendered or hidden
     var prevShouldRenderSuggestedReplies = React.useRef(shouldRenderSuggestedReplies);
     React.useEffect(function () {
@@ -303,4 +303,4 @@ var MessageView = function (props) {
 };
 
 exports.MessageView = MessageView;
-//# sourceMappingURL=bundle-r0fFmj2C.js.map
+//# sourceMappingURL=bundle-BSzfO86E.js.map

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

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

package/cjs/chunks/{bundle-BRlDLBbF.js → bundle-BTMMlmfW.js}

@@ -3,4 +3,4 @@
 var TEXT_MESSAGE_BODY_CLASSNAME = 'sendbird-text-message-item-body';
 
 exports.TEXT_MESSAGE_BODY_CLASSNAME = TEXT_MESSAGE_BODY_CLASSNAME;
-//# sourceMappingURL=bundle-BRlDLBbF.js.map
+//# sourceMappingURL=bundle-BTMMlmfW.js.map

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

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

package/cjs/chunks/{bundle-Bu9kk9V4.js → bundle-BY3-mySt.js}

@@ -49,4 +49,4 @@ function useThrottleCallback(callback, delay, options) {
 }
 
 exports.useThrottleCallback = useThrottleCallback;
-//# sourceMappingURL=bundle-Bu9kk9V4.js.map
+//# sourceMappingURL=bundle-BY3-mySt.js.map

package/cjs/chunks/bundle-BY3-mySt.js.map

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

package/cjs/chunks/{bundle-DGPdFGXn.js → bundle-B_h2NtYP.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./bundle-D0OvVO0x.js');
+var index = require('./bundle-DKKl7AId.js');
 
 var EmojiManager = /** @class */ (function () {
     function EmojiManager(props) {
@@ -149,4 +149,4 @@ var mapColorKeys = function (colorSet) {
 
 exports.EmojiManager = EmojiManager;
 exports.mapColorKeys = mapColorKeys;
-//# sourceMappingURL=bundle-DGPdFGXn.js.map
+//# sourceMappingURL=bundle-B_h2NtYP.js.map

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

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

package/cjs/chunks/{bundle-kPS-wRmz.js → bundle-Ba2EgCW6.js}

@@ -2,9 +2,9 @@
 
 var React = require('react');
 var message = require('@sendbird/chat/message');
-var utils = require('./bundle-_QteZHxQ.js');
-require('./bundle-BasyRNED.js');
-var consts = require('./bundle-DET4Uytg.js');
+var utils = require('./bundle-rdmbEIPS.js');
+require('./bundle-BuRTKT8p.js');
+var consts = require('./bundle-Bmx5aRjV.js');
 
 // For legacy
 // These are not used for collections(GroupChannel)
@@ -187,4 +187,4 @@ exports.SET_CURRENT_CHANNEL = SET_CURRENT_CHANNEL;
 exports.SET_EMOJI_CONTAINER = SET_EMOJI_CONTAINER;
 exports.channelActions = channelActions;
 exports.useInitialMessagesFetch = useInitialMessagesFetch;
-//# sourceMappingURL=bundle-kPS-wRmz.js.map
+//# sourceMappingURL=bundle-Ba2EgCW6.js.map

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

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