@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/{OpenChannelProvider-56af9a0e.js → OpenChannelProvider-3d3d606e.js}

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-959a4ab1.js');
-var UserProfileContext = require('./UserProfileContext-c4642438.js');
-var tslib_es6 = require('./tslib.es6-ee1122c5.js');
-var compareIds = require('./compareIds-b77b66f3.js');
-var topics = require('./topics-7547922a.js');
+var index = require('./index-f2d71843.js');
+var UserProfileContext = require('./UserProfileContext-ce0c283c.js');
+var tslib_es6 = require('./tslib.es6-67bdb021.js');
+var compareIds = require('./compareIds-441b4983.js');
+var topics = require('./topics-f70c5e0f.js');
 var SendbirdChat = require('@sendbird/chat');
 var openChannel = require('@sendbird/chat/openChannel');
-var uuid = require('./uuid-26b61f16.js');
+var uuid = require('./uuid-f23c161c.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -22,28 +22,23 @@ var shouldFetchMore = function (messageLength, maxMessages) {
   if (typeof maxMessages !== 'number') {
     return true;
   }
-
   if (typeof maxMessages === 'number' && maxMessages > messageLength) {
     return true;
   }
-
   return false;
 };
 var scrollIntoLast = function (initialTry, scrollRef) {
   if (initialTry === void 0) {
     initialTry = 0;
   }
-
   var MAX_TRIES = 10;
   var currentTry = initialTry;
-
   if (currentTry > MAX_TRIES) {
     return;
   }
-
   try {
-    var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-openchannel-conversation-scroll__container__item-container'); // eslint-disable-next-line no-multi-assign
-
+    var scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-openchannel-conversation-scroll__container__item-container');
+    // eslint-disable-next-line no-multi-assign
     scrollDOM.scrollTop = scrollDOM.scrollHeight;
   } catch (error) {
     setTimeout(function () {
@@ -53,12 +48,10 @@ var scrollIntoLast = function (initialTry, scrollRef) {
 };
 var isSameGroup = function (message, comparingMessage) {
   var _a, _b, _c, _d;
-
   if (!(message && comparingMessage && (message === null || message === void 0 ? void 0 : message.messageType) && message.messageType !== 'admin' && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) && comparingMessage.messageType !== 'admin' && (message === null || message === void 0 ? void 0 : message.sender) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) && (message === null || message === void 0 ? void 0 : message.createdAt) && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.createdAt) && ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) && ((_b = comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sender) === null || _b === void 0 ? void 0 : _b.userId))) {
     return false;
-  } // to fix typecasting
-
-
+  }
+  // to fix typecasting
   var message_ = message;
   var comparingMessage_ = comparingMessage;
   return (message_ === null || message_ === void 0 ? void 0 : message_.sendingStatus) === (comparingMessage_ === null || comparingMessage_ === void 0 ? void 0 : comparingMessage_.sendingStatus) && ((_c = message_ === null || message_ === void 0 ? void 0 : message_.sender) === null || _c === void 0 ? void 0 : _c.userId) === ((_d = comparingMessage_ === null || comparingMessage_ === void 0 ? void 0 : comparingMessage_.sender) === null || _d === void 0 ? void 0 : _d.userId) && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage);
@@ -70,22 +63,18 @@ var kFormatter = function (num) {
   if (Math.abs(num) > 999999) {
     return "".concat((Math.abs(num) / 1000000).toFixed(1), "M");
   }
-
   if (Math.abs(num) > 999) {
     return "".concat((Math.abs(num) / 1000).toFixed(1), "K");
   }
-
   return "".concat(num);
 };
 var isOperator = function (openChannel, userId) {
   var operators = openChannel === null || openChannel === void 0 ? void 0 : openChannel.operators;
-
   if (operators.map(function (operator) {
     return operator.userId;
   }).indexOf(userId) < 0) {
     return false;
   }
-
   return true;
 };
 var isDisabledBecauseFrozen = function (openChannel, userId) {
@@ -98,7 +87,6 @@ var isDisabledBecauseMuted = function (mutedParticipantIds, userId) {
 var fetchWithListQuery = function (listQuery, logger, eachQueryNextCallback) {
   var fetchList = function (query) {
     var hasNext = query.hasNext;
-
     if (hasNext) {
       query.next().then(function (users) {
         eachQueryNextCallback(users);
@@ -110,7 +98,6 @@ var fetchWithListQuery = function (listQuery, logger, eachQueryNextCallback) {
       logger.info('OpenChannel | FetchUserList finished');
     }
   };
-
   logger.info('OpenChannel | FetchUserList start', listQuery);
   fetchList(listQuery);
 };
@@ -118,15 +105,12 @@ var pxToNumber = function (px) {
   if (typeof px === 'number') {
     return px;
   }
-
   if (typeof px === 'string') {
     var parsed = Number.parseFloat(px);
-
     if (!Number.isNaN(parsed)) {
       return parsed;
     }
   }
-
   return null;
 };
 
@@ -144,8 +128,8 @@ var RESENDING_MESSAGE_START = 'RESENDING_MESSAGE_START';
 var FETCH_PARTICIPANT_LIST = 'FETCH_PARTICIPANT_LIST';
 var FETCH_BANNED_USER_LIST = 'FETCH_BANNED_USER_LIST';
 var FETCH_MUTED_USER_LIST = 'FETCH_MUTED_USER_LIST';
-var TRIM_MESSAGE_LIST = 'TRIM_MESSAGE_LIST'; // event handlers
-
+var TRIM_MESSAGE_LIST = 'TRIM_MESSAGE_LIST';
+// event handlers
 var ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';
 var ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';
 var ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';
@@ -171,7 +155,6 @@ var ON_MENTION_RECEIVED = 'ON_MENTION_RECEIVED';
 
 function reducer(state, action) {
   var _a, _b, _c;
-
   switch (action.type) {
     case RESET_MESSAGES:
       {
@@ -179,7 +162,6 @@ function reducer(state, action) {
           allMessages: []
         });
       }
-
     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)) {
@@ -187,19 +169,15 @@ function reducer(state, action) {
             currentOpenChannel: null
           });
         }
-
         return state;
       }
-
     case SET_CURRENT_CHANNEL:
       {
         var gottenChannel = action.payload;
         var operators = gottenChannel.operators;
-
         if (!state.isInvalid && state.currentOpenChannel && state.currentOpenChannel.url && state.currentOpenChannel.url === gottenChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           currentOpenChannel: gottenChannel,
           isInvalid: false,
@@ -209,46 +187,38 @@ function reducer(state, action) {
           mutedParticipantIds: []
         });
       }
-
     case SET_CHANNEL_INVALID:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           isInvalid: true
         });
       }
