@sendbird/uikit-react 3.6.7 → 3.6.8-rc.1

package/cjs/{ChannelProvider-633edf61.js → ChannelProvider-58b2dd24.js}

@@ -1,327 +1,25 @@
 'use strict';
 
 var React = require('react');
-var UserProfileContext = require('./UserProfileContext-f8f1cee7.js');
+var UserProfileContext = require('./UserProfileContext-b249921b.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
-var _const = require('./const-0d4d91cd.js');
-var index$1 = require('./index-6cb3365f.js');
-var topics = require('./topics-99121946.js');
-var index = require('./index-08c5777e.js');
-var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-0d9d52a5.js');
-var compareIds = require('./compareIds-0344920c.js');
+var _const = require('./const-a3aa0fd6.js');
+var utils = require('./utils-a569b281.js');
+var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-af83a471.js');
+var index$1 = require('./index-1a05108d.js');
+var compareIds = require('./compareIds-e79c9a5a.js');
+var index = require('./index-5125200f.js');
 var groupChannel = require('@sendbird/chat/groupChannel');
-var uuid = require('./uuid-6c019e89.js');
+var uuid = require('./uuid-f9a11afa.js');
 var message = require('@sendbird/chat/message');
-var consts = require('./consts-0c9a38ef.js');
-var resolvedReplyType = require('./resolvedReplyType-8137e072.js');
+var topics = require('./topics-b61b6276.js');
+var consts = require('./consts-6d791ff5.js');
+var resolvedReplyType = require('./resolvedReplyType-7074785b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const RESET_MESSAGES = 'RESET_MESSAGES';
-const FETCH_INITIAL_MESSAGES_START = 'FETCH_INITIAL_MESSAGES_START';
-const FETCH_INITIAL_MESSAGES_SUCCESS = 'FETCH_INITIAL_MESSAGES_SUCCESS';
-const FETCH_INITIAL_MESSAGES_FAILURE = 'FETCH_INITIAL_MESSAGES_FAILURE';
-const FETCH_PREV_MESSAGES_SUCCESS = 'FETCH_PREV_MESSAGES_SUCCESS';
-const FETCH_PREV_MESSAGES_FAILURE = 'FETCH_PREV_MESSAGES_FAILURE';
-const FETCH_NEXT_MESSAGES_SUCCESS = 'FETCH_NEXT_MESSAGES_SUCCESS';
-const FETCH_NEXT_MESSAGES_FAILURE = 'FETCH_NEXT_MESSAGES_FAILURE';
-const SEND_MESSAGEGE_START = 'SEND_MESSAGEGE_START';
-const SEND_MESSAGEGE_SUCESS = 'SEND_MESSAGEGE_SUCESS';
-const SEND_MESSAGE_FAILURE = 'SEND_MESSAGE_FAILURE';
-const RESEND_MESSAGEGE_START = 'RESEND_MESSAGEGE_START';
-const ON_MESSAGE_RECEIVED = 'ON_MESSAGE_RECEIVED';
-const ON_MESSAGE_UPDATED = 'ON_MESSAGE_UPDATED';
-const ON_MESSAGE_THREAD_INFO_UPDATED = 'ON_MESSAGE_THREAD_INFO_UPDATED';
-const ON_MESSAGE_DELETED = 'ON_MESSAGE_DELETED';
-const ON_MESSAGE_DELETED_BY_REQ_ID = 'ON_MESSAGE_DELETED_BY_REQ_ID';
-const SET_CURRENT_CHANNEL = 'SET_CURRENT_CHANNEL';
-const SET_CHANNEL_INVALID = 'SET_CHANNEL_INVALID';
-const MARK_AS_READ = 'MARK_AS_READ';
-const ON_REACTION_UPDATED = 'ON_REACTION_UPDATED';
-const SET_EMOJI_CONTAINER = 'SET_EMOJI_CONTAINER';
-const MESSAGE_LIST_PARAMS_CHANGED = 'MESSAGE_LIST_PARAMS_CHANGED';
-
-var messageActionTypes = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  RESET_MESSAGES: RESET_MESSAGES,
-  FETCH_INITIAL_MESSAGES_START: FETCH_INITIAL_MESSAGES_START,
-  FETCH_INITIAL_MESSAGES_SUCCESS: FETCH_INITIAL_MESSAGES_SUCCESS,
-  FETCH_INITIAL_MESSAGES_FAILURE: FETCH_INITIAL_MESSAGES_FAILURE,
-  FETCH_PREV_MESSAGES_SUCCESS: FETCH_PREV_MESSAGES_SUCCESS,
-  FETCH_PREV_MESSAGES_FAILURE: FETCH_PREV_MESSAGES_FAILURE,
-  FETCH_NEXT_MESSAGES_SUCCESS: FETCH_NEXT_MESSAGES_SUCCESS,
-  FETCH_NEXT_MESSAGES_FAILURE: FETCH_NEXT_MESSAGES_FAILURE,
-  SEND_MESSAGEGE_START: SEND_MESSAGEGE_START,
-  SEND_MESSAGEGE_SUCESS: SEND_MESSAGEGE_SUCESS,
-  SEND_MESSAGE_FAILURE: SEND_MESSAGE_FAILURE,
-  RESEND_MESSAGEGE_START: RESEND_MESSAGEGE_START,
-  ON_MESSAGE_RECEIVED: ON_MESSAGE_RECEIVED,
-  ON_MESSAGE_UPDATED: ON_MESSAGE_UPDATED,
-  ON_MESSAGE_THREAD_INFO_UPDATED: ON_MESSAGE_THREAD_INFO_UPDATED,
-  ON_MESSAGE_DELETED: ON_MESSAGE_DELETED,
-  ON_MESSAGE_DELETED_BY_REQ_ID: ON_MESSAGE_DELETED_BY_REQ_ID,
-  SET_CURRENT_CHANNEL: SET_CURRENT_CHANNEL,
-  SET_CHANNEL_INVALID: SET_CHANNEL_INVALID,
-  MARK_AS_READ: MARK_AS_READ,
-  ON_REACTION_UPDATED: ON_REACTION_UPDATED,
-  SET_EMOJI_CONTAINER: SET_EMOJI_CONTAINER,
-  MESSAGE_LIST_PARAMS_CHANGED: MESSAGE_LIST_PARAMS_CHANGED
-});
-
-const UNDEFINED = 'undefined';
-const {
-  SUCCEEDED: SUCCEEDED$1,
-  FAILED,
-  PENDING
-} = index.getSendingMessageStatus();
-const scrollToRenderedMessage = (scrollRef, initialTimeStamp) => {
-  try {
-    var _container$querySelec;
-    const container = scrollRef.current;
-    // scroll into the message with initialTimeStamp
-    const element = (_container$querySelec = container.querySelectorAll(`[data-sb-created-at="${initialTimeStamp}"]`)) === null || _container$querySelec === void 0 ? void 0 : _container$querySelec[0];
-    if (element) {
-      // Calculate the offset of the element from the top of the container
-      const containerHeight = container.offsetHeight;
-      const elementHeight = element.offsetHeight;
-      const elementOffset = (containerHeight - elementHeight) / 2;
-      // Set the scroll position of the container to bring the element to the middle
-      container.scrollTop = element.offsetTop - elementOffset;
-    }
-  } catch (_unused) {
-    // do nothing
-  }
-};
-
-/* eslint-disable default-param-last */
-const scrollIntoLast = function () {
-  let initialTry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-  let scrollRef = arguments.length > 1 ? arguments[1] : undefined;
-  const MAX_TRIES = 10;
-  const currentTry = initialTry;
-  if (currentTry > MAX_TRIES) {
-    return;
-  }
-  try {
-    const scrollDOM = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || document.querySelector('.sendbird-conversation__messages-padding');
-    // eslint-disable-next-line no-multi-assign
-    scrollDOM.scrollTop = scrollDOM.scrollHeight;
-  } catch (error) {
-    setTimeout(() => {
-      scrollIntoLast(currentTry + 1, scrollRef);
-    }, 500 * currentTry);
-  }
-};
-const pubSubHandleRemover = subscriber => {
-  subscriber.forEach(s => {
-    try {
-      s.remove();
-    } catch (_unused2) {
-      //
-    }
-  });
-};
-const pubSubHandler = _ref => {
-  let {
-    channelUrl,
-    pubSub,
-    dispatcher,
-    scrollRef
-  } = _ref;
-  const subscriber = new Map();
-  if (!pubSub || !pubSub.subscribe) return subscriber;
-  subscriber.set(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_USER_MESSAGE, msg => {
-    const {
-      channel,
-      message
-    } = msg;
-    scrollIntoLast(0, scrollRef);
-    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: SEND_MESSAGEGE_SUCESS,
-        payload: message
-      });
-    }
-  }));
-  subscriber.set(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, msg => {
-    const {
-      channel,
-      message
-    } = msg;
-    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: SEND_MESSAGEGE_START,
-        payload: message
-      });
-    }
-  }));
-  subscriber.set(topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_MESSAGE_FAILED, msg => {
-    const {
-      channel,
-      message
-    } = msg;
-    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: SEND_MESSAGE_FAILURE,
-        payload: message
-      });
-    }
-  }));
-  subscriber.set(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.SEND_FILE_MESSAGE, msg => {
-    const {
-      channel,
-      message
-    } = msg;
-    scrollIntoLast(0, scrollRef);
-    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: SEND_MESSAGEGE_SUCESS,
-        payload: message
-      });
-    }
-  }));
-  subscriber.set(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.UPDATE_USER_MESSAGE, msg => {
-    const {
-      channel,
-      message,
-      fromSelector
-    } = msg;
-    if (fromSelector && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: ON_MESSAGE_UPDATED,
-        payload: {
-          channel,
-          message
-        }
-      });
-    }
-  }));
-  subscriber.set(topics.PUBSUB_TOPICS.DELETE_MESSAGE, pubSub.subscribe(topics.PUBSUB_TOPICS.DELETE_MESSAGE, msg => {
-    const {
-      channel,
-      messageId
-    } = msg;
-    if (channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
-      dispatcher({
-        type: ON_MESSAGE_DELETED,
-        payload: messageId
-      });
-    }
-  }));
-  return subscriber;
-};
-const isOperator = function () {
-  let groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const myRole = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myRole;
-  return myRole === 'operator';
-};
-const isDisabledBecauseFrozen = function () {
-  let groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const isFrozen = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.isFrozen;
-  return isFrozen && !isOperator(groupChannel);
-};
-const isDisabledBecauseMuted = function () {
-  let groupChannel = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const myMutedState = groupChannel === null || groupChannel === void 0 ? void 0 : groupChannel.myMutedState;
-  return myMutedState === 'muted';
-};
-const getAllEmojisMapFromEmojiContainer = function () {
-  let emojiContainer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    emojiCategories = []
-  } = emojiContainer;
-  const allEmojisMap = new Map();
-  for (let categoryIndex = 0; categoryIndex < emojiCategories.length; categoryIndex += 1) {
-    const {
-      emojis
-    } = emojiCategories[categoryIndex];
-    for (let emojiIndex = 0; emojiIndex < emojis.length; emojiIndex += 1) {
-      const {
-        key,
-        url
-      } = emojis[emojiIndex];
-      allEmojisMap.set(key, url);
-    }
-  }
-  return allEmojisMap;
-};
-const getNicknamesMapFromMembers = function () {
-  let members = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  const nicknamesMap = new Map();
-  for (let memberIndex = 0; memberIndex < members.length; memberIndex += 1) {
-    const {
-      userId,
-      nickname
-    } = members[memberIndex];
-    nicknamesMap.set(userId, nickname);
-  }
-  return nicknamesMap;
-};
-const getUniqueListBy = (arr, key) => [...new Map(arr.map(item => [item[key], item])).values()];
-const getUniqueListByMessageId = arr => getUniqueListBy(arr, 'messageId');
-const sortByCreatedAt = messages => messages.sort((a, b) => a.createdAt - b.createdAt);
-const mergeAndSortMessages = (oldMessages, newMessages) => {
-  const lastOldMessage = oldMessages[oldMessages.length - 1];
-  const firstNewMessage = newMessages[0];
-  // If the last message of oldMessages is older than the first message of newMessages,
-  // then we can safely append newMessages to oldMessages.
-  if ((lastOldMessage === null || lastOldMessage === void 0 ? void 0 : lastOldMessage.createdAt) < (firstNewMessage === null || firstNewMessage === void 0 ? void 0 : firstNewMessage.createdAt)) {
-    return [...oldMessages, ...newMessages];
-  }
-
-  // todo: optimize this
-  // If the last message of oldMessages is newer than the first message of newMessages,
-  // then we need to merge the two arrays and sort them by createdAt.
-  const mergedMessages = [...oldMessages, ...newMessages];
-  const unique = getUniqueListByMessageId(mergedMessages);
-  return sortByCreatedAt(unique);
-};
-const getMessageCreatedAt = message => index$1.format(message.createdAt, 'p');
-const isSameGroup = (message, comparingMessage, currentChannel) => {
-  var _message$sender, _comparingMessage$sen, _message$sender2, _comparingMessage$sen2;
-  if (!(message && comparingMessage && message.messageType && message.messageType !== 'admin' && comparingMessage.messageType && (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.messageType) !== 'admin' && message !== null && message !== void 0 && message.sender && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.sender && message !== null && message !== void 0 && message.createdAt && comparingMessage !== null && comparingMessage !== void 0 && comparingMessage.createdAt && message !== null && message !== void 0 && (_message$sender = message.sender) !== null && _message$sender !== void 0 && _message$sender.userId && comparingMessage !== null && comparingMessage !== void 0 && (_comparingMessage$sen = comparingMessage.sender) !== null && _comparingMessage$sen !== void 0 && _comparingMessage$sen.userId)) {
-    return false;
-  }
-  return (message === null || message === void 0 ? void 0 : message.sendingStatus) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : comparingMessage.sendingStatus) && (message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.userId) === (comparingMessage === null || comparingMessage === void 0 ? void 0 : (_comparingMessage$sen2 = comparingMessage.sender) === null || _comparingMessage$sen2 === void 0 ? void 0 : _comparingMessage$sen2.userId) && getMessageCreatedAt(message) === getMessageCreatedAt(comparingMessage) && index.isReadMessage(currentChannel, message) === index.isReadMessage(currentChannel, comparingMessage);
-};
-const compareMessagesForGrouping = (prevMessage, currMessage, nextMessage, currentChannel, replyType) => {
-  if (replyType === 'THREAD' && currMessage !== null && currMessage !== void 0 && currMessage.threadInfo) {
-    return [false, false];
-  }
-  const sendingStatus = (currMessage === null || currMessage === void 0 ? void 0 : currMessage.sendingStatus) || '';
-  const isAcceptable = sendingStatus !== 'pending' && sendingStatus !== 'failed';
-  return [isSameGroup(prevMessage, currMessage, currentChannel) && isAcceptable, isSameGroup(currMessage, nextMessage, currentChannel) && isAcceptable];
-};
-const passUnsuccessfullMessages = (allMessages, newMessage) => {
-  const {
-    sendingStatus = UNDEFINED
-  } = newMessage;
-  if (sendingStatus === SUCCEEDED$1 || sendingStatus === PENDING) {
-    const lastIndexOfSucceededMessage = allMessages.map(message => message.sendingStatus || (message.isAdminMessage && message.isAdminMessage() ? SUCCEEDED$1 : UNDEFINED)).lastIndexOf(SUCCEEDED$1);
-    if (lastIndexOfSucceededMessage + 1 < allMessages.length) {
-      const messages = [...allMessages];
-      messages.splice(lastIndexOfSucceededMessage + 1, 0, newMessage);
-      return messages;
-    }
-  }
-  return [...allMessages, newMessage];
-};
-const pxToNumber = px => {
-  if (typeof px === 'number') {
-    return px;
-  }
-  if (typeof px === 'string') {
-    const parsed = Number.parseFloat(px);
-    if (!Number.isNaN(parsed)) {
-      return parsed;
-    }
-  }
-  return null;
-};
-const isAboutSame = (a, b, px) => Math.abs(a - b) <= px;
-
 /**
  * This function helps consider the every condition
  * related to enabling emoji reaction feature.
@@ -379,7 +77,7 @@ const getLatestMessageTimeStamp = function () {
 function reducer(state, action) {
   var _state$currentGroupCh7, _action$payload, _action$payload$chann;
   switch (action.type) {
-    case RESET_MESSAGES:
+    case utils.RESET_MESSAGES:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         // when user switches channel, if the previous channel `hasMorePrev`
         // the onScroll gets called twice, setting hasMorePrev false prevents this
@@ -387,14 +85,14 @@ function reducer(state, action) {
         hasMoreNext: false,
         allMessages: []
       });
-    case FETCH_INITIAL_MESSAGES_START:
+    case utils.FETCH_INITIAL_MESSAGES_START:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           loading: true,
           allMessages: [...state.allMessages.filter(m => m.sendingStatus !== SUCCEEDED)]
         });
       }
-    case FETCH_INITIAL_MESSAGES_SUCCESS:
+    case utils.FETCH_INITIAL_MESSAGES_SUCCESS:
       {
         var _state$currentGroupCh;
         const {
@@ -416,7 +114,7 @@ function reducer(state, action) {
           allMessages: [...messages]
         });
       }
-    case FETCH_PREV_MESSAGES_SUCCESS:
+    case utils.FETCH_PREV_MESSAGES_SUCCESS:
       {
         var _state$currentGroupCh2, _messages$length, _state$messageListPar, _state$messageListPar2;
         const {
@@ -451,7 +149,7 @@ function reducer(state, action) {
           allMessages: [...filteredNewMessages, ...updatedOldMessages]
         });
       }
-    case FETCH_NEXT_MESSAGES_SUCCESS:
+    case utils.FETCH_NEXT_MESSAGES_SUCCESS:
       {
         var _state$currentGroupCh3, _messages$length2, _state$messageListPar3, _state$messageListPar4;
         const {
@@ -465,16 +163,16 @@ function reducer(state, action) {
         const latestMessageTimeStamp = getLatestMessageTimeStamp(messages);
 
         // sort ~
-        const sortedMessages = mergeAndSortMessages(state.allMessages, messages);
+        const sortedMessages = utils.mergeAndSortMessages(state.allMessages, messages);
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           hasMoreNext,
           latestMessageTimeStamp,
           allMessages: sortedMessages
         });
       }
-    case FETCH_INITIAL_MESSAGES_FAILURE:
-    case FETCH_PREV_MESSAGES_FAILURE:
-    case FETCH_NEXT_MESSAGES_FAILURE:
+    case utils.FETCH_INITIAL_MESSAGES_FAILURE:
+    case utils.FETCH_PREV_MESSAGES_FAILURE:
+    case utils.FETCH_NEXT_MESSAGES_FAILURE:
       {
         var _state$currentGroupCh4;
         const {
@@ -493,23 +191,25 @@ function reducer(state, action) {
           latestMessageTimeStamp: null
         });
       }
-    case SEND_MESSAGEGE_START:
+    case utils.SEND_MESSAGE_START:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         allMessages: [...state.allMessages,
         // Message should not be spread here
         // it will loose some methods like `isUserMessage`
         action.payload]
       });
-    case SEND_MESSAGEGE_SUCESS:
+    case utils.SEND_MESSAGE_SUCESS:
       {
         const message = action.payload;
         const filteredMessages = state.allMessages.filter(m => (m === null || m === void 0 ? void 0 : m.reqId) !== (message === null || message === void 0 ? void 0 : message.reqId));
+        // [Policy] Pending messages and failed messages
+        // must always be at the end of the message list
         const pendingIndex = filteredMessages.findIndex(msg => (msg === null || msg === void 0 ? void 0 : msg.sendingStatus) === 'pending' || (msg === null || msg === void 0 ? void 0 : msg.sendingStatus) === 'failed');
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allMessages: pendingIndex > -1 ? [...filteredMessages.slice(0, pendingIndex), message, ...filteredMessages.slice(pendingIndex)] : [...filteredMessages, message]
         });
       }
-    case SEND_MESSAGE_FAILURE:
+    case utils.SEND_MESSAGE_FAILURE:
       {
         // eslint-disable-next-line no-param-reassign
         action.payload.failed = true;
@@ -517,21 +217,21 @@ function reducer(state, action) {
           allMessages: state.allMessages.map(m => compareIds.compareIds(m.reqId, action.payload.reqId) ? action.payload : m)
         });
       }
-    case SET_CURRENT_CHANNEL:
+    case utils.SET_CURRENT_CHANNEL:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           currentGroupChannel: action.payload,
           isInvalid: false
         });
       }
-    case SET_CHANNEL_INVALID:
+    case utils.SET_CHANNEL_INVALID:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           currentGroupChannel: null,
           isInvalid: true
         });
       }
-    case ON_MESSAGE_RECEIVED:
+    case utils.ON_MESSAGE_RECEIVED:
       {
         const {
           channel,
@@ -561,7 +261,7 @@ function reducer(state, action) {
         }
         if (message.isAdminMessage && message.isAdminMessage()) {
           return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
-            allMessages: passUnsuccessfullMessages(state.allMessages, message)
+            allMessages: utils.passUnsuccessfullMessages(state.allMessages, message)
           });
         }
 
@@ -578,10 +278,10 @@ function reducer(state, action) {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           currentGroupChannel: channel,
           unreadSince: state !== null && state !== void 0 && state.unreadSince ? unreadSince : index$1.format(new Date(), 'p MMM dd'),
-          allMessages: passUnsuccessfullMessages(state.allMessages, message)
+          allMessages: utils.passUnsuccessfullMessages(state.allMessages, message)
         });
       }
-    case ON_MESSAGE_UPDATED:
+    case utils.ON_MESSAGE_UPDATED:
       {
         var _state$currentGroupCh5;
         const {
@@ -612,7 +312,7 @@ function reducer(state, action) {
           })
         });
       }
-    case ON_MESSAGE_THREAD_INFO_UPDATED:
+    case utils.ON_MESSAGE_THREAD_INFO_UPDATED:
       {
         var _state$currentGroupCh6;
         const {
@@ -640,32 +340,32 @@ function reducer(state, action) {
           })
         });
       }
-    case RESEND_MESSAGEGE_START:
+    case utils.RESEND_MESSAGE_START:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         allMessages: state.allMessages.map(m => compareIds.compareIds(m.reqId, action.payload.reqId) ? action.payload : m)
       });
-    case MARK_AS_READ:
+    case utils.MARK_AS_READ:
       if (((_state$currentGroupCh7 = state.currentGroupChannel) === null || _state$currentGroupCh7 === void 0 ? void 0 : _state$currentGroupCh7.url) !== ((_action$payload = action.payload) === null || _action$payload === void 0 ? void 0 : (_action$payload$chann = _action$payload.channel) === null || _action$payload$chann === void 0 ? void 0 : _action$payload$chann.url)) {
         return state;
       }
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         unreadSince: null
       });
-    case ON_MESSAGE_DELETED:
+    case utils.ON_MESSAGE_DELETED:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         allMessages: state.allMessages.filter(m => !compareIds.compareIds(m.messageId, action.payload))
       });
-    case ON_MESSAGE_DELETED_BY_REQ_ID:
+    case utils.ON_MESSAGE_DELETED_BY_REQ_ID:
       return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
         allMessages: state.allMessages.filter(m => !compareIds.compareIds(m.reqId, action.payload))
       });
-    case SET_EMOJI_CONTAINER:
+    case utils.SET_EMOJI_CONTAINER:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           emojiContainer: action.payload
         });
       }
-    case ON_REACTION_UPDATED:
+    case utils.ON_REACTION_UPDATED:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           allMessages: state.allMessages.map(m => {
@@ -679,7 +379,7 @@ function reducer(state, action) {
           })
         });
       }
-    case MESSAGE_LIST_PARAMS_CHANGED:
+    case utils.MESSAGE_LIST_PARAMS_CHANGED:
       {
         return _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, state), {}, {
           messageListParams: action.payload
@@ -743,7 +443,7 @@ function useHandleChannelEvents(_ref, _ref2) {
             }
             logger.info('Channel | useHandleChannelEvents: onMessageReceived', message);
             messagesDispatcher({
-              type: ON_MESSAGE_RECEIVED,
+              type: utils.ON_MESSAGE_RECEIVED,
               payload: {
                 channel,
                 message
@@ -753,7 +453,7 @@ function useHandleChannelEvents(_ref, _ref2) {
               // and !openContextMenu
               try {
                 setTimeout(() => {
-                  scrollIntoLast(0, scrollRef);
+                  utils.scrollIntoLast(0, scrollRef);
                 });
                 if (!disableMarkAsRead) {
                   markAsReadScheduler.push(currentGroupChannel);
@@ -771,7 +471,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           logger.info('Channel | useHandleChannelEvents: onUnreadMemberStatusUpdated', channel);
           if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -781,7 +481,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onDeliveryReceiptUpdated', channel);
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -789,7 +489,7 @@ function useHandleChannelEvents(_ref, _ref2) {
         onMessageUpdated: (channel, message) => {
           logger.info('Channel | useHandleChannelEvents: onMessageUpdated', message);
           messagesDispatcher({
-            type: ON_MESSAGE_UPDATED,
+            type: utils.ON_MESSAGE_UPDATED,
             payload: {
               channel,
               message
@@ -802,7 +502,7 @@ function useHandleChannelEvents(_ref, _ref2) {
             threadInfoUpdateEvent
           });
           messagesDispatcher({
-            type: ON_MESSAGE_THREAD_INFO_UPDATED,
+            type: utils.ON_MESSAGE_THREAD_INFO_UPDATED,
             payload: {
               channel,
               event: threadInfoUpdateEvent
@@ -816,7 +516,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           });
           setQuoteMessage(null);
           messagesDispatcher({
-            type: ON_MESSAGE_DELETED,
+            type: utils.ON_MESSAGE_DELETED,
             payload: messageId
           });
         },
@@ -826,7 +526,7 @@ function useHandleChannelEvents(_ref, _ref2) {
             reactionEvent
           });
           messagesDispatcher({
-            type: ON_REACTION_UPDATED,
+            type: utils.ON_REACTION_UPDATED,
             payload: reactionEvent
           });
         },
@@ -834,7 +534,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelChanged', channel);
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -843,7 +543,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelFrozen', channel);
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -852,7 +552,7 @@ function useHandleChannelEvents(_ref, _ref2) {
           if (compareIds.compareIds(channel === null || channel === void 0 ? void 0 : channel.url, channelUrl)) {
             logger.info('Channel | useHandleChannelEvents: onChannelUnFrozen', channel);
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -864,7 +564,7 @@ function useHandleChannelEvents(_ref, _ref2) {
               user
             });
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -876,7 +576,7 @@ function useHandleChannelEvents(_ref, _ref2) {
               user
             });
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -889,7 +589,7 @@ function useHandleChannelEvents(_ref, _ref2) {
               user
             });
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: null
             });
           }
@@ -901,7 +601,7 @@ function useHandleChannelEvents(_ref, _ref2) {
               users
             });
             messagesDispatcher({
-              type: SET_CURRENT_CHANNEL,
+              type: utils.SET_CURRENT_CHANNEL,
               payload: channel
             });
           }
@@ -914,7 +614,7 @@ function useHandleChannelEvents(_ref, _ref2) {
             });
             if ((user === null || user === void 0 ? void 0 : user.userId) === currentUserId) {
               messagesDispatcher({
-                type: SET_CURRENT_CHANNEL,
+                type: utils.SET_CURRENT_CHANNEL,
                 payload: null
               });
             }
@@ -958,7 +658,7 @@ function useSetChannel(_ref, _ref2) {
       sdk.groupChannel.getChannel(channelUrl).then(groupChannel => {
         logger.info('Channel | useSetChannel fetched channel', groupChannel);
         messagesDispatcher({
-          type: SET_CURRENT_CHANNEL,
+          type: utils.SET_CURRENT_CHANNEL,
           payload: groupChannel
         });
         logger.info('Channel: Mark as read', groupChannel);
@@ -971,13 +671,13 @@ function useSetChannel(_ref, _ref2) {
           e
         });
         messagesDispatcher({
-          type: SET_CHANNEL_INVALID
+          type: utils.SET_CHANNEL_INVALID
         });
       });
       sdk.getAllEmoji().then(emojiContainer_ => {
         logger.info('Channel: Getting emojis success', emojiContainer_);
         messagesDispatcher({
-          type: SET_EMOJI_CONTAINER,
+          type: utils.SET_EMOJI_CONTAINER,
           payload: emojiContainer_
         });
       }).catch(err => {
@@ -1003,7 +703,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
   React.useEffect(() => {
     logger.info('Channel useInitialMessagesFetch: Setup started', currentGroupChannel);
     messagesDispatcher({
-      type: RESET_MESSAGES,
+      type: utils.RESET_MESSAGES,
       payload: null
     });
     if (currentGroupChannel && currentGroupChannel !== null && currentGroupChannel !== void 0 && currentGroupChannel.getMessagesByTimestamp) {
@@ -1028,7 +728,7 @@ function useInitialMessagesFetch(_ref, _ref2) {
       if (replyType && (replyType === 'QUOTE_REPLY' || replyType === 'THREAD') || userFilledMessageListQuery) {
         logger.info('Channel useInitialMessagesFetch: Setup messageListParams', messageListParams);
         messagesDispatcher({
-          type: MESSAGE_LIST_PARAMS_CHANGED,
+          type: utils.MESSAGE_LIST_PARAMS_CHANGED,
           payload: messageListParams
         });
       }
@@ -1037,12 +737,12 @@ function useInitialMessagesFetch(_ref, _ref2) {
         userFilledMessageListQuery
       });
       messagesDispatcher({
-        type: FETCH_INITIAL_MESSAGES_START,
+        type: utils.FETCH_INITIAL_MESSAGES_START,
         payload: null
       });
       currentGroupChannel.getMessagesByTimestamp(initialTimeStamp || new Date().getTime(), messageListParams).then(messages => {
         messagesDispatcher({
-          type: FETCH_INITIAL_MESSAGES_SUCCESS,
+          type: utils.FETCH_INITIAL_MESSAGES_SUCCESS,
           payload: {
             currentGroupChannel,
             messages
@@ -1051,17 +751,17 @@ function useInitialMessagesFetch(_ref, _ref2) {
       }).catch(error => {
         logger.error('Channel: Fetching messages failed', error);
         messagesDispatcher({
-          type: FETCH_INITIAL_MESSAGES_FAILURE,
+          type: utils.FETCH_INITIAL_MESSAGES_FAILURE,
           payload: {
             currentGroupChannel
           }
         });
       }).finally(() => {
         if (!initialTimeStamp) {
-          setTimeout(() => scrollIntoLast(0, scrollRef));
+          setTimeout(() => utils.scrollIntoLast(0, scrollRef));
         } else {
           setTimeout(() => {
-            scrollToRenderedMessage(scrollRef, initialTimeStamp);
+            utils.scrollToRenderedMessage(scrollRef, initialTimeStamp);
           }, 500);
         }
       });
@@ -1145,24 +845,24 @@ function useHandleReconnect(_ref, _ref2) {
           userFilledMessageListQuery
         });
         messagesDispatcher({
-          type: FETCH_INITIAL_MESSAGES_START,
+          type: utils.FETCH_INITIAL_MESSAGES_START,
           payload: null
         });
         sdk === null || sdk === void 0 ? void 0 : (_sdk$groupChannel = sdk.groupChannel) === null || _sdk$groupChannel === void 0 ? void 0 : _sdk$groupChannel.getChannel(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.url).then(groupChannel => {
           const lastMessageTime = new Date().getTime();
           groupChannel.getMessagesByTimestamp(lastMessageTime, messageListParams).then(messages => {
             messagesDispatcher({
-              type: FETCH_INITIAL_MESSAGES_SUCCESS,
+              type: utils.FETCH_INITIAL_MESSAGES_SUCCESS,
               payload: {
                 currentGroupChannel,
                 messages
               }
             });
-            setTimeout(() => scrollIntoLast(0, scrollRef));
+            setTimeout(() => utils.scrollIntoLast(0, scrollRef));
           }).catch(error => {
             logger.error('Channel: Fetching messages failed', error);
             messagesDispatcher({
-              type: FETCH_INITIAL_MESSAGES_FAILURE,
+              type: utils.FETCH_INITIAL_MESSAGES_FAILURE,
               payload: {
                 currentGroupChannel
               }
@@ -1220,7 +920,7 @@ function useScrollCallback(_ref, _ref2) {
     });
     currentGroupChannel.getMessagesByTimestamp(oldestMessageTimeStamp || new Date().getTime(), messageListParams).then(messages => {
       messagesDispatcher({
-        type: FETCH_PREV_MESSAGES_SUCCESS,
+        type: utils.FETCH_PREV_MESSAGES_SUCCESS,
         payload: {
           currentGroupChannel,
           messages
@@ -1230,7 +930,7 @@ function useScrollCallback(_ref, _ref2) {
     }).catch(error => {
       logger.error('Channel: Fetching messages failed', error);
       messagesDispatcher({
-        type: FETCH_PREV_MESSAGES_FAILURE,
+        type: utils.FETCH_PREV_MESSAGES_FAILURE,
         payload: {
           currentGroupChannel
         }
@@ -1283,7 +983,7 @@ function useScrollDownCallback(_ref, _ref2) {
     });
     currentGroupChannel.getMessagesByTimestamp(latestMessageTimeStamp || new Date().getTime(), messageListParams).then(messages => {
       messagesDispatcher({
-        type: FETCH_NEXT_MESSAGES_SUCCESS,
+        type: utils.FETCH_NEXT_MESSAGES_SUCCESS,
         payload: {
           currentGroupChannel,
           messages
@@ -1293,7 +993,7 @@ function useScrollDownCallback(_ref, _ref2) {
     }).catch(error => {
       logger.error('Channel: Fetching later messages failed', error);
       messagesDispatcher({
-        type: FETCH_NEXT_MESSAGES_FAILURE,
+        type: utils.FETCH_NEXT_MESSAGES_FAILURE,
         payload: {
           currentGroupChannel
         }
@@ -1322,7 +1022,7 @@ function useDeleteMessageCallback(_ref, _ref2) {
       if (requestState === 'failed' || requestState === 'pending') {
         logger.info('Channel | useDeleteMessageCallback: Deleted message from local:', message);
         messagesDispatcher({
-          type: ON_MESSAGE_DELETED_BY_REQ_ID,
+          type: utils.ON_MESSAGE_DELETED_BY_REQ_ID,
           payload: message.reqId
         });
         resolve(message);
@@ -1331,7 +1031,7 @@ function useDeleteMessageCallback(_ref, _ref2) {
       currentGroupChannel.deleteMessage(message).then(() => {
         logger.info('Channel | useDeleteMessageCallback: Deleting message success!', message);
         messagesDispatcher({
-          type: ON_MESSAGE_DELETED,
+          type: utils.ON_MESSAGE_DELETED,
           payload: message.messageId
         });
         resolve(message);
@@ -1386,7 +1086,7 @@ function useUpdateMessageCallback(_ref, _ref2) {
       }
       logger.info('Channel: Updating message success!', msg);
       messagesDispatcher({
-        type: ON_MESSAGE_UPDATED,
+        type: utils.ON_MESSAGE_UPDATED,
         payload: {
           channel: currentGroupChannel,
           message: msg
@@ -1421,7 +1121,7 @@ function useResendMessageCallback(_ref, _ref2) {
       // eslint-disable-next-line no-param-reassign
       failedMessage.sendingStatus = 'pending';
       messagesDispatcher({
-        type: RESEND_MESSAGEGE_START,
+        type: utils.RESEND_MESSAGE_START,
         payload: failedMessage
       });
 
@@ -1430,7 +1130,7 @@ function useResendMessageCallback(_ref, _ref2) {
         currentGroupChannel.resendUserMessage(failedMessage).then(message => {
           logger.info('Channel: Resending message success!', message);
           messagesDispatcher({
-            type: SEND_MESSAGEGE_SUCESS,
+            type: utils.SEND_MESSAGE_SUCESS,
             payload: message
           });
         }).catch(e => {
@@ -1440,7 +1140,7 @@ function useResendMessageCallback(_ref, _ref2) {
           // eslint-disable-next-line no-param-reassign
           failedMessage.sendingStatus = 'failed';
           messagesDispatcher({
-            type: SEND_MESSAGE_FAILURE,
+            type: utils.SEND_MESSAGE_FAILURE,
             payload: failedMessage
           });
         });
@@ -1450,7 +1150,7 @@ function useResendMessageCallback(_ref, _ref2) {
         // eslint-disable-next-line no-param-reassign
         failedMessage.sendingStatus = 'pending';
         messagesDispatcher({
-          type: RESEND_MESSAGEGE_START,
+          type: utils.RESEND_MESSAGE_START,
           payload: failedMessage
         });
         return;
@@ -1459,7 +1159,7 @@ function useResendMessageCallback(_ref, _ref2) {
         currentGroupChannel.resendFileMessage(failedMessage, file).then(message => {
           logger.info('Channel: Resending file message success!', message);
           messagesDispatcher({
-            type: SEND_MESSAGEGE_SUCESS,
+            type: utils.SEND_MESSAGE_SUCESS,
             payload: message
           });
         }).catch(e => {
@@ -1469,7 +1169,7 @@ function useResendMessageCallback(_ref, _ref2) {
           // eslint-disable-next-line no-param-reassign
           failedMessage.sendingStatus = 'failed';
           messagesDispatcher({
-            type: SEND_MESSAGE_FAILURE,
+            type: utils.SEND_MESSAGE_FAILURE,
             payload: failedMessage
           });
         });
@@ -1479,7 +1179,7 @@ function useResendMessageCallback(_ref, _ref2) {
         // eslint-disable-next-line no-param-reassign
         failedMessage.sendingStatus = 'pending';
         messagesDispatcher({
-          type: RESEND_MESSAGEGE_START,
+          type: utils.RESEND_MESSAGE_START,
           payload: failedMessage
         });
       }
@@ -1540,24 +1240,24 @@ function useSendMessageCallback(_ref, _ref2) {
     currentGroupChannel.sendUserMessage(params).onPending(pendingMsg => {
       pubSub.publish(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
         /* pubSub is used instead of messagesDispatcher
-          to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+          to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
         message: pendingMsg,
         channel: currentGroupChannel
       });
-      setTimeout(() => scrollIntoLast(0, scrollRef));
+      setTimeout(() => utils.scrollIntoLast(0, scrollRef));
     }).onFailed((err, msg) => {
       logger.warning('Channel: Sending message failed!', {
         message: msg,
         error: err
       });
       messagesDispatcher({
-        type: SEND_MESSAGE_FAILURE,
+        type: utils.SEND_MESSAGE_FAILURE,
         payload: msg
       });
     }).onSucceeded(msg => {
       logger.info('Channel: Sending message success!', msg);
       messagesDispatcher({
-        type: SEND_MESSAGEGE_SUCESS,
+        type: utils.SEND_MESSAGE_SUCESS,
         payload: msg
       });
     });
@@ -1588,7 +1288,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
     const compressibleFileType = file.type === 'image/jpg' || file.type === 'image/png' || file.type === 'image/jpeg';
     const compressibleRatio = compressionRate > 0 && compressionRate < 1;
     // pxToNumber returns null if values are invalid
-    const compressibleDiamensions = pxToNumber(resizingWidth) || pxToNumber(resizingHeight);
+    const compressibleDiamensions = utils.pxToNumber(resizingWidth) || utils.pxToNumber(resizingHeight);
     const canCompressImage = compressibleFileType && (compressibleRatio || compressibleDiamensions);
     const createParamsDefault = file_ => {
       const params = {};
@@ -1609,8 +1309,8 @@ function useSendFileMessageCallback(_ref, _ref2) {
           const canvas = document.createElement('canvas');
           const imageWdith = image.naturalWidth || image.width;
           const imageHeight = image.naturalHeight || image.height;
-          let targetWidth = pxToNumber(resizingWidth) || imageWdith;
-          let targetHeight = pxToNumber(resizingHeight) || imageHeight;
+          let targetWidth = utils.pxToNumber(resizingWidth) || imageWdith;
+          let targetHeight = utils.pxToNumber(resizingHeight) || imageHeight;
 
           // In canvas.toBlob(callback, mimeType, qualityArgument)
           // qualityArgument doesnt work
@@ -1635,7 +1335,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
             currentGroupChannel.sendFileMessage(params).onPending(pendingMessage => {
               pubSub.publish(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
                 /* pubSub is used instead of messagesDispatcher
-                  to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+                  to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
                 message: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, pendingMessage), {}, {
                   url: URL.createObjectURL(compressedFile),
                   // pending thumbnail message seems to be failed
@@ -1643,7 +1343,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
                 }),
                 channel: currentGroupChannel
               });
-              setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
+              setTimeout(() => utils.scrollIntoLast(0, scrollRef), 1000);
             }).onFailed((err, failedMessage) => {
               logger.error('Channel: Sending file message failed!', {
                 failedMessage,
@@ -1654,13 +1354,13 @@ function useSendFileMessageCallback(_ref, _ref2) {
               // eslint-disable-next-line no-param-reassign
               failedMessage.file = compressedFile;
               messagesDispatcher({
-                type: SEND_MESSAGE_FAILURE,
+                type: utils.SEND_MESSAGE_FAILURE,
                 payload: failedMessage
               });
             }).onSucceeded(succeededMessage => {
               logger.info('Channel: Sending file message success!', succeededMessage);
               messagesDispatcher({
-                type: SEND_MESSAGEGE_SUCESS,
+                type: utils.SEND_MESSAGE_SUCESS,
                 payload: succeededMessage
               });
             });
@@ -1679,7 +1379,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
       currentGroupChannel.sendFileMessage(params).onPending(pendingMsg => {
         pubSub.publish(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
           /* pubSub is used instead of messagesDispatcher
-            to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+            to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
           message: _rollupPluginBabelHelpers._objectSpread2(_rollupPluginBabelHelpers._objectSpread2({}, pendingMsg), {}, {
             url: URL.createObjectURL(file),
             // pending thumbnail message seems to be failed
@@ -1687,7 +1387,7 @@ function useSendFileMessageCallback(_ref, _ref2) {
           }),
           channel: currentGroupChannel
         });
-        setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
+        setTimeout(() => utils.scrollIntoLast(0, scrollRef), 1000);
       }).onFailed((error, message) => {
         logger.error('Channel: Sending file message failed!', {
           message,
@@ -1698,13 +1398,13 @@ function useSendFileMessageCallback(_ref, _ref2) {
         // eslint-disable-next-line no-param-reassign
         message.file = file;
         messagesDispatcher({
-          type: SEND_MESSAGE_FAILURE,
+          type: utils.SEND_MESSAGE_FAILURE,
           payload: message
         });
       }).onSucceeded(message => {
         logger.info('Channel: Sending message success!', message);
         messagesDispatcher({
-          type: SEND_MESSAGEGE_SUCESS,
+          type: utils.SEND_MESSAGE_SUCESS,
           payload: message
         });
       });
@@ -1774,7 +1474,7 @@ function useScrollToMessage(_ref, _ref2) {
         if (isPresent) {
           logger.info('Channel: scroll to message - message is present');
           setAnimatedMessageId(messageId);
-          scrollToRenderedMessage(scrollRef, createdAt);
+          utils.scrollToRenderedMessage(scrollRef, createdAt);
         } else {
           logger.info('Channel: scroll to message - fetching older messages');
           setInitialTimeStamp(null);
@@ -1821,24 +1521,24 @@ const useSendVoiceMessageCallback = (_ref, _ref2) => {
     currentGroupChannel.sendFileMessage(messageParams).onPending(pendingMessage => {
       pubSub.publish(topics.PUBSUB_TOPICS.SEND_MESSAGE_START, {
         /* pubSub is used instead of messagesDispatcher
-          to avoid redundantly calling `messageActionTypes.SEND_MESSAGEGE_START` */
+          to avoid redundantly calling `messageActionTypes.SEND_MESSAGE_START` */
         message: pendingMessage,
         channel: currentGroupChannel
       });
