@sendbird/uikit-react 3.1.2 → 3.1.3

package/OpenChannel/components/OpenChannelMessage.js

@@ -1,55 +1,55 @@
 import React__default, { useContext, useMemo, useState, useRef } from 'react';
-import { f as format } from '../../index-7f2be3d7.js';
+import { f as format } from '../../index-4400a360.js';
 import OpenchannelUserMessage from '../../ui/OpenchannelUserMessage.js';
 import OpenChannelAdminMessage from '../../ui/OpenChannelAdminMessage.js';
 import OpenchannelOGMessage from '../../ui/OpenchannelOGMessage.js';
 import OpenchannelThumbnailMessage from '../../ui/OpenchannelThumbnailMessage.js';
 import OpenchannelFileMessage from '../../ui/OpenchannelFileMessage.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-ed39099a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e028fd23.js';
 import MessageInput from '../../ui/MessageInput.js';
 import FileViewer from '../../ui/FileViewer.js';
 import Modal from '../../ui/Modal.js';
-import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-2a073ef0.js';
-import { _ as __assign } from '../../tslib.es6-710c6267.js';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-2e3fa2dd.js';
+import { a as LocalizationContext, u as useLocalization } from '../../LocalizationContext-5b475a64.js';
+import { _ as __assign } from '../../tslib.es6-72a2f141.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-f5d504ec.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
-import '../../index-5ec69689.js';
+import '../../index-25496c01.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Icon.js';
-import '../../_rollupPluginBabelHelpers-3043541a.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../../uuid-60ae25c1.js';
+import '../../uuid-8a4db02f.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-03ccaf35.js';
-import '../../stringSet-647493ce.js';
+import '../../index-24a5ab49.js';
+import '../../stringSet-c4a61372.js';
 import '../../ui/IconButton.js';
 import '../../ui/Loader.js';
 import '../../ui/UserProfile.js';
 import '../../withSendbird.js';
 import '../../sendbirdSelectors.js';
-import '../../topics-18836011.js';
-import '../../utils-301322ba.js';
-import '../../index-6a47d16f.js';
-import '../../UserProfileContext-143a6a42.js';
-import '../../utils-19e84a08.js';
-import '../../openChannelUtils-09e4bac8.js';
+import '../../topics-851d221c.js';
+import '../../utils-2c4d166e.js';
+import '../../index-16e14c17.js';
+import '../../UserProfileContext-a2483e23.js';
+import '../../utils-12da1022.js';
+import '../../openChannelUtils-f64223c9.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextButton.js';
-import '../../color-798488ed.js';
-import '../../const-51fc1a68.js';
-import '../../const-b88f8299.js';
+import '../../color-83cfc07a.js';
+import '../../const-71ceda85.js';
+import '../../const-7867ac6a.js';
 import '../../ui/MentionUserLabel.js';