-
     case GET_PREV_MESSAGES_START:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           loading: true
         });
       }
-
     case GET_PREV_MESSAGES_SUCESS:
     case GET_PREV_MESSAGES_FAIL:
       {
         var isFailed = action.type === GET_PREV_MESSAGES_FAIL;
         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;
+          _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;
-
         var _hasMore = isFailed ? false : hasMore;
-
         var _lastMessageTimestamp = isFailed ? 0 : lastMessageTimestamp;
-
         var stateChannel = state.currentOpenChannel;
         var stateChannelUrl = stateChannel.url;
-
         if (actionChannelUrl !== stateChannelUrl) {
           return state;
         }
-
         var filteredAllMessages = state.allMessages.filter(function (message) {
           return !receivedMessages_1.find(function (_a) {
             var messageId = _a.messageId;
@@ -263,25 +233,22 @@ function reducer(state, action) {
           allMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], receivedMessages_1, true), filteredAllMessages, true)
         });
       }
-
     case SENDING_MESSAGE_START:
       {
         var _g = action.payload,
-            message_1 = _g.message,
-            channel = _g.channel;
-
+          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;
-        }) // Handing failed first than sending start issue
+        })
+        // Handing failed first than sending start issue
         ) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allMessages, true), [message_1], false)
         });
       }
-
     case SENDING_MESSAGE_SUCCEEDED:
       {
         var sentMessage_1 = action.payload;
@@ -292,12 +259,10 @@ function reducer(state, action) {
           allMessages: newMessages
         });
       }
-
     case SENDING_MESSAGE_FAILED:
       {
         var sentMessage_2 = action.payload;
         sentMessage_2.sendingStatus = 'failed';
-
         if (!state.allMessages.some(function (m) {
           return (m === null || m === void 0 ? void 0 : m.reqId) === (sentMessage_2 === null || sentMessage_2 === void 0 ? void 0 : sentMessage_2.reqId);
         })) {
@@ -315,81 +280,66 @@ function reducer(state, action) {
           });
         }
       }
-
     case TRIM_MESSAGE_LIST:
       {
         var allMessages = state.allMessages;
         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;
           return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             allMessages: allMessages.slice(sliceAt)
           });
         }
-
         return state;
       }
-
     case RESENDING_MESSAGE_START:
       {
         var eventedChannel = action.payload.channel;
         var resentMessage_1 = action.payload.message;
-
         if (eventedChannel.url !== state.currentOpenChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: state.allMessages.map(function (m) {
             return compareIds.compareIds(m.reqId, resentMessage_1.reqId) ? resentMessage_1 : m;
           })
         });
       }
-
     case FETCH_PARTICIPANT_LIST:
       {
         var eventedChannel = action.payload.channel;
         var fetchedParticipantList = action.payload.users;
-
         if (eventedChannel.url !== state.currentOpenChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           participants: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.participants, true), fetchedParticipantList, true)
         });
       }
-
     case FETCH_BANNED_USER_LIST:
       {
         var eventedChannel = action.payload.channel;
         var fetchedBannedUserList = action.payload.users;
-
         if (eventedChannel.url !== state.currentOpenChannel.url || !fetchedBannedUserList.every(function (user) {
           return typeof user.userId === 'string';
         })) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           bannedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.bannedParticipantIds, true), fetchedBannedUserList.map(function (user) {
             return user.userId;
           }), true)
         });
       }
-
     case FETCH_MUTED_USER_LIST:
       {
         var eventedChannel = action.payload.channel;
         var fetchedMutedUserList = action.payload.users;
-
         if (eventedChannel.url !== state.currentOpenChannel.url || !fetchedMutedUserList.every(function (user) {
           return typeof user.userId === 'string';
         })) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           mutedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.mutedParticipantIds, true), fetchedMutedUserList.map(function (user) {
             return user.userId;
@@ -397,58 +347,48 @@ function reducer(state, action) {
         });
       }
     // events
-
     case ON_MESSAGE_RECEIVED:
       {
         var eventedChannel = action.payload.channel;
         var receivedMessage = action.payload.message;
         var currentOpenChannel = state.currentOpenChannel;
-
         if (!compareIds.compareIds(eventedChannel.url, currentOpenChannel.url) || !(state.allMessages.map(function (message) {
           return message.messageId;
         }).indexOf(receivedMessage.messageId) < 0)) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.allMessages, true), [receivedMessage], false)
         });
       }
-
     case ON_MESSAGE_UPDATED:
       {
         var eventedChannel = action.payload.channel;
         var updatedMessage_1 = action.payload.message;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: state.allMessages.map(function (message) {
             return message.isIdentical(updatedMessage_1) ? updatedMessage_1 : message;
           })
         });
       }
-
     case ON_MESSAGE_DELETED:
       {
         var eventedChannel = action.payload.channel;
         var deletedMessageId_1 = action.payload.messageId;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           allMessages: state.allMessages.filter(function (message) {
             return !compareIds.compareIds(message.messageId, deletedMessageId_1);
           })
         });
       }
-
     case ON_MESSAGE_DELETED_BY_REQ_ID:
       {
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
@@ -457,94 +397,77 @@ function reducer(state, action) {
           })
         });
       }
-
     case ON_OPERATOR_UPDATED:
       {
         var eventedChannel = action.payload.channel;
         var updatedOperators = action.payload.operators;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           currentOpenChannel: eventedChannel,
           operators: updatedOperators
         });
       }
-
     case ON_USER_ENTERED:
       {
         var eventedChannel = action.payload.channel;
         var enteredUser = action.payload.user;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           participants: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.participants, true), [enteredUser], false)
         });
       }
-
     case ON_USER_EXITED:
       {
         var eventedChannel = action.payload.channel;
         var exitedUser_1 = action.payload.user;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           participants: state.participants.filter(function (participant) {
             return !compareIds.compareIds(participant.userId, exitedUser_1.userId);
           })
         });
       }
-
     case ON_USER_MUTED:
       {
         var eventedChannel = action.payload.channel;
         var mutedUser = action.payload.user;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url || state.mutedParticipantIds.indexOf(mutedUser.userId) >= 0) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           mutedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.mutedParticipantIds, true), [mutedUser.userId], false)
         });
       }
-
     case ON_USER_UNMUTED:
       {
         var eventedChannel = action.payload.channel;
         var unmutedUser_1 = action.payload.user;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url || state.mutedParticipantIds.indexOf(unmutedUser_1.userId) < 0) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           mutedParticipantIds: state.mutedParticipantIds.filter(function (userId) {
             return userId !== unmutedUser_1.userId;
           })
         });
       }
-
     case ON_USER_BANNED:
       {
         var eventedChannel = action.payload.channel;
         var bannedUser = action.payload.user;
         var currentUser = action.payload.currentUser;
         var currentChannel = state.currentOpenChannel;
-
         if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (eventedChannel === null || eventedChannel === void 0 ? void 0 : eventedChannel.url) && (bannedUser === null || bannedUser === void 0 ? void 0 : bannedUser.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)) {
           return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             currentOpenChannel: null
@@ -554,16 +477,13 @@ function reducer(state, action) {
             bannedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.bannedParticipantIds, true), [bannedUser.userId], false)
           });
         }
-
         return state;
       }
-
     case ON_USER_UNBANNED:
       {
         var eventedChannel = action.payload.channel;
         var unbannedUser_1 = action.payload.user;
         var currentChannel = state.currentOpenChannel;
-
         if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (eventedChannel === null || eventedChannel === void 0 ? void 0 : eventedChannel.url)) {
           return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             bannedParticipantIds: state.bannedParticipantIds.filter(function (userId) {
@@ -571,66 +491,52 @@ function reducer(state, action) {
             })
           });
         }
-
         return state;
       }
-
     case ON_CHANNEL_FROZEN:
       {
         var frozenChannel = action.payload;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== frozenChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           frozen: true
         });
       }
-
     case ON_CHANNEL_UNFROZEN:
       {
         var unfrozenChannel = action.payload;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== unfrozenChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           frozen: false
         });
       }
-
     case ON_CHANNEL_CHANGED:
       {
         var changedChannel = action.payload;
         var currentChannel = state.currentOpenChannel;
-
         if (!currentChannel || currentChannel.url && currentChannel.url !== changedChannel.url) {
           return state;
         }
-
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
           currentOpenChannel: changedChannel
         });
       }
-
     case ON_CHANNEL_DELETED:
       {
         var deletedChannelUrl = action.payload;
         var currentChannel = state === null || state === void 0 ? void 0 : state.currentOpenChannel;
-
         if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === deletedChannelUrl) {
           return tslib_es6.__assign(tslib_es6.__assign({}, state), {
             currentOpenChannel: null
           });
         }
-
         return state;
       }
-
     case ON_META_DATA_CREATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -640,7 +546,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_DATA_UPDATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -650,7 +555,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_DATA_DELETED:
       {
         // const eventedChannel = action.payload.channel;
@@ -660,7 +564,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_CREATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -670,7 +573,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_UPDATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -680,7 +582,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_DELETED:
       {
         // const eventedChannel = action.payload.channel;
@@ -690,7 +591,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_MENTION_RECEIVED:
       {
         // const eventedChannel = action.payload.channel;
@@ -700,7 +600,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     default:
       return state;
   }
@@ -723,16 +622,15 @@ var initialState = {
 
 function useSetChannel(_a, _b) {
   var channelUrl = _a.channelUrl,
-      sdkInit = _a.sdkInit,
-      fetchingParticipants = _a.fetchingParticipants,
-      userId = _a.userId,
-      currentOpenChannel = _a.currentOpenChannel;
+    sdkInit = _a.sdkInit,
+    fetchingParticipants = _a.fetchingParticipants,
+    userId = _a.userId,
+    currentOpenChannel = _a.currentOpenChannel;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    logger = _b.logger,
+    messagesDispatcher = _b.messagesDispatcher;
   React.useEffect(function () {
     var _a;
-
     if (channelUrl && sdkInit && (sdk === null || sdk === void 0 ? void 0 : sdk.openChannel)) {
       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 () {
@@ -743,7 +641,6 @@ function useSetChannel(_a, _b) {
           });
         });
       }
-
       logger.info('OpenChannel | useSetChannel: Fetching channel', channelUrl);
       sdk.openChannel.getChannel(channelUrl).then(function (openChannel) {
         logger.info('OpenChannel | useSetChannel: Succeeded to fetch channel', openChannel);
@@ -787,7 +684,6 @@ function useSetChannel(_a, _b) {
               }
             });
           }
-
           if (fetchingParticipants) {
             // fetch participants list
             var participantListQuery = openChannel.createParticipantListQuery({
@@ -829,16 +725,14 @@ function useSetChannel(_a, _b) {
 
 function useHandleChannelEvents(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      checkScrollBottom = _a.checkScrollBottom;
+    checkScrollBottom = _a.checkScrollBottom;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher,
-      scrollRef = _b.scrollRef;
+    logger = _b.logger,
+    messagesDispatcher = _b.messagesDispatcher,
+    scrollRef = _b.scrollRef;
   React.useEffect(function () {
     var _a, _b;
-
     var messageReceiverId = uuid.uuidv4();
-
     if (currentOpenChannel && currentOpenChannel.url && ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.addOpenChannelHandler)) {
       logger.info('OpenChannel | useHandleChannelEvents: Setup evnet handler', messageReceiverId);
       var channelHandlerParams = {
@@ -856,7 +750,6 @@ function useHandleChannelEvents(_a, _b) {
               message: message
             }
           });
-
           if (scrollToEnd) {
             try {
               setTimeout(function () {
@@ -1125,10 +1018,8 @@ function useHandleChannelEvents(_a, _b) {
       var ChannelHandler = new openChannel.OpenChannelHandler(channelHandlerParams);
       (_b = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _b === void 0 ? void 0 : _b.addOpenChannelHandler(messageReceiverId, ChannelHandler);
     }
-
     return function () {
       var _a;
-
       if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _a === void 0 ? void 0 : _a.removeOpenChannelHandler) {
         logger.info('OpenChannel | useHandleChannelEvents: Removing message receiver handler', messageReceiverId);
         sdk.openChannel.removeOpenChannelHandler(messageReceiverId);
@@ -1139,17 +1030,16 @@ function useHandleChannelEvents(_a, _b) {
 
 function useInitialMessagesFetch(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      userFilledMessageListParams = _a.userFilledMessageListParams;
+    userFilledMessageListParams = _a.userFilledMessageListParams;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher,
-      scrollRef = _b.scrollRef;
+    messagesDispatcher = _b.messagesDispatcher,
+    scrollRef = _b.scrollRef;
   React.useEffect(function () {
     logger.info('OpenChannel | useInitialMessagesFetch: Setup started', currentOpenChannel);
     messagesDispatcher({
       type: RESET_MESSAGES,
       payload: null
     });
-
     if (currentOpenChannel && currentOpenChannel.getMessagesByTimestamp) {
       var messageListParams_1 = {
         nextResultSize: 0,
@@ -1157,14 +1047,12 @@ function useInitialMessagesFetch(_a, _b) {
         isInclusive: true,
         includeReactions: false
       };
-
       if (userFilledMessageListParams) {
         Object.keys(userFilledMessageListParams).forEach(function (key) {
           messageListParams_1[key] = userFilledMessageListParams[key];
         });
         logger.info('OpenChannel | useInitialMessagesFetch: Used customizedMessageListParams');
       }
-
       logger.info('OpenChannel | useInitialMessagesFetch: Fetching messages', {
         currentOpenChannel: currentOpenChannel,
         messageListParams: messageListParams_1
@@ -1207,13 +1095,13 @@ function useInitialMessagesFetch(_a, _b) {
 
 function useScrollCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      lastMessageTimestamp = _a.lastMessageTimestamp,
-      fetchMore = _a.fetchMore;
+    lastMessageTimestamp = _a.lastMessageTimestamp,
+    fetchMore = _a.fetchMore;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher,
-      hasMore = _b.hasMore,
-      userFilledMessageListParams = _b.userFilledMessageListParams;
+    logger = _b.logger,
+    messagesDispatcher = _b.messagesDispatcher,
+    hasMore = _b.hasMore,
+    userFilledMessageListParams = _b.userFilledMessageListParams;
   return React.useCallback(function (callback) {
     if (fetchMore && hasMore) {
       logger.info('OpenChannel | useScrollCallback: start');
@@ -1222,14 +1110,12 @@ function useScrollCallback(_a, _b) {
         includeReactions: false,
         nextResultSize: 0
       };
-
       if (userFilledMessageListParams) {
         Object.keys(userFilledMessageListParams).forEach(function (key) {
           messageListParams_1[key] = userFilledMessageListParams[key];
         });
         logger.info('OpenChannel | useScrollCallback: Used userFilledMessageListParams', userFilledMessageListParams);
       }
-
       logger.info('OpenChannel | useScrollCallback: Fetching messages', {
         currentOpenChannel: currentOpenChannel,
         messageListParams: messageListParams_1
@@ -1271,7 +1157,6 @@ function useCheckScrollBottom(_a, _b) {
   var logger = _b.logger;
   return React.useCallback(function () {
     var isBottom = true;
-
     if (conversationScrollRef && (conversationScrollRef === null || conversationScrollRef === void 0 ? void 0 : conversationScrollRef.current)) {
       try {
         var conversationScroll = conversationScrollRef.current;
@@ -1280,24 +1165,22 @@ function useCheckScrollBottom(_a, _b) {
         logger.error('OpenChannel | useCheckScrollBottom', error);
       }
     }
-
     return isBottom;
   }, [conversationScrollRef]);
 }
 
 function useSendMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      onBeforeSendUserMessage = _a.onBeforeSendUserMessage,
-      checkScrollBottom = _a.checkScrollBottom,
-      messageInputRef = _a.messageInputRef;
+    onBeforeSendUserMessage = _a.onBeforeSendUserMessage,
+    checkScrollBottom = _a.checkScrollBottom,
+    messageInputRef = _a.messageInputRef;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher,
-      scrollRef = _b.scrollRef;
+    logger = _b.logger,
+    messagesDispatcher = _b.messagesDispatcher,
+    scrollRef = _b.scrollRef;
   return React.useCallback(function () {
     if (sdk) {
       var text = messageInputRef.current.innerText;
-
       var createParamsDefault = function (txt) {
         var message = (txt === null || txt === void 0 ? void 0 : txt.trim()) || txt;
         var params = {
@@ -1305,13 +1188,10 @@ function useSendMessageCallback(_a, _b) {
         };
         return params;
       };
-
       var createCustomParams = onBeforeSendUserMessage && typeof onBeforeSendUserMessage === 'function';
-
       if (createCustomParams) {
         logger.info('OpenChannel | useSendMessageCallback: Creating params using onBeforeSendUserMessage', onBeforeSendUserMessage);
       }
-
       var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
       logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
       var isBottom_1 = checkScrollBottom();
@@ -1331,7 +1211,6 @@ function useSendMessageCallback(_a, _b) {
           type: SENDING_MESSAGE_SUCCEEDED,
           payload: message
         });
-
         if (isBottom_1) {
           setTimeout(function () {
             scrollIntoLast(0, scrollRef);
@@ -1342,10 +1221,10 @@ function useSendMessageCallback(_a, _b) {
         messagesDispatcher({
           type: SENDING_MESSAGE_FAILED,
           payload: pendingMsg_1
-        }); // https://sendbird.com/docs/chat/v3/javascript/guides/error-codes#2-server-error-codes
+        });
+        // https://sendbird.com/docs/chat/v3/javascript/guides/error-codes#2-server-error-codes
         // TODO: Do we need to handle the error cases?
         // @ts-ignore
-
         if ((error === null || error === void 0 ? void 0 : error.code) === 900041) {
           messagesDispatcher({
             type: ON_USER_MUTED,
@@ -1362,53 +1241,49 @@ function useSendMessageCallback(_a, _b) {
 
 function useFileUploadCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      checkScrollBottom = _a.checkScrollBottom,
-      _c = _a.imageCompression,
-      imageCompression = _c === void 0 ? {} : _c,
-      onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
+    checkScrollBottom = _a.checkScrollBottom,
+    _c = _a.imageCompression,
+    imageCompression = _c === void 0 ? {} : _c,
+    onBeforeSendFileMessage = _a.onBeforeSendFileMessage;
   var sdk = _b.sdk,
-      logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher,
-      scrollRef = _b.scrollRef;
+    logger = _b.logger,
+    messagesDispatcher = _b.messagesDispatcher,
+    scrollRef = _b.scrollRef;
   return React.useCallback(function (file) {
     if (sdk) {
       var compressionRate_1 = imageCompression.compressionRate,
-          resizingWidth_1 = imageCompression.resizingWidth,
-          resizingHeight_1 = imageCompression.resizingHeight;
+        resizingWidth_1 = imageCompression.resizingWidth,
+        resizingHeight_1 = imageCompression.resizingHeight;
       var createCustomParams_1 = onBeforeSendFileMessage && typeof onBeforeSendFileMessage === 'function';
       var compressibleFileType = file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg';
-      var compressibleRatio = compressionRate_1 > 0 && compressionRate_1 < 1; // pxToNumber returns null if values are invalid
-
+      var compressibleRatio = compressionRate_1 > 0 && compressionRate_1 < 1;
+      // pxToNumber returns null if values are invalid
       var compressibleDiamensions_1 = pxToNumber(resizingWidth_1) || pxToNumber(resizingHeight_1);
       var canCompressImage = compressibleFileType && (compressibleRatio || compressibleDiamensions_1);
-
       var createParamsDefault_1 = function (file_) {
         var params = {};
         params.file = file_;
         return params;
       };
-
       if (canCompressImage) {
         // Using image compression
         try {
           var image_1 = document.createElement('img');
           image_1.src = URL.createObjectURL(file);
-
           image_1.onload = function () {
             URL.revokeObjectURL(image_1.src);
             var canvas = document.createElement('canvas');
             var imageWidth = image_1.naturalWidth || image_1.width;
             var imageHeight = image_1.naturalHeight || image_1.height;
             var targetWidth = pxToNumber(resizingWidth_1) || imageWidth;
-            var targetHeight = pxToNumber(resizingHeight_1) || imageHeight; // In canvas.toBlob(callback, mimeType, qualityArgument)
+            var targetHeight = pxToNumber(resizingHeight_1) || imageHeight;
+            // In canvas.toBlob(callback, mimeType, qualityArgument)
             // qualityArgument doesnt work
             // so in case compressibleDiamensions are not present, we use ratio
-
             if (file.type === 'image/png' && !compressibleDiamensions_1) {
               targetWidth *= compressionRate_1;
               targetHeight *= compressionRate_1;
             }
-
             canvas.width = targetWidth;
             canvas.height = targetHeight;
             var context = canvas.getContext('2d');
@@ -1417,11 +1292,9 @@ function useFileUploadCallback(_a, _b) {
               var compressedFile = new File([newImageBlob], file.name, {
                 type: file.type
               });
-
               if (createCustomParams_1) {
                 logger.info('OpenChannel | useFileUploadCallback: Creating params using onBeforeSendFileMessage', onBeforeSendFileMessage);
               }
-
               var params = onBeforeSendFileMessage ? onBeforeSendFileMessage(compressedFile) : createParamsDefault_1(compressedFile);
               logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
               var isBottom = checkScrollBottom();
@@ -1443,7 +1316,6 @@ function useFileUploadCallback(_a, _b) {
                   type: SENDING_MESSAGE_SUCCEEDED,
                   payload: message
                 });
-
                 if (isBottom) {
                   setTimeout(function () {
                     scrollIntoLast(0, scrollRef);
@@ -1453,10 +1325,10 @@ function useFileUploadCallback(_a, _b) {
                 logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
                   message: message,
                   error: error
-                }); // @ts-ignore
-
-                message.localUrl = URL.createObjectURL(file); // @ts-ignore
-
+                });
+                // @ts-ignore
+                message.localUrl = URL.createObjectURL(file);
+                // @ts-ignore
                 message.file = file;
                 messagesDispatcher({
                   type: SENDING_MESSAGE_FAILED,
@@ -1473,7 +1345,6 @@ function useFileUploadCallback(_a, _b) {
         if (createCustomParams_1) {
           logger.info('OpenChannel | useFileUploadCallback: Creating params using onBeforeSendFileMessage', onBeforeSendFileMessage);
         }
-
         var params = onBeforeSendFileMessage ? onBeforeSendFileMessage(file) : createParamsDefault_1(file);
         logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
         var isBottom_1 = checkScrollBottom();
@@ -1495,7 +1366,6 @@ function useFileUploadCallback(_a, _b) {
             type: SENDING_MESSAGE_SUCCEEDED,
             payload: message
           });
-
           if (isBottom_1) {
             setTimeout(function () {
               scrollIntoLast(0, scrollRef);
@@ -1505,10 +1375,10 @@ function useFileUploadCallback(_a, _b) {
           logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
             message: message,
             error: error
-          }); // @ts-ignore
-
-          message.localUrl = URL.createObjectURL(file); // @ts-ignore
-
+          });
+          // @ts-ignore
+          message.localUrl = URL.createObjectURL(file);
+          // @ts-ignore
           message.file = file;
           messagesDispatcher({
             type: SENDING_MESSAGE_FAILED,
@@ -1522,9 +1392,9 @@ function useFileUploadCallback(_a, _b) {
 
 function useUpdateMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
-      onBeforeSendUserMessage = _a.onBeforeSendUserMessage;
+    onBeforeSendUserMessage = _a.onBeforeSendUserMessage;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (messageId, text, callback) {
     var createParamsDefault = function (txt) {
       var params = {
@@ -1532,17 +1402,14 @@ function useUpdateMessageCallback(_a, _b) {
       };
       return params;
     };
-
     if (onBeforeSendUserMessage && typeof onBeforeSendUserMessage === 'function') {
       logger.info('OpenChannel | useUpdateMessageCallback: Creating params using onBeforeUpdateUserMessage');
     }
-
     var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
     currentOpenChannel.updateUserMessage(messageId, params).then(function (message) {
       if (callback) {
         callback();
       }
-
       logger.info('OpenChannel | useUpdateMessageCallback: Updating message succeeded', {
         message: message,
         params: params
@@ -1561,19 +1428,17 @@ function useUpdateMessageCallback(_a, _b) {
 function useDeleteMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (message, callback) {
     logger.info('OpenChannel | useDeleteMessageCallback: Deleting message', message);
     var sendingStatus = message.sendingStatus;
     logger.info('OpenChannel | useDeleteMessageCallback: Deleting message requestState', sendingStatus);
-
     if (sendingStatus === 'failed' || sendingStatus === 'pending') {
       logger.info('OpenChannel | useDeleteMessageCallback: Deleted message from local', message);
       messagesDispatcher({
         type: ON_MESSAGE_DELETED_BY_REQ_ID,
         payload: message.reqId
       });
-
       if (callback) {
         callback();
       }
@@ -1581,15 +1446,12 @@ function useDeleteMessageCallback(_a, _b) {
       if (!(message.messageType === 'file' || message.messageType === 'user')) {
         return;
       }
-
       var messageToDelete = message;
       currentOpenChannel.deleteMessage(messageToDelete).then(function () {
         logger.info('OpenChannel | useDeleteMessageCallback: Deleting message on server', sendingStatus);
-
         if (callback) {
           callback();
         }
-
         logger.info('OpenChannel | useDeleteMessageCallback: Deleting message succeeded', message);
         messagesDispatcher({
           type: ON_MESSAGE_DELETED,
@@ -1608,14 +1470,13 @@ function useDeleteMessageCallback(_a, _b) {
 function useResendMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (failedMessage) {
-    logger.info('OpenChannel | useResendMessageCallback: Resending message has started', failedMessage); // eslint-disable-next-line no-param-reassign
-
+    logger.info('OpenChannel | useResendMessageCallback: Resending message has started', failedMessage);
+    // eslint-disable-next-line no-param-reassign
     var _a = failedMessage,
-        messageType = _a.messageType,
-        file = _a.file;
-
+      messageType = _a.messageType,
+      file = _a.file;
     if (failedMessage && typeof failedMessage.isResendable === 'function' && failedMessage.isResendable) {
       // eslint-disable-next-line no-param-reassign
       failedMessage.requestState = 'pending';
@@ -1625,8 +1486,8 @@ function useResendMessageCallback(_a, _b) {
           channel: currentOpenChannel,
           message: failedMessage
         }
-      }); // userMessage
-
+      });
+      // userMessage
       if (messageType === 'user' && failedMessage.messageType === 'user') {
         currentOpenChannel.resendUserMessage(failedMessage).then(function (message) {
           logger.info('OpenChannel | useResendMessageCallback: Reseding message succeeded', message);
@@ -1635,17 +1496,16 @@ function useResendMessageCallback(_a, _b) {
             payload: message
           });
         }).catch(function (error) {
-          logger.warning('OpenChannel | useResendMessageCallback: Resending message failed', error); // eslint-disable-next-line no-param-reassign
-
+          logger.warning('OpenChannel | useResendMessageCallback: Resending message failed', error);
+          // eslint-disable-next-line no-param-reassign
           failedMessage.requestState = 'failed';
           messagesDispatcher({
             type: SENDING_MESSAGE_FAILED,
             payload: failedMessage
           });
         });
-      } // fileMessage
-
-
+      }
+      // fileMessage
       if (messageType === 'file' && failedMessage.messageType === 'file') {
         currentOpenChannel.resendFileMessage(failedMessage, file).then(function (message) {
           logger.info('OpenChannel | useResendMessageCallback: Resending file message succeeded', message);
@@ -1654,8 +1514,8 @@ function useResendMessageCallback(_a, _b) {
             payload: message
           });
         }).catch(function (error) {
-          logger.warning('OpenChannel | useResendMessageCallback: Resending file message failed', error); // eslint-disable-next-line no-param-reassign
-
+          logger.warning('OpenChannel | useResendMessageCallback: Resending file message failed', error);
+          // eslint-disable-next-line no-param-reassign
           failedMessage.requestState = 'failed';
           messagesDispatcher({
             type: SENDING_MESSAGE_FAILED,
@@ -1672,26 +1532,23 @@ function useResendMessageCallback(_a, _b) {
   }, [currentOpenChannel]);
 }
 
-var THROTTLE_TIMER = 5000; // to trim message list so that we wont keep thousands of messages in memory
+var THROTTLE_TIMER = 5000;
+// to trim message list so that we wont keep thousands of messages in memory
 // We are throttling here; not debouncing
 // it will be called once very 5 sec if messagesLength, messageLimit changes
 // we check if messagesLength > messageLimit before dispatching action
-
 function useTrimMessageList(_a, _b) {
   var messagesLength = _a.messagesLength,
-      messageLimit = _a.messageLimit;
+    messageLimit = _a.messageLimit;
   var messagesDispatcher = _b.messagesDispatcher,
-      logger = _b.logger;
-
+    logger = _b.logger;
   var _c = React.useState(false),
-      inProgress = _c[0],
-      setInProgress = _c[1];
-
+    inProgress = _c[0],
+    setInProgress = _c[1];
   React.useEffect(function () {
     if (inProgress) {
       return;
     }
-
     if (typeof messagesLength === 'number' && messagesLength > messageLimit) {
       logger.info('Trimming MessageList');
       messagesDispatcher({
@@ -1701,7 +1558,6 @@ function useTrimMessageList(_a, _b) {
         }
       });
     }
-
     setInProgress(true);
     setTimeout(function () {
       setInProgress(false);
@@ -1710,21 +1566,19 @@ function useTrimMessageList(_a, _b) {
 }
 
 var OpenChannelContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-
 var OpenChannelProvider = function (props) {
   var _a, _b, _c, _d, _e, _f;
-
   var channelUrl = props.channelUrl,
-      children = props.children,
-      _g = props.isMessageGroupingEnabled,
-      isMessageGroupingEnabled = _g === void 0 ? true : _g,
-      queries = props.queries,
-      onBeforeSendUserMessage = props.onBeforeSendUserMessage,
-      messageLimit = props.messageLimit,
-      onBeforeSendFileMessage = props.onBeforeSendFileMessage,
-      onChatHeaderActionClick = props.onChatHeaderActionClick,
-      onBackClick = props.onBackClick; // We didn't decide to support fetching participant list
-
+    children = props.children,
+    _g = props.isMessageGroupingEnabled,
+    isMessageGroupingEnabled = _g === void 0 ? true : _g,
+    queries = props.queries,
+    onBeforeSendUserMessage = props.onBeforeSendUserMessage,
+    messageLimit = props.messageLimit,
+    onBeforeSendFileMessage = props.onBeforeSendFileMessage,
+    onChatHeaderActionClick = props.onChatHeaderActionClick,
+    onBackClick = props.onBackClick;
+  // We didn't decide to support fetching participant list
   var fetchingParticipants = false;
   var globalStore = useSendbirdStateContext();
   var sdk = (_b = (_a = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
@@ -1732,34 +1586,31 @@ var OpenChannelProvider = function (props) {
   var user = (_f = (_e = globalStore === null || globalStore === void 0 ? void 0 : globalStore.stores) === null || _e === void 0 ? void 0 : _e.userStore) === null || _f === void 0 ? void 0 : _f.user;
   var config = globalStore === null || globalStore === void 0 ? void 0 : globalStore.config;
   var userId = config.userId,
-      isOnline = config.isOnline,
-      logger = config.logger,
-      pubSub = config.pubSub,
-      imageCompression = config.imageCompression; // hook variables
-
+    isOnline = config.isOnline,
+    logger = config.logger,
+    pubSub = config.pubSub,
+    imageCompression = config.imageCompression;
+  // hook variables
   var _h = React.useReducer(reducer, initialState),
-      messagesStore = _h[0],
-      messagesDispatcher = _h[1];
-
+    messagesStore = _h[0],
+    messagesDispatcher = _h[1];
   var allMessages = messagesStore.allMessages,
-      loading = messagesStore.loading,
-      initialized = messagesStore.initialized,
-      currentOpenChannel = messagesStore.currentOpenChannel,
-      isInvalid = messagesStore.isInvalid,
-      hasMore = messagesStore.hasMore,
-      lastMessageTimestamp = messagesStore.lastMessageTimestamp,
-      operators = messagesStore.operators,
-      bannedParticipantIds = messagesStore.bannedParticipantIds,
-      mutedParticipantIds = messagesStore.mutedParticipantIds; // ref
-
+    loading = messagesStore.loading,
+    initialized = messagesStore.initialized,
+    currentOpenChannel = messagesStore.currentOpenChannel,
+    isInvalid = messagesStore.isInvalid,
+    hasMore = messagesStore.hasMore,
+    lastMessageTimestamp = messagesStore.lastMessageTimestamp,
+    operators = messagesStore.operators,
+    bannedParticipantIds = messagesStore.bannedParticipantIds,
+    mutedParticipantIds = messagesStore.mutedParticipantIds;
+  // ref
   var messageInputRef = React.useRef(null); // useSendMessageCallback
-
   var conversationScrollRef = React.useRef(null); // useScrollAfterSendMessageCallback
   // const
-
   var userFilledMessageListParams = queries === null || queries === void 0 ? void 0 : queries.messageListParams;
-  var disabled = !initialized || !isOnline || isDisabledBecauseFrozen(currentOpenChannel, userId) || isDisabledBecauseMuted(mutedParticipantIds, userId); // useMemo
-
+  var disabled = !initialized || !isOnline || isDisabledBecauseFrozen(currentOpenChannel, userId) || isDisabledBecauseMuted(mutedParticipantIds, userId);
+  // useMemo
   var amIBanned = React.useMemo(function () {
     return bannedParticipantIds.indexOf(user.userId) >= 0;
   }, [channelUrl, bannedParticipantIds, user]);
@@ -1770,8 +1621,8 @@ var OpenChannelProvider = function (props) {
     return operators.map(function (operator) {
       return operator.userId;
     }).indexOf(user.userId) >= 0;
-  }, [channelUrl, operators, user]); // use hooks
-
+  }, [channelUrl, operators, user]);
+  // use hooks
   useSetChannel({
     channelUrl: channelUrl,
     sdkInit: sdkInit,
@@ -1805,8 +1656,8 @@ var OpenChannelProvider = function (props) {
     messagesDispatcher: messagesDispatcher,
     scrollRef: conversationScrollRef
   });
-  var fetchMore = shouldFetchMore(allMessages === null || allMessages === void 0 ? void 0 : allMessages.length, messageLimit); // donot fetch more for streaming
-
+  var fetchMore = shouldFetchMore(allMessages === null || allMessages === void 0 ? void 0 : allMessages.length, messageLimit);
+  // donot fetch more for streaming
   var onScroll = useScrollCallback({
     currentOpenChannel: currentOpenChannel,
     lastMessageTimestamp: lastMessageTimestamp,
@@ -1865,20 +1716,17 @@ var OpenChannelProvider = function (props) {
   }, {
     messagesDispatcher: messagesDispatcher,
     logger: logger
-  }); // handle API calls from withSendbird
-
+  });
+  // handle API calls from withSendbird
   React.useEffect(function () {
     var subscriber = new Map();
-
     if (!pubSub || !pubSub.subscribe) {
       return;
     }
-
     subscriber.set(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, function (msg) {
       var channel = msg.channel,
-          message = msg.message;
+        message = msg.message;
       scrollIntoLast(0, conversationScrollRef);
-
       if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_SUCCEEDED,
@@ -1888,8 +1736,7 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, function (msg) {
       var channel = msg.channel,
-          message = msg.message;
-
+        message = msg.message;
       if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_START,
@@ -1902,9 +1749,8 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, function (msg) {
       var channel = msg.channel,
-          message = msg.message;
+        message = msg.message;
       scrollIntoLast(0, conversationScrollRef);
-
       if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_SUCCEEDED,
@@ -1917,9 +1763,8 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, function (msg) {
       var channel = msg.channel,
-          message = msg.message,
-          fromSelector = msg.fromSelector;
-
+        message = msg.message,
+        fromSelector = msg.fromSelector;
       if (fromSelector && channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: ON_MESSAGE_UPDATED,
@@ -1932,8 +1777,7 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(topics.PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.DELETE_MESSAGE, function (msg) {
       var channel = msg.channel,
-          messageId = msg.messageId;
-
+        messageId = msg.messageId;
       if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: ON_MESSAGE_DELETED,
@@ -1946,7 +1790,8 @@ var OpenChannelProvider = function (props) {
         subscriber.forEach(function (s) {
           try {
             s.remove();
-          } catch (_a) {//
+          } catch (_a) {
+            //
           }
         });
       }
@@ -1997,7 +1842,6 @@ var OpenChannelProvider = function (props) {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile
   }, children));
 };
-
 var useOpenChannelContext = function () {
   return React__default["default"].useContext(OpenChannelContext);
 };
@@ -2006,4 +1850,4 @@ exports.OpenChannelProvider = OpenChannelProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.kFormatter = kFormatter;
 exports.useOpenChannelContext = useOpenChannelContext;
-//# sourceMappingURL=OpenChannelProvider-56af9a0e.js.map
+//# sourceMappingURL=OpenChannelProvider-3d3d606e.js.map