@sendbird/uikit-react 3.1.2 → 3.1.3

package/cjs/OpenChannel/components/OpenChannelMessage.js

@@ -1,57 +1,57 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-f5cb5c7f.js');
+var index = require('../../index-701d44c1.js');
 var ui_OpenchannelUserMessage = require('../../ui/OpenchannelUserMessage.js');
 var ui_OpenChannelAdminMessage = require('../../ui/OpenChannelAdminMessage.js');
 var ui_OpenchannelOGMessage = require('../../ui/OpenchannelOGMessage.js');
 var ui_OpenchannelThumbnailMessage = require('../../ui/OpenchannelThumbnailMessage.js');
 var ui_OpenchannelFileMessage = require('../../ui/OpenchannelFileMessage.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-089e0fba.js');
+var ui_Label = require('../../index-dad73aff.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
 var ui_Modal = require('../../ui/Modal.js');
-var LocalizationContext = require('../../LocalizationContext-da62a103.js');
-var tslib_es6 = require('../../tslib.es6-ba69891c.js');
-var OpenChannel_context = require('../../OpenChannelProvider-bc8d7f0d.js');
+var LocalizationContext = require('../../LocalizationContext-c13ae9d5.js');
+var tslib_es6 = require('../../tslib.es6-f57d0c81.js');
+var OpenChannel_context = require('../../OpenChannelProvider-341f9a01.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../index-25336220.js');
+require('../../index-63b56a0e.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Icon.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
-require('../../uuid-49679ac2.js');
+require('../../uuid-1942f440.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
-require('../../stringSet-857a128c.js');
+require('../../index-c8f7702f.js');
+require('../../stringSet-bd0c293d.js');
 require('../../ui/IconButton.js');
 require('../../ui/Loader.js');
 require('../../ui/UserProfile.js');
 require('../../withSendbird.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-a755c9c6.js');
-require('../../utils-bf57a41a.js');
-require('../../index-05692021.js');
-require('../../UserProfileContext-891590a7.js');
-require('../../utils-bfbac88e.js');
-require('../../openChannelUtils-56d57483.js');
+require('../../topics-f3fe3bf3.js');
+require('../../utils-760ac018.js');
+require('../../index-d889bc81.js');
+require('../../UserProfileContext-f7c125ca.js');
+require('../../utils-959685f6.js');
+require('../../openChannelUtils-7a336d09.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
-require('../../color-42e34a43.js');
-require('../../const-8a9ec74c.js');
-require('../../const-c1a4604d.js');
+require('../../color-f0ffb253.js');
+require('../../const-84c58686.js');
+require('../../const-459420a0.js');
 require('../../ui/MentionUserLabel.js');
-require('../../index-32562627.js');
-require('../../compareIds-26079db4.js');
-require('../../sendbird-dfd051c8.js');
-require('../../__bundle-6316ce22-c06e03fc.js');
-require('../../__bundle-fbda47dd-1a2c2d97.js');
-require('../../openChannel-76345cfa.js');
-require('../../__bundle-7dfccc8c-dcc1c854.js');
+require('../../index-98e4f7b2.js');
+require('../../compareIds-10371145.js');
+require('../../sendbird-e3e5c8ae.js');
+require('../../__bundle-6316ce22-054c7ff6.js');
+require('../../__bundle-fbda47dd-4cb7267d.js');
+require('../../openChannel-e95532d8.js');
+require('../../__bundle-7dfccc8c-826eb0ef.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/OpenChannel/components/OpenChannelMessageList.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var index = require('../../index-fb127b1f.js');
+var index = require('../../index-243538a2.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_PlaceHolder = require('../../index-b440f8c6.js');
-var OpenChannel_context = require('../../OpenChannelProvider-bc8d7f0d.js');
+var ui_PlaceHolder = require('../../index-2d53c0e6.js');
+var OpenChannel_context = require('../../OpenChannelProvider-341f9a01.js');
 var OpenChannel_components_OpenChannelMessage = require('./OpenChannelMessage.js');
-require('../../index-f5cb5c7f.js');
-require('../../index-25336220.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
+require('../../index-701d44c1.js');
+require('../../index-63b56a0e.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
-require('../../tslib.es6-ba69891c.js');
-require('../../LocalizationContext-da62a103.js');
-require('../../stringSet-857a128c.js');
-require('../../index-089e0fba.js');
+require('../../tslib.es6-f57d0c81.js');
+require('../../LocalizationContext-c13ae9d5.js');
+require('../../stringSet-bd0c293d.js');
+require('../../index-dad73aff.js');
 require('../../ui/Loader.js');
-require('../../UserProfileContext-891590a7.js');
-require('../../compareIds-26079db4.js');
-require('../../topics-a755c9c6.js');
-require('../../sendbird-dfd051c8.js');
-require('../../__bundle-6316ce22-c06e03fc.js');
-require('../../__bundle-fbda47dd-1a2c2d97.js');
-require('../../openChannel-76345cfa.js');
-require('../../__bundle-7dfccc8c-dcc1c854.js');
-require('../../uuid-49679ac2.js');
+require('../../UserProfileContext-f7c125ca.js');
+require('../../compareIds-10371145.js');
+require('../../topics-f3fe3bf3.js');
+require('../../sendbird-e3e5c8ae.js');
+require('../../__bundle-6316ce22-054c7ff6.js');
+require('../../__bundle-fbda47dd-4cb7267d.js');
+require('../../openChannel-e95532d8.js');
+require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../uuid-1942f440.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
 require('../../ui/OpenchannelUserMessage.js');
@@ -32,28 +32,28 @@ require('../../ui/ImageRenderer.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 require('../../ui/IconButton.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-bf57a41a.js');
-require('../../index-05692021.js');
-require('../../utils-bfbac88e.js');
-require('../../openChannelUtils-56d57483.js');
+require('../../utils-760ac018.js');
+require('../../index-d889bc81.js');
+require('../../utils-959685f6.js');
+require('../../openChannelUtils-7a336d09.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-42e34a43.js');
+require('../../color-f0ffb253.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/MessageInput.js');
-require('../../const-8a9ec74c.js');
-require('../../const-c1a4604d.js');
+require('../../const-84c58686.js');
+require('../../const-459420a0.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/FileViewer.js');
-require('../../index-32562627.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/components/OpenChannelUI.js

@@ -1,43 +1,43 @@
 'use strict';
 
 var React = require('react');
-var OpenChannel_context = require('../../OpenChannelProvider-bc8d7f0d.js');
+var OpenChannel_context = require('../../OpenChannelProvider-341f9a01.js');
 var OpenChannel_components_OpenChannelInput = require('./OpenChannelInput.js');
 var OpenChannel_components_FrozenChannelNotification = require('./FrozenChannelNotification.js');
 var OpenChannel_components_OpenChannelHeader = require('./OpenChannelHeader.js');
-var ui_PlaceHolder = require('../../index-b440f8c6.js');
+var ui_PlaceHolder = require('../../index-2d53c0e6.js');
 var OpenChannel_components_OpenChannelMessageList = require('./OpenChannelMessageList.js');
-require('../../index-f5cb5c7f.js');
-require('../../index-25336220.js');
-require('../../UserProfileContext-891590a7.js');
+require('../../index-701d44c1.js');
+require('../../index-63b56a0e.js');
+require('../../UserProfileContext-f7c125ca.js');
 require('prop-types');
-require('../../tslib.es6-ba69891c.js');
-require('../../compareIds-26079db4.js');
-require('../../topics-a755c9c6.js');
-require('../../sendbird-dfd051c8.js');
-require('../../__bundle-6316ce22-c06e03fc.js');
-require('../../__bundle-fbda47dd-1a2c2d97.js');
-require('../../openChannel-76345cfa.js');
-require('../../__bundle-7dfccc8c-dcc1c854.js');
-require('../../uuid-49679ac2.js');
+require('../../tslib.es6-f57d0c81.js');
+require('../../compareIds-10371145.js');
+require('../../topics-f3fe3bf3.js');
+require('../../sendbird-e3e5c8ae.js');
+require('../../__bundle-6316ce22-054c7ff6.js');
+require('../../__bundle-fbda47dd-4cb7267d.js');
+require('../../openChannel-e95532d8.js');
+require('../../__bundle-7dfccc8c-826eb0ef.js');
+require('../../uuid-1942f440.js');
 require('../../useSendbirdStateContext.js');
 require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-4265e501.js');
-require('../../LocalizationContext-da62a103.js');
-require('../../stringSet-857a128c.js');
+require('../../_rollupPluginBabelHelpers-09706ebf.js');
+require('../../LocalizationContext-c13ae9d5.js');
+require('../../stringSet-bd0c293d.js');
 require('../../ui/MessageInput.js');
-require('../../const-8a9ec74c.js');
-require('../../const-c1a4604d.js');
+require('../../const-84c58686.js');
+require('../../const-459420a0.js');
 require('../../ui/IconButton.js');
-require('../../index-05692021.js');
-require('../../index-089e0fba.js');
+require('../../index-d889bc81.js');
+require('../../index-dad73aff.js');
 require('../../ui/MentionUserLabel.js');
 require('../../ui/Icon.js');
-require('../../index-06c3dca9.js');
+require('../../index-c8f7702f.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
 require('../../ui/Loader.js');
-require('../../index-fb127b1f.js');
+require('../../index-243538a2.js');
 require('./OpenChannelMessage.js');
 require('../../ui/OpenchannelUserMessage.js');
 require('../../ui/ContextMenu.js');
@@ -45,19 +45,19 @@ require('react-dom');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-bf57a41a.js');
-require('../../utils-bfbac88e.js');
-require('../../openChannelUtils-56d57483.js');
+require('../../utils-760ac018.js');
+require('../../utils-959685f6.js');
+require('../../openChannelUtils-7a336d09.js');
 require('../../ui/OpenChannelAdminMessage.js');
 require('../../ui/OpenchannelOGMessage.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OpenchannelThumbnailMessage.js');
 require('../../ui/OpenchannelFileMessage.js');
 require('../../ui/TextButton.js');
-require('../../color-42e34a43.js');
+require('../../color-f0ffb253.js');
 require('../../ui/DateSeparator.js');
 require('../../ui/FileViewer.js');
-require('../../index-32562627.js');
+require('../../index-98e4f7b2.js');
 require('../../ui/Modal.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/OpenChannel/context.js

@@ -3,23 +3,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var OpenChannel_context = require('../OpenChannelProvider-bc8d7f0d.js');
-require('../UserProfileContext-891590a7.js');
-require('../topics-a755c9c6.js');
+var OpenChannel_context = require('../OpenChannelProvider-341f9a01.js');
+require('../UserProfileContext-f7c125ca.js');
+require('../topics-f3fe3bf3.js');
 require('../useSendbirdStateContext.js');
-require('../index-f5cb5c7f.js');
-require('../index-25336220.js');
-require('../tslib.es6-ba69891c.js');
-require('../compareIds-26079db4.js');
-require('../sendbird-dfd051c8.js');
-require('../__bundle-6316ce22-c06e03fc.js');
-require('../__bundle-fbda47dd-1a2c2d97.js');
-require('../openChannel-76345cfa.js');
-require('../__bundle-7dfccc8c-dcc1c854.js');
-require('../uuid-49679ac2.js');
+require('../index-701d44c1.js');
+require('../index-63b56a0e.js');
+require('../tslib.es6-f57d0c81.js');
+require('../compareIds-10371145.js');
+require('../sendbird-e3e5c8ae.js');
+require('../__bundle-6316ce22-054c7ff6.js');
+require('../__bundle-fbda47dd-4cb7267d.js');
+require('../openChannel-e95532d8.js');
+require('../__bundle-7dfccc8c-826eb0ef.js');
+require('../uuid-1942f440.js');
 require('prop-types');
 require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-4265e501.js');
+require('../_rollupPluginBabelHelpers-09706ebf.js');
 
 
 

package/cjs/OpenChannel.js

@@ -2,33 +2,33 @@
 
 var React = require('react');
 var OpenChannel_components_OpenChannelUI = require('./OpenChannel/components/OpenChannelUI.js');
-var OpenChannel_context = require('./OpenChannelProvider-bc8d7f0d.js');
+var OpenChannel_context = require('./OpenChannelProvider-341f9a01.js');
 require('./OpenChannel/components/OpenChannelInput.js');
-require('./LocalizationContext-da62a103.js');
-require('./stringSet-857a128c.js');
-require('./index-25336220.js');
+require('./LocalizationContext-c13ae9d5.js');
+require('./stringSet-bd0c293d.js');
+require('./index-63b56a0e.js');
 require('./ui/MessageInput.js');
-require('./_rollupPluginBabelHelpers-4265e501.js');
+require('./_rollupPluginBabelHelpers-09706ebf.js');
 require('prop-types');
-require('./const-8a9ec74c.js');
-require('./const-c1a4604d.js');
+require('./const-84c58686.js');
+require('./const-459420a0.js');
 require('./ui/IconButton.js');
-require('./tslib.es6-ba69891c.js');
-require('./index-05692021.js');
-require('./index-089e0fba.js');
+require('./tslib.es6-f57d0c81.js');
+require('./index-d889bc81.js');
+require('./index-dad73aff.js');
 require('./ui/MentionUserLabel.js');
 require('./ui/Icon.js');
-require('./index-06c3dca9.js');
+require('./index-c8f7702f.js');
 require('./OpenChannel/components/FrozenChannelNotification.js');
 require('./OpenChannel/components/OpenChannelHeader.js');
 require('./ui/Avatar.js');
 require('./ui/ImageRenderer.js');
-require('./uuid-49679ac2.js');
-require('./index-b440f8c6.js');
+require('./uuid-1942f440.js');
+require('./index-2d53c0e6.js');
 require('./ui/Loader.js');
 require('./OpenChannel/components/OpenChannelMessageList.js');
-require('./index-fb127b1f.js');
-require('./index-f5cb5c7f.js');
+require('./index-243538a2.js');
+require('./index-701d44c1.js');
 require('./OpenChannel/components/OpenChannelMessage.js');
 require('./ui/OpenchannelUserMessage.js');
 require('./ui/ContextMenu.js');
@@ -37,29 +37,29 @@ require('./ui/SortByRow.js');
 require('./ui/UserProfile.js');
 require('./withSendbird.js');
 require('./sendbirdSelectors.js');
-require('./topics-a755c9c6.js');
-require('./utils-bf57a41a.js');
-require('./UserProfileContext-891590a7.js');
-require('./utils-bfbac88e.js');
-require('./openChannelUtils-56d57483.js');
+require('./topics-f3fe3bf3.js');
+require('./utils-760ac018.js');
+require('./UserProfileContext-f7c125ca.js');
+require('./utils-959685f6.js');
+require('./openChannelUtils-7a336d09.js');
 require('./ui/OpenChannelAdminMessage.js');
 require('./ui/OpenchannelOGMessage.js');
 require('./ui/LinkLabel.js');
 require('./ui/OpenchannelThumbnailMessage.js');
 require('./ui/OpenchannelFileMessage.js');
 require('./ui/TextButton.js');
-require('./color-42e34a43.js');
+require('./color-f0ffb253.js');
 require('./ui/DateSeparator.js');
 require('./ui/FileViewer.js');
-require('./index-32562627.js');
+require('./index-98e4f7b2.js');
 require('./ui/Modal.js');
 require('./useSendbirdStateContext.js');
-require('./compareIds-26079db4.js');
-require('./sendbird-dfd051c8.js');
-require('./__bundle-6316ce22-c06e03fc.js');
-require('./__bundle-fbda47dd-1a2c2d97.js');
-require('./openChannel-76345cfa.js');
-require('./__bundle-7dfccc8c-dcc1c854.js');
+require('./compareIds-10371145.js');
+require('./sendbird-e3e5c8ae.js');
+require('./__bundle-6316ce22-054c7ff6.js');
+require('./__bundle-fbda47dd-4cb7267d.js');
+require('./openChannel-e95532d8.js');
+require('./__bundle-7dfccc8c-826eb0ef.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/{OpenChannelProvider-bc8d7f0d.js → OpenChannelProvider-341f9a01.js}

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-f5cb5c7f.js');
-var UserProfileContext = require('./UserProfileContext-891590a7.js');
-var tslib_es6 = require('./tslib.es6-ba69891c.js');
-var compareIds = require('./compareIds-26079db4.js');
-var topics = require('./topics-a755c9c6.js');
-require('./sendbird-dfd051c8.js');
-var openChannel = require('./openChannel-76345cfa.js');
-var uuid = require('./uuid-49679ac2.js');
-var __bundle6316ce22 = require('./__bundle-6316ce22-c06e03fc.js');
+var index = require('./index-701d44c1.js');
+var UserProfileContext = require('./UserProfileContext-f7c125ca.js');
+var tslib_es6 = require('./tslib.es6-f57d0c81.js');
+var compareIds = require('./compareIds-10371145.js');
+var topics = require('./topics-f3fe3bf3.js');
+require('./sendbird-e3e5c8ae.js');
+var openChannel = require('./openChannel-e95532d8.js');
+var uuid = require('./uuid-1942f440.js');
+var __bundle6316ce22 = require('./__bundle-6316ce22-054c7ff6.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -134,6 +134,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';
@@ -170,7 +171,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:
@@ -180,6 +181,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 tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            currentOpenChannel: null
+          });
+        }
+
+        return state;
+      }
+
     case SET_CURRENT_CHANNEL:
       {
         var gottenChannel = action.payload;
@@ -217,13 +229,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;
 
@@ -255,9 +267,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;
@@ -308,7 +320,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;
@@ -714,15 +726,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;
   React.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
@@ -780,7 +805,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
           });
@@ -790,7 +815,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
         });
@@ -1747,7 +1772,8 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
     channelUrl: channelUrl,
     sdkInit: sdkInit,
     fetchingParticipants: fetchingParticipants,
-    userId: userId
+    userId: userId,
+    currentOpenChannel: currentOpenChannel
   }, {
     sdk: sdk,
     logger: logger,
@@ -1917,17 +1943,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
         });
       }
     };
-  }, [channelUrl, sdkInit]); // Exit channel when unmount
-
-  React.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["default"].createElement(OpenChannelContext.Provider, {
     value: {
       // props
@@ -1981,4 +1997,4 @@ exports.OpenChannelProvider = OpenChannelProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=OpenChannelProvider-bc8d7f0d.js.map
+//# sourceMappingURL=OpenChannelProvider-341f9a01.js.map