-import '../../index-c9cda9f6.js';
-import '../../compareIds-2e073780.js';
-import '../../sendbird-597583ed.js';
-import '../../__bundle-6316ce22-cd546820.js';
-import '../../__bundle-fbda47dd-9dbeee1d.js';
-import '../../openChannel-1548376e.js';
-import '../../__bundle-7dfccc8c-6c6e7ab4.js';
+import '../../index-1086dd43.js';
+import '../../compareIds-9455ecb0.js';
+import '../../sendbird-21239b88.js';
+import '../../__bundle-6316ce22-63d15802.js';
+import '../../__bundle-fbda47dd-b1c87af3.js';
+import '../../openChannel-825f8e93.js';
+import '../../__bundle-7dfccc8c-d5c3938c.js';
 
 function RemoveMessageModal(_a) {
   var onCloseModal = _a.onCloseModal,

package/OpenChannel/components/OpenChannelMessageList.js

@@ -1,27 +1,27 @@
 import React__default, { useRef, useState, useMemo } from 'react';
-import { i as isSameDay } from '../../index-b4944539.js';
+import { i as isSameDay } from '../../index-2f85a795.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ced613ea.js';
-import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-2e3fa2dd.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-7a790c96.js';
+import { u as useOpenChannelContext, c as compareMessagesForGrouping } from '../../OpenChannelProvider-f5d504ec.js';
 import MessagOpenChannelMessageeHoc from './OpenChannelMessage.js';
-import '../../index-7f2be3d7.js';
-import '../../index-5ec69689.js';
-import '../../_rollupPluginBabelHelpers-3043541a.js';
+import '../../index-4400a360.js';
+import '../../index-25496c01.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import '../../tslib.es6-710c6267.js';
-import '../../LocalizationContext-2a073ef0.js';
-import '../../stringSet-647493ce.js';
-import '../../index-ed39099a.js';
+import '../../tslib.es6-72a2f141.js';
+import '../../LocalizationContext-5b475a64.js';
+import '../../stringSet-c4a61372.js';
+import '../../index-e028fd23.js';
 import '../../ui/Loader.js';
-import '../../UserProfileContext-143a6a42.js';
-import '../../compareIds-2e073780.js';
-import '../../topics-18836011.js';
-import '../../sendbird-597583ed.js';
-import '../../__bundle-6316ce22-cd546820.js';
-import '../../__bundle-fbda47dd-9dbeee1d.js';
-import '../../openChannel-1548376e.js';
-import '../../__bundle-7dfccc8c-6c6e7ab4.js';
-import '../../uuid-60ae25c1.js';
+import '../../UserProfileContext-a2483e23.js';
+import '../../compareIds-9455ecb0.js';
+import '../../topics-851d221c.js';
+import '../../sendbird-21239b88.js';
+import '../../__bundle-6316ce22-63d15802.js';
+import '../../__bundle-fbda47dd-b1c87af3.js';
+import '../../openChannel-825f8e93.js';
+import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../uuid-8a4db02f.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
 import '../../ui/OpenchannelUserMessage.js';
@@ -30,28 +30,28 @@ import '../../ui/ImageRenderer.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../index-03ccaf35.js';
+import '../../index-24a5ab49.js';
 import '../../ui/IconButton.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-301322ba.js';
-import '../../index-6a47d16f.js';
-import '../../utils-19e84a08.js';
-import '../../openChannelUtils-09e4bac8.js';
+import '../../utils-2c4d166e.js';
+import '../../index-16e14c17.js';
+import '../../utils-12da1022.js';
+import '../../openChannelUtils-f64223c9.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-798488ed.js';
+import '../../color-83cfc07a.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/MessageInput.js';
-import '../../const-51fc1a68.js';
-import '../../const-b88f8299.js';
+import '../../const-71ceda85.js';
+import '../../const-7867ac6a.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/FileViewer.js';
-import '../../index-c9cda9f6.js';
+import '../../index-1086dd43.js';
 import '../../ui/Modal.js';
 
 function OpenchannelMessageList(props, ref) {

package/OpenChannel/components/OpenChannelUI.js

@@ -1,41 +1,41 @@
 import React__default from 'react';
-import { u as useOpenChannelContext } from '../../OpenChannelProvider-2e3fa2dd.js';
+import { u as useOpenChannelContext } from '../../OpenChannelProvider-f5d504ec.js';
 import OpenChannelInput from './OpenChannelInput.js';
 import FrozenNotification from './FrozenChannelNotification.js';
 import OpenchannelConversationHeader from './OpenChannelHeader.js';
-import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-ced613ea.js';
+import { P as PlaceHolder, a as PlaceHolderTypes } from '../../index-7a790c96.js';
 import OpenChannelMessageList from './OpenChannelMessageList.js';
-import '../../index-7f2be3d7.js';
-import '../../index-5ec69689.js';
-import '../../UserProfileContext-143a6a42.js';
+import '../../index-4400a360.js';
+import '../../index-25496c01.js';
+import '../../UserProfileContext-a2483e23.js';
 import 'prop-types';
-import '../../tslib.es6-710c6267.js';
-import '../../compareIds-2e073780.js';
-import '../../topics-18836011.js';
-import '../../sendbird-597583ed.js';
-import '../../__bundle-6316ce22-cd546820.js';
-import '../../__bundle-fbda47dd-9dbeee1d.js';
-import '../../openChannel-1548376e.js';
-import '../../__bundle-7dfccc8c-6c6e7ab4.js';
-import '../../uuid-60ae25c1.js';
+import '../../tslib.es6-72a2f141.js';
+import '../../compareIds-9455ecb0.js';
+import '../../topics-851d221c.js';
+import '../../sendbird-21239b88.js';
+import '../../__bundle-6316ce22-63d15802.js';
+import '../../__bundle-fbda47dd-b1c87af3.js';
+import '../../openChannel-825f8e93.js';
+import '../../__bundle-7dfccc8c-d5c3938c.js';
+import '../../uuid-8a4db02f.js';
 import '../../useSendbirdStateContext.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-3043541a.js';
-import '../../LocalizationContext-2a073ef0.js';
-import '../../stringSet-647493ce.js';
+import '../../_rollupPluginBabelHelpers-b2b008c2.js';
+import '../../LocalizationContext-5b475a64.js';
+import '../../stringSet-c4a61372.js';
 import '../../ui/MessageInput.js';
-import '../../const-51fc1a68.js';
-import '../../const-b88f8299.js';
+import '../../const-71ceda85.js';
+import '../../const-7867ac6a.js';
 import '../../ui/IconButton.js';
-import '../../index-6a47d16f.js';
-import '../../index-ed39099a.js';
+import '../../index-16e14c17.js';
+import '../../index-e028fd23.js';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/Icon.js';
-import '../../index-03ccaf35.js';
+import '../../index-24a5ab49.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/Loader.js';
-import '../../index-b4944539.js';
+import '../../index-2f85a795.js';
 import './OpenChannelMessage.js';
 import '../../ui/OpenchannelUserMessage.js';
 import '../../ui/ContextMenu.js';
@@ -43,19 +43,19 @@ import 'react-dom';
 import '../../ui/SortByRow.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-301322ba.js';
-import '../../utils-19e84a08.js';
-import '../../openChannelUtils-09e4bac8.js';
+import '../../utils-2c4d166e.js';
+import '../../utils-12da1022.js';
+import '../../openChannelUtils-f64223c9.js';
 import '../../ui/OpenChannelAdminMessage.js';
 import '../../ui/OpenchannelOGMessage.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/OpenchannelThumbnailMessage.js';
 import '../../ui/OpenchannelFileMessage.js';
 import '../../ui/TextButton.js';
-import '../../color-798488ed.js';
+import '../../color-83cfc07a.js';
 import '../../ui/DateSeparator.js';
 import '../../ui/FileViewer.js';
-import '../../index-c9cda9f6.js';
+import '../../index-1086dd43.js';
 import '../../ui/Modal.js';
 
 var COMPONENT_CLASS_NAME = 'sendbird-openchannel-conversation';

package/OpenChannel/context.js

@@ -1,19 +1,19 @@
 import 'react';
-export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-2e3fa2dd.js';
-import '../UserProfileContext-143a6a42.js';
-import '../topics-18836011.js';
+export { O as OpenChannelProvider, u as useOpenChannelContext } from '../OpenChannelProvider-f5d504ec.js';
+import '../UserProfileContext-a2483e23.js';
+import '../topics-851d221c.js';
 import '../useSendbirdStateContext.js';
-import '../index-7f2be3d7.js';
-import '../index-5ec69689.js';
-import '../tslib.es6-710c6267.js';
-import '../compareIds-2e073780.js';
-import '../sendbird-597583ed.js';
-import '../__bundle-6316ce22-cd546820.js';
-import '../__bundle-fbda47dd-9dbeee1d.js';
-import '../openChannel-1548376e.js';
-import '../__bundle-7dfccc8c-6c6e7ab4.js';
-import '../uuid-60ae25c1.js';
+import '../index-4400a360.js';
+import '../index-25496c01.js';
+import '../tslib.es6-72a2f141.js';
+import '../compareIds-9455ecb0.js';
+import '../sendbird-21239b88.js';
+import '../__bundle-6316ce22-63d15802.js';
+import '../__bundle-fbda47dd-b1c87af3.js';
+import '../openChannel-825f8e93.js';
+import '../__bundle-7dfccc8c-d5c3938c.js';
+import '../uuid-8a4db02f.js';
 import 'prop-types';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-3043541a.js';
+import '../_rollupPluginBabelHelpers-b2b008c2.js';
 //# sourceMappingURL=context.js.map

package/OpenChannel.js

@@ -1,32 +1,32 @@
 import React__default from 'react';
 import OpenChannelUI from './OpenChannel/components/OpenChannelUI.js';
-import { O as OpenChannelProvider } from './OpenChannelProvider-2e3fa2dd.js';
+import { O as OpenChannelProvider } from './OpenChannelProvider-f5d504ec.js';
 import './OpenChannel/components/OpenChannelInput.js';
-import './LocalizationContext-2a073ef0.js';
-import './stringSet-647493ce.js';
-import './index-5ec69689.js';
+import './LocalizationContext-5b475a64.js';
+import './stringSet-c4a61372.js';
+import './index-25496c01.js';
 import './ui/MessageInput.js';
-import './_rollupPluginBabelHelpers-3043541a.js';
+import './_rollupPluginBabelHelpers-b2b008c2.js';
 import 'prop-types';
-import './const-51fc1a68.js';
-import './const-b88f8299.js';
+import './const-71ceda85.js';
+import './const-7867ac6a.js';
 import './ui/IconButton.js';
-import './tslib.es6-710c6267.js';
-import './index-6a47d16f.js';
-import './index-ed39099a.js';
+import './tslib.es6-72a2f141.js';
+import './index-16e14c17.js';
+import './index-e028fd23.js';
 import './ui/MentionUserLabel.js';
 import './ui/Icon.js';
-import './index-03ccaf35.js';
+import './index-24a5ab49.js';
 import './OpenChannel/components/FrozenChannelNotification.js';
 import './OpenChannel/components/OpenChannelHeader.js';
 import './ui/Avatar.js';
 import './ui/ImageRenderer.js';
-import './uuid-60ae25c1.js';
-import './index-ced613ea.js';
+import './uuid-8a4db02f.js';
+import './index-7a790c96.js';
 import './ui/Loader.js';
 import './OpenChannel/components/OpenChannelMessageList.js';
-import './index-b4944539.js';
-import './index-7f2be3d7.js';
+import './index-2f85a795.js';
+import './index-4400a360.js';
 import './OpenChannel/components/OpenChannelMessage.js';
 import './ui/OpenchannelUserMessage.js';
 import './ui/ContextMenu.js';
@@ -35,29 +35,29 @@ import './ui/SortByRow.js';
 import './ui/UserProfile.js';
 import './withSendbird.js';
 import './sendbirdSelectors.js';
-import './topics-18836011.js';
-import './utils-301322ba.js';
-import './UserProfileContext-143a6a42.js';
-import './utils-19e84a08.js';
-import './openChannelUtils-09e4bac8.js';
+import './topics-851d221c.js';
+import './utils-2c4d166e.js';
+import './UserProfileContext-a2483e23.js';
+import './utils-12da1022.js';
+import './openChannelUtils-f64223c9.js';
 import './ui/OpenChannelAdminMessage.js';
 import './ui/OpenchannelOGMessage.js';
 import './ui/LinkLabel.js';
 import './ui/OpenchannelThumbnailMessage.js';
 import './ui/OpenchannelFileMessage.js';
 import './ui/TextButton.js';
-import './color-798488ed.js';
+import './color-83cfc07a.js';
 import './ui/DateSeparator.js';
 import './ui/FileViewer.js';
-import './index-c9cda9f6.js';
+import './index-1086dd43.js';
 import './ui/Modal.js';
 import './useSendbirdStateContext.js';
-import './compareIds-2e073780.js';
-import './sendbird-597583ed.js';
-import './__bundle-6316ce22-cd546820.js';
-import './__bundle-fbda47dd-9dbeee1d.js';
-import './openChannel-1548376e.js';
-import './__bundle-7dfccc8c-6c6e7ab4.js';
+import './compareIds-9455ecb0.js';
+import './sendbird-21239b88.js';
+import './__bundle-6316ce22-63d15802.js';
+import './__bundle-fbda47dd-b1c87af3.js';
+import './openChannel-825f8e93.js';
+import './__bundle-7dfccc8c-d5c3938c.js';
 
 var OpenChannel = function OpenChannel(props) {
   return /*#__PURE__*/React__default.createElement(OpenChannelProvider, {

package/{OpenChannelProvider-2e3fa2dd.js → OpenChannelProvider-f5d504ec.js}

@@ -1,13 +1,13 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './index-7f2be3d7.js';
-import { U as UserProfileProvider } from './UserProfileContext-143a6a42.js';
-import { _ as __assign, a as __spreadArray } from './tslib.es6-710c6267.js';
-import { c as compareIds } from './compareIds-2e073780.js';
-import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-18836011.js';
-import './sendbird-597583ed.js';
-import { U as Un } from './openChannel-1548376e.js';
-import { u as uuidv4 } from './uuid-60ae25c1.js';
-import { n as ne } from './__bundle-6316ce22-cd546820.js';
+import { f as format } from './index-4400a360.js';
+import { U as UserProfileProvider } from './UserProfileContext-a2483e23.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-72a2f141.js';
+import { c as compareIds } from './compareIds-9455ecb0.js';
+import { a as SEND_USER_MESSAGE, S as SEND_MESSAGE_START, b as SEND_FILE_MESSAGE, U as UPDATE_USER_MESSAGE, D as DELETE_MESSAGE } from './topics-851d221c.js';
+import './sendbird-21239b88.js';
+import { U as Un } from './openChannel-825f8e93.js';
+import { u as uuidv4 } from './uuid-8a4db02f.js';
+import { n as ne } from './__bundle-6316ce22-63d15802.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 
 var getMessageCreatedAt = function getMessageCreatedAt(message) {
@@ -128,6 +128,7 @@ var pxToNumber = function pxToNumber(px) {
 var SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
 var SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';
 var RESET_MESSAGES = 'RESET_MESSAGES';
+var EXIT_CURRENT_CHANNEL = 'EXIT_CURRENT_CHANNEL';
 var GET_PREV_MESSAGES_START = 'GET_PREV_MESSAGES_START';
 var GET_PREV_MESSAGES_SUCESS = 'GET_PREV_MESSAGES_SUCESS';
 var GET_PREV_MESSAGES_FAIL = 'GET_PREV_MESSAGES_FAIL';
@@ -164,7 +165,7 @@ var ON_META_COUNTERS_DELETED = 'ON_META_COUNTERS_DELETED';
 var ON_MENTION_RECEIVED = 'ON_MENTION_RECEIVED';
 
 function reducer(state, action) {
-  var _a;
+  var _a, _b, _c;
 
   switch (action.type) {
     case RESET_MESSAGES:
@@ -174,6 +175,17 @@ function reducer(state, action) {
         });
       }
 
+    case EXIT_CURRENT_CHANNEL:
+      {
+        if (((_a = action.payload) === null || _a === void 0 ? void 0 : _a.url) === ((_b = state.currentOpenChannel) === null || _b === void 0 ? void 0 : _b.url)) {
+          return __assign(__assign({}, state), {
+            currentOpenChannel: null
+          });
+        }
+
+        return state;
+      }
+
     case SET_CURRENT_CHANNEL:
       {
         var gottenChannel = action.payload;
@@ -211,13 +223,13 @@ function reducer(state, action) {
     case GET_PREV_MESSAGES_FAIL:
       {
         var isFailed = action.type === GET_PREV_MESSAGES_FAIL;
-        var _b = action.payload,
-            _c = _b.currentOpenChannel,
-            currentOpenChannel = _c === void 0 ? {} : _c,
-            _d = _b.messages,
-            messages = _d === void 0 ? [] : _d,
-            hasMore = _b.hasMore,
-            lastMessageTimestamp = _b.lastMessageTimestamp;
+        var _d = action.payload,
+            _e = _d.currentOpenChannel,
+            currentOpenChannel = _e === void 0 ? {} : _e,
+            _f = _d.messages,
+            messages = _f === void 0 ? [] : _f,
+            hasMore = _d.hasMore,
+            lastMessageTimestamp = _d.lastMessageTimestamp;
         var actionChannelUrl = currentOpenChannel.url;
         var receivedMessages_1 = isFailed ? [] : messages;
 
@@ -249,9 +261,9 @@ function reducer(state, action) {
 
     case SENDING_MESSAGE_START:
       {
-        var _e = action.payload,
-            message_1 = _e.message,
-            channel = _e.channel;
+        var _g = action.payload,
+            message_1 = _g.message,
+            channel = _g.channel;
 
         if ((channel === null || channel === void 0 ? void 0 : channel.url) !== state.currentOpenChannel.url || state.allMessages.some(function (m) {
           return m.reqId === message_1.reqId;
@@ -302,7 +314,7 @@ function reducer(state, action) {
     case TRIM_MESSAGE_LIST:
       {
         var allMessages = state.allMessages;
-        var messageLimit = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.messageLimit;
+        var messageLimit = (_c = action.payload) === null || _c === void 0 ? void 0 : _c.messageLimit;
 
         if (messageLimit && messageLimit > 0 && (allMessages === null || allMessages === void 0 ? void 0 : allMessages.length) > messageLimit) {
           var sliceAt = allMessages.length - messageLimit;
@@ -708,15 +720,28 @@ function useSetChannel(_a, _b) {
   var channelUrl = _a.channelUrl,
       sdkInit = _a.sdkInit,
       fetchingParticipants = _a.fetchingParticipants,
-      userId = _a.userId;
+      userId = _a.userId,
+      currentOpenChannel = _a.currentOpenChannel;
   var sdk = _b.sdk,
       logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   useEffect(function () {
+    var _a;
+
     if (channelUrl && sdkInit && (sdk === null || sdk === void 0 ? void 0 : sdk.openChannel)) {
-      logger.info('OpenChannel | useSetChannel fetching channel', channelUrl);
+      if (currentOpenChannel && (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.exit)) {
+        (_a = currentOpenChannel.exit) === null || _a === void 0 ? void 0 : _a.call(currentOpenChannel).then(function () {
+          logger.info('OpenChannel | useSetChannel: Exit from the previous open channel', currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url);
+          messagesDispatcher({
+            type: EXIT_CURRENT_CHANNEL,
+            payload: currentOpenChannel
+          });
+        });
+      }
+
+      logger.info('OpenChannel | useSetChannel: Fetching channel', channelUrl);
       sdk.openChannel.getChannel(channelUrl).then(function (openChannel) {
-        logger.info('OpenChannel | useSetChannel fetched channel', openChannel);
+        logger.info('OpenChannel | useSetChannel: Succeeded to fetch channel', openChannel);
         messagesDispatcher({
           type: SET_CURRENT_CHANNEL,
           payload: openChannel
@@ -774,7 +799,7 @@ function useSetChannel(_a, _b) {
             });
           }
         }).catch(function (error) {
-          logger.warning('OpenChannel | useSetChannel enter channel failed', {
+          logger.warning('OpenChannel | useSetChannel: Failed to enter channel', {
             channelUrl: channelUrl,
             error: error
           });
@@ -784,7 +809,7 @@ function useSetChannel(_a, _b) {
           });
         });
       }).catch(function (error) {
-        logger.warning('OpenChannel | useSetChannel fetching channel failed', {
+        logger.warning('OpenChannel | useSetChannel: Failed to fetch channel', {
           channelUrl: channelUrl,
           error: error
         });
@@ -1741,7 +1766,8 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
     channelUrl: channelUrl,
     sdkInit: sdkInit,
     fetchingParticipants: fetchingParticipants,
-    userId: userId
+    userId: userId,
+    currentOpenChannel: currentOpenChannel
   }, {
     sdk: sdk,
     logger: logger,
@@ -1911,17 +1937,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
         });
       }
     };
-  }, [channelUrl, sdkInit]); // Exit channel when unmount
-
-  useEffect(function () {
-    return function () {
-      if (currentOpenChannel && currentOpenChannel.exit) {
-        currentOpenChannel.exit().then(function () {
-          logger.info('OpenChannel | useSetChannel: Succeeded to exit channel');
-        });
-      }
-    };
-  }, [currentOpenChannel]);
+  }, [channelUrl, sdkInit]);
   return /*#__PURE__*/React__default.createElement(OpenChannelContext.Provider, {
     value: {
       // props
@@ -1972,4 +1988,4 @@ var useOpenChannelContext = function useOpenChannelContext() {
 };
 
 export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=OpenChannelProvider-2e3fa2dd.js.map
+//# sourceMappingURL=OpenChannelProvider-f5d504ec.js.map