-      setTimeout(() => scrollIntoLast(0, scrollRef), 1000);
+      setTimeout(() => utils.scrollIntoLast(0, scrollRef), 1000);
     }).onFailed((err, failedMessage) => {
       logger.error('Channel: Sending voice message failed!', {
         failedMessage,
         err
       });
       messagesDispatcher({
-        type: SEND_MESSAGE_FAILURE,
+        type: utils.SEND_MESSAGE_FAILURE,
         payload: failedMessage
       });
     }).onSucceeded(succeededMessage => {
       logger.info('Channel: Sending voice message success!', succeededMessage);
       messagesDispatcher({
-        type: SEND_MESSAGEGE_SUCESS,
+        type: utils.SEND_MESSAGE_SUCESS,
         payload: succeededMessage
       });
     });
@@ -1932,8 +1632,8 @@ const ChannelProvider = props => {
     globalLevel: config === null || config === void 0 ? void 0 : config.isReactionEnabled,
     moduleLevel: isReactionEnabled
   });
-  const emojiAllMap = React.useMemo(() => usingReaction ? getAllEmojisMapFromEmojiContainer(emojiContainer) : new Map(), [emojiContainer]);
-  const nicknamesMap = React.useMemo(() => usingReaction && currentGroupChannel ? getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map(), [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]);
+  const emojiAllMap = React.useMemo(() => usingReaction ? utils.getAllEmojisMapFromEmojiContainer(emojiContainer) : new Map(), [emojiContainer]);
+  const nicknamesMap = React.useMemo(() => usingReaction && currentGroupChannel ? utils.getNicknamesMapFromMembers(currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members) : new Map(), [currentGroupChannel === null || currentGroupChannel === void 0 ? void 0 : currentGroupChannel.members]);
 
   // Animate message
   React.useEffect(() => {
@@ -2036,14 +1736,14 @@ const ChannelProvider = props => {
 
   // handles API calls from withSendbird
   React.useEffect(() => {
-    const subscriber = pubSubHandler({
+    const subscriber = utils.pubSubHandler({
       channelUrl,
       pubSub,
       dispatcher: messagesDispatcher,
       scrollRef
     });
     return () => {
-      pubSubHandleRemover(subscriber);
+      utils.pubSubHandleRemover(subscriber);
     };
   }, [channelUrl, sdkInit]);
 
@@ -2163,7 +1863,7 @@ const ChannelProvider = props => {
       sendFileMessage,
       sendVoiceMessage,
       initialTimeStamp,
-      messageActionTypes,
+      messageActionTypes: utils.messageActionTypes,
       messagesDispatcher,
       setInitialTimeStamp,
       setAnimatedMessageId,
@@ -2187,11 +1887,6 @@ const ChannelProvider = props => {
 const useChannelContext = () => React__default["default"].useContext(ChannelContext);
 
 exports.ChannelProvider = ChannelProvider;
-exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.getIsReactionEnabled = getIsReactionEnabled;
-exports.isAboutSame = isAboutSame;
-exports.isDisabledBecauseFrozen = isDisabledBecauseFrozen;
-exports.isDisabledBecauseMuted = isDisabledBecauseMuted;
-exports.isOperator = isOperator;
 exports.useChannelContext = useChannelContext;
-//# sourceMappingURL=ChannelProvider-633edf61.js.map
+//# sourceMappingURL=ChannelProvider-58b2dd24.js.map