@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/{OpenChannelProvider-e418b369.js → OpenChannelProvider-36270182.js}

@@ -1,12 +1,12 @@
 import React__default, { useEffect, useCallback, useState, useReducer, useRef, useMemo } from 'react';
-import { f as format } from './index-aced8439.js';
-import { U as UserProfileProvider } from './UserProfileContext-1996d4d2.js';
-import { _ as __assign, a as __spreadArray } from './tslib.es6-209c9f08.js';
-import { c as compareIds } from './compareIds-d958887d.js';
-import { P as PUBSUB_TOPICS } from './topics-4697c2b3.js';
+import { f as format } from './index-8a52a6f4.js';
+import { U as UserProfileProvider } from './UserProfileContext-12b6fabf.js';
+import { _ as __assign, a as __spreadArray } from './tslib.es6-5180f9d1.js';
+import { c as compareIds } from './compareIds-3e30a438.js';
+import { P as PUBSUB_TOPICS } from './topics-6d4bf2ed.js';
 import { ChannelType } from '@sendbird/chat';
 import { OpenChannelHandler } from '@sendbird/chat/openChannel';
-import { u as uuidv4 } from './uuid-31c6ecb2.js';
+import { u as uuidv4 } from './uuid-368c5040.js';
 import useSendbirdStateContext from './useSendbirdStateContext.js';
 
 var getMessageCreatedAt = function (message) {
@@ -16,28 +16,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 () {
@@ -47,12 +42,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);
@@ -64,22 +57,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) {
@@ -92,7 +81,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);
@@ -104,7 +92,6 @@ var fetchWithListQuery = function (listQuery, logger, eachQueryNextCallback) {
       logger.info('OpenChannel | FetchUserList finished');
     }
   };
-
   logger.info('OpenChannel | FetchUserList start', listQuery);
   fetchList(listQuery);
 };
@@ -112,15 +99,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;
 };
 
@@ -138,8 +122,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';
@@ -165,7 +149,6 @@ var ON_MENTION_RECEIVED = 'ON_MENTION_RECEIVED';
 
 function reducer(state, action) {
   var _a, _b, _c;
-
   switch (action.type) {
     case RESET_MESSAGES:
       {
@@ -173,7 +156,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)) {
@@ -181,19 +163,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 __assign(__assign({}, state), {
           currentOpenChannel: gottenChannel,
           isInvalid: false,
@@ -203,46 +181,38 @@ function reducer(state, action) {
           mutedParticipantIds: []
         });
       }
-
     case SET_CHANNEL_INVALID:
       {
         return __assign(__assign({}, state), {
           isInvalid: true
         });
       }
-
     case GET_PREV_MESSAGES_START:
       {
         return __assign(__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;
@@ -257,25 +227,22 @@ function reducer(state, action) {
           allMessages: __spreadArray(__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 __assign(__assign({}, state), {
           allMessages: __spreadArray(__spreadArray([], state.allMessages, true), [message_1], false)
         });
       }
-
     case SENDING_MESSAGE_SUCCEEDED:
       {
         var sentMessage_1 = action.payload;
@@ -286,12 +253,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);
         })) {
@@ -309,81 +274,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 __assign(__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 __assign(__assign({}, state), {
           allMessages: state.allMessages.map(function (m) {
             return 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 __assign(__assign({}, state), {
           participants: __spreadArray(__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 __assign(__assign({}, state), {
           bannedParticipantIds: __spreadArray(__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 __assign(__assign({}, state), {
           mutedParticipantIds: __spreadArray(__spreadArray([], state.mutedParticipantIds, true), fetchedMutedUserList.map(function (user) {
             return user.userId;
@@ -391,58 +341,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(eventedChannel.url, currentOpenChannel.url) || !(state.allMessages.map(function (message) {
           return message.messageId;
         }).indexOf(receivedMessage.messageId) < 0)) {
           return state;
         }
-
         return __assign(__assign({}, state), {
           allMessages: __spreadArray(__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 __assign(__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 __assign(__assign({}, state), {
           allMessages: state.allMessages.filter(function (message) {
             return !compareIds(message.messageId, deletedMessageId_1);
           })
         });
       }
-
     case ON_MESSAGE_DELETED_BY_REQ_ID:
       {
         return __assign(__assign({}, state), {
@@ -451,94 +391,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 __assign(__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 __assign(__assign({}, state), {
           participants: __spreadArray(__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 __assign(__assign({}, state), {
           participants: state.participants.filter(function (participant) {
             return !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 __assign(__assign({}, state), {
           mutedParticipantIds: __spreadArray(__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 __assign(__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 __assign(__assign({}, state), {
             currentOpenChannel: null
@@ -548,16 +471,13 @@ function reducer(state, action) {
             bannedParticipantIds: __spreadArray(__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 __assign(__assign({}, state), {
             bannedParticipantIds: state.bannedParticipantIds.filter(function (userId) {
@@ -565,66 +485,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 __assign(__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 __assign(__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 __assign(__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 __assign(__assign({}, state), {
             currentOpenChannel: null
           });
         }
-
         return state;
       }
-
     case ON_META_DATA_CREATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -634,7 +540,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_DATA_UPDATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -644,7 +549,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_DATA_DELETED:
       {
         // const eventedChannel = action.payload.channel;
@@ -654,7 +558,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_CREATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -664,7 +567,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_UPDATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -674,7 +576,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_META_COUNTERS_DELETED:
       {
         // const eventedChannel = action.payload.channel;
@@ -684,7 +585,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     case ON_MENTION_RECEIVED:
       {
         // const eventedChannel = action.payload.channel;
@@ -694,7 +594,6 @@ function reducer(state, action) {
         // };
         return state;
       }
-
     default:
       return state;
   }
@@ -717,16 +616,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;
   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 () {
@@ -737,7 +635,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);
@@ -781,7 +678,6 @@ function useSetChannel(_a, _b) {
               }
             });
           }
-
           if (fetchingParticipants) {
             // fetch participants list
             var participantListQuery = openChannel.createParticipantListQuery({
@@ -823,16 +719,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;
   useEffect(function () {
     var _a, _b;
-
     var messageReceiverId = 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 = {
@@ -850,7 +744,6 @@ function useHandleChannelEvents(_a, _b) {
               message: message
             }
           });
-
           if (scrollToEnd) {
             try {
               setTimeout(function () {
@@ -1119,10 +1012,8 @@ function useHandleChannelEvents(_a, _b) {
       var ChannelHandler = new 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);
@@ -1133,17 +1024,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;
   useEffect(function () {
     logger.info('OpenChannel | useInitialMessagesFetch: Setup started', currentOpenChannel);
     messagesDispatcher({
       type: RESET_MESSAGES,
       payload: null
     });
-
     if (currentOpenChannel && currentOpenChannel.getMessagesByTimestamp) {
       var messageListParams_1 = {
         nextResultSize: 0,
@@ -1151,14 +1041,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
@@ -1201,13 +1089,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 useCallback(function (callback) {
     if (fetchMore && hasMore) {
       logger.info('OpenChannel | useScrollCallback: start');
@@ -1216,14 +1104,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
@@ -1265,7 +1151,6 @@ function useCheckScrollBottom(_a, _b) {
   var logger = _b.logger;
   return useCallback(function () {
     var isBottom = true;
-
     if (conversationScrollRef && (conversationScrollRef === null || conversationScrollRef === void 0 ? void 0 : conversationScrollRef.current)) {
       try {
         var conversationScroll = conversationScrollRef.current;
@@ -1274,24 +1159,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 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 = {
@@ -1299,13 +1182,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();
@@ -1325,7 +1205,6 @@ function useSendMessageCallback(_a, _b) {
           type: SENDING_MESSAGE_SUCCEEDED,
           payload: message
         });
-
         if (isBottom_1) {
           setTimeout(function () {
             scrollIntoLast(0, scrollRef);
@@ -1336,10 +1215,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,
@@ -1356,53 +1235,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 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');
@@ -1411,11 +1286,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();
@@ -1437,7 +1310,6 @@ function useFileUploadCallback(_a, _b) {
                   type: SENDING_MESSAGE_SUCCEEDED,
                   payload: message
                 });
-
                 if (isBottom) {
                   setTimeout(function () {
                     scrollIntoLast(0, scrollRef);
@@ -1447,10 +1319,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,
@@ -1467,7 +1339,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();
@@ -1489,7 +1360,6 @@ function useFileUploadCallback(_a, _b) {
             type: SENDING_MESSAGE_SUCCEEDED,
             payload: message
           });
-
           if (isBottom_1) {
             setTimeout(function () {
               scrollIntoLast(0, scrollRef);
@@ -1499,10 +1369,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,
@@ -1516,9 +1386,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 useCallback(function (messageId, text, callback) {
     var createParamsDefault = function (txt) {
       var params = {
@@ -1526,17 +1396,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
@@ -1555,19 +1422,17 @@ function useUpdateMessageCallback(_a, _b) {
 function useDeleteMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    messagesDispatcher = _b.messagesDispatcher;
   return 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();
       }
@@ -1575,15 +1440,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,
@@ -1602,14 +1464,13 @@ function useDeleteMessageCallback(_a, _b) {
 function useResendMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel;
   var logger = _b.logger,
-      messagesDispatcher = _b.messagesDispatcher;
+    messagesDispatcher = _b.messagesDispatcher;
   return 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';
@@ -1619,8 +1480,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);
@@ -1629,17 +1490,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);
@@ -1648,8 +1508,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,
@@ -1666,26 +1526,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 = useState(false),
-      inProgress = _c[0],
-      setInProgress = _c[1];
-
+    inProgress = _c[0],
+    setInProgress = _c[1];
   useEffect(function () {
     if (inProgress) {
       return;
     }
-
     if (typeof messagesLength === 'number' && messagesLength > messageLimit) {
       logger.info('Trimming MessageList');
       messagesDispatcher({
@@ -1695,7 +1552,6 @@ function useTrimMessageList(_a, _b) {
         }
       });
     }
-
     setInProgress(true);
     setTimeout(function () {
       setInProgress(false);
@@ -1704,21 +1560,19 @@ function useTrimMessageList(_a, _b) {
 }
 
 var OpenChannelContext = /*#__PURE__*/React__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;
@@ -1726,34 +1580,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 = 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 = useRef(null); // useSendMessageCallback
-
   var conversationScrollRef = 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 = useMemo(function () {
     return bannedParticipantIds.indexOf(user.userId) >= 0;
   }, [channelUrl, bannedParticipantIds, user]);
@@ -1764,8 +1615,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,
@@ -1799,8 +1650,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,
@@ -1859,20 +1710,17 @@ var OpenChannelProvider = function (props) {
   }, {
     messagesDispatcher: messagesDispatcher,
     logger: logger
-  }); // handle API calls from withSendbird
-
+  });
+  // handle API calls from withSendbird
   useEffect(function () {
     var subscriber = new Map();
-
     if (!pubSub || !pubSub.subscribe) {
       return;
     }
-
     subscriber.set(PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(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,
@@ -1882,8 +1730,7 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(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,
@@ -1896,9 +1743,8 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(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,
@@ -1911,9 +1757,8 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(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,
@@ -1926,8 +1771,7 @@ var OpenChannelProvider = function (props) {
     }));
     subscriber.set(PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(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,
@@ -1940,7 +1784,8 @@ var OpenChannelProvider = function (props) {
         subscriber.forEach(function (s) {
           try {
             s.remove();
-          } catch (_a) {//
+          } catch (_a) {
+            //
           }
         });
       }
@@ -1991,10 +1836,9 @@ var OpenChannelProvider = function (props) {
     disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile
   }, children));
 };
-
 var useOpenChannelContext = function () {
   return React__default.useContext(OpenChannelContext);
 };
 
 export { OpenChannelProvider as O, compareMessagesForGrouping as c, kFormatter as k, useOpenChannelContext as u };
-//# sourceMappingURL=OpenChannelProvider-e418b369.js.map
+//# sourceMappingURL=OpenChannelProvider-36270182.js.map