@sendbird/uikit-react 3.0.0-beta.6 → 3.0.0-rc.2

package/cjs/{OpenChannelProvider-445f214c.js → OpenChannelProvider-5c81bdb4.js}

@@ -1,12 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-cb53adf5.js');
-var UserProfileContext = require('./UserProfileContext-12cfee31.js');
-var tslib_es6 = require('./tslib.es6-a7af7bb8.js');
-var compareIds = require('./compareIds-37e8380c.js');
-var topics = require('./topics-bdbff23e.js');
-var uuid = require('./uuid-03009a31.js');
+var index = require('./index-481324b7.js');
+var UserProfileContext = require('./UserProfileContext-9f3727c8.js');
+var tslib_es6 = require('./tslib.es6-4b76ba01.js');
+var compareIds = require('./compareIds-7f5ab4de.js');
+var topics = require('./topics-a595e22a.js');
+var openChannel = require('./openChannel-146282ad.js');
+var uuid = require('./uuid-d0e513e8.js');
+var __bundle7dfccc8c = require('./__bundle-7dfccc8c-d9262ff8.js');
 var useSendbirdStateContext = require('./useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -40,7 +42,7 @@ var scrollIntoLast = function scrollIntoLast(intialTry) {
   }
 
   try {
-    var scrollDOM = document.querySelector('.sendbird-openchannel-conversation-scroll'); // eslint-disable-next-line no-multi-assign
+    var scrollDOM = document.querySelector('.sendbird-openchannel-conversation-scroll__container__item-container'); // eslint-disable-next-line no-multi-assign
 
     scrollDOM.scrollTop = scrollDOM.scrollHeight;
   } catch (error) {
@@ -52,28 +54,31 @@ var scrollIntoLast = function scrollIntoLast(intialTry) {
 var isSameGroup = function isSameGroup(message, comparingMessage) {
   var _a, _b, _c, _d;
 
-  if (!(message && comparingMessage && (message === null || message === void 0 ? void 0 : message.messageType) !== 'admin' && (comparingMessage === null || comparingMessage === void 0 ? void 0 : 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))) {
+  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
+
 
-  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);
+  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);
 };
 var compareMessagesForGrouping = function compareMessagesForGrouping(prevMessage, currMessage, nextMessage) {
   return [isSameGroup(prevMessage, currMessage), isSameGroup(currMessage, nextMessage)];
 };
 var kFormatter = function kFormatter(num) {
   if (Math.abs(num) > 999999) {
-    return (Math.abs(num) / 1000000).toFixed(1) + "M";
+    return "".concat((Math.abs(num) / 1000000).toFixed(1), "M");
   }
 
   if (Math.abs(num) > 999) {
-    return (Math.abs(num) / 1000).toFixed(1) + "K";
+    return "".concat((Math.abs(num) / 1000).toFixed(1), "K");
   }
 
-  return "" + num;
+  return "".concat(num);
 };
 var isOperator = function isOperator(openChannel, userId) {
-  var operators = openChannel.operators;
+  var operators = openChannel === null || openChannel === void 0 ? void 0 : openChannel.operators;
 
   if (operators.map(function (operator) {
     return operator.userId;
@@ -84,7 +89,7 @@ var isOperator = function isOperator(openChannel, userId) {
   return true;
 };
 var isDisabledBecauseFrozen = function isDisabledBecauseFrozen(openChannel, userId) {
-  var isFrozen = openChannel.isFrozen;
+  var isFrozen = openChannel === null || openChannel === void 0 ? void 0 : openChannel.isFrozen;
   return isFrozen && !isOperator(openChannel, userId);
 };
 var isDisabledBecauseMuted = function isDisabledBecauseMuted(mutedParticipantIds, userId) {
@@ -95,13 +100,11 @@ var fetchWithListQuery = function fetchWithListQuery(listQuery, logger, eachQuer
     var hasNext = query.hasNext;
 
     if (hasNext) {
-      query.next(function (error, users) {
-        if (!error) {
-          eachQueryNextCallback(users);
-          fetchList(query);
-        } else {
-          logger.warning('OpenChannel | FetchUserList failed', error);
-        }
+      query.next().then(function (users) {
+        eachQueryNextCallback(users);
+        fetchList(query);
+      }).catch(function (error) {
+        logger.warning('OpenChannel | FetchUserList failed', error);
       });
     } else {
       logger.info('OpenChannel | FetchUserList finished');
@@ -156,6 +159,7 @@ var ON_USER_UNBANNED = 'ON_USER_UNBANNED';
 var ON_CHANNEL_FROZEN = 'ON_CHANNEL_FROZEN';
 var ON_CHANNEL_UNFROZEN = 'ON_CHANNEL_UNFROZEN';
 var ON_CHANNEL_CHANGED = 'ON_CHANNEL_CHANGED';
+var ON_CHANNEL_DELETED = 'ON_CHANNEL_DELETED';
 var ON_META_DATA_CREATED = 'ON_META_DATA_CREATED';
 var ON_META_DATA_UPDATED = 'ON_META_DATA_UPDATED';
 var ON_META_DATA_DELETED = 'ON_META_DATA_DELETED';
@@ -254,7 +258,7 @@ function reducer(state, action) {
             message_1 = _e.message,
             channel = _e.channel;
 
-        if (channel.url !== state.currentOpenChannel.url || state.allMessages.some(function (m) {
+        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
         ) {
@@ -452,9 +456,7 @@ function reducer(state, action) {
         }
 
         return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          currentOpenChannel: tslib_es6.__assign(tslib_es6.__assign({}, state.currentOpenChannel), {
-            operators: updatedOperators
-          }),
+          currentOpenChannel: eventedChannel,
           operators: updatedOperators
         });
       }
@@ -527,15 +529,20 @@ function reducer(state, action) {
       {
         var eventedChannel = action.payload.channel;
         var bannedUser = action.payload.user;
+        var currentUser = action.payload.currentUser;
         var currentChannel = state.currentOpenChannel;
 
-        if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url || state.bannedParticipantIds.indexOf(bannedUser.userId) >= 0) {
-          return state;
+        if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (eventedChannel === null || eventedChannel === void 0 ? void 0 : eventedChannel.url) && (bannedUser === null || bannedUser === void 0 ? void 0 : bannedUser.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)) {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            currentOpenChannel: null
+          });
+        } else if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (eventedChannel === null || eventedChannel === void 0 ? void 0 : eventedChannel.url)) {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            bannedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.bannedParticipantIds, true), [bannedUser.userId], false)
+          });
         }
 
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          bannedParticipantIds: tslib_es6.__spreadArray(tslib_es6.__spreadArray([], state.bannedParticipantIds, true), [bannedUser.userId], false)
-        });
+        return state;
       }
 
     case ON_USER_UNBANNED:
@@ -544,15 +551,15 @@ function reducer(state, action) {
         var unbannedUser_1 = action.payload.user;
         var currentChannel = state.currentOpenChannel;
 
-        if (!currentChannel || currentChannel.url && currentChannel.url !== eventedChannel.url || state.bannedParticipantIds.indexOf(unbannedUser_1.userId) < 0) {
-          return state;
+        if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === (eventedChannel === null || eventedChannel === void 0 ? void 0 : eventedChannel.url)) {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            bannedParticipantIds: state.bannedParticipantIds.filter(function (userId) {
+              return userId !== unbannedUser_1.userId;
+            })
+          });
         }
 
-        return tslib_es6.__assign(tslib_es6.__assign({}, state), {
-          bannedParticipantIds: state.bannedParticipantIds.filter(function (userId) {
-            return userId !== unbannedUser_1.userId;
-          })
-        });
+        return state;
       }
 
     case ON_CHANNEL_FROZEN:
@@ -597,6 +604,20 @@ function reducer(state, action) {
         });
       }
 
+    case ON_CHANNEL_DELETED:
+      {
+        var deletedChannelUrl = action.payload;
+        var currentChannel = state === null || state === void 0 ? void 0 : state.currentOpenChannel;
+
+        if ((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) === deletedChannelUrl) {
+          return tslib_es6.__assign(tslib_es6.__assign({}, state), {
+            currentOpenChannel: null
+          });
+        }
+
+        return state;
+      }
+
     case ON_META_DATA_CREATED:
       {
         // const eventedChannel = action.payload.channel;
@@ -696,67 +717,54 @@ function useSetChannel(_a, _b) {
       logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   React.useEffect(function () {
-    if (channelUrl && sdkInit && sdk && sdk.OpenChannel) {
+    if (channelUrl && sdkInit && (sdk === null || sdk === void 0 ? void 0 : sdk.openChannel)) {
       logger.info('OpenChannel | useSetChannel fetching channel', channelUrl);
-      sdk.OpenChannel.getChannel(channelUrl, function (openChannel, error) {
-        if (!error) {
-          logger.info('OpenChannel | useSetChannel fetched channel', openChannel);
-          messagesDispatcher({
-            type: SET_CURRENT_CHANNEL,
-            payload: openChannel
-          });
-          openChannel.enter(function (_, error) {
-            if (error) {
-              logger.warning('OpenChannel | useSetChannel enter channel failed', {
-                channelUrl: channelUrl,
-                error: error
-              });
+      sdk.openChannel.getChannel(channelUrl).then(function (openChannel) {
+        logger.info('OpenChannel | useSetChannel fetched channel', openChannel);
+        messagesDispatcher({
+          type: SET_CURRENT_CHANNEL,
+          payload: openChannel
+        });
+        openChannel.enter().then(function () {
+          if (openChannel.isOperator(userId)) {
+            // only operator has a permission to fetch these list
+            var bannedParticipantListQuery = openChannel.createBannedUserListQuery();
+            var mutedParticipantListQuery = openChannel.createMutedUserListQuery();
+            fetchWithListQuery(bannedParticipantListQuery, logger, function (users) {
               messagesDispatcher({
-                type: SET_CHANNEL_INVALID,
-                payload: null
-              });
-            }
-
-            if (openChannel.isOperatorWithUserId(userId)) {
-              // only operator has a permission to fetch these list
-              var bannedParticipantListQuery = openChannel.createBannedUserListQuery();
-              var mutedParticipantListQuery = openChannel.createMutedUserListQuery();
-              fetchWithListQuery(bannedParticipantListQuery, logger, function (users) {
-                messagesDispatcher({
-                  type: FETCH_BANNED_USER_LIST,
-                  payload: {
-                    channel: openChannel,
-                    users: users
-                  }
-                });
+                type: FETCH_BANNED_USER_LIST,
+                payload: {
+                  channel: openChannel,
+                  users: users
+                }
               });
-              fetchWithListQuery(mutedParticipantListQuery, logger, function (users) {
-                messagesDispatcher({
-                  type: FETCH_MUTED_USER_LIST,
-                  payload: {
-                    channel: openChannel,
-                    users: users
-                  }
-                });
+            });
+            fetchWithListQuery(mutedParticipantListQuery, logger, function (users) {
+              messagesDispatcher({
+                type: FETCH_MUTED_USER_LIST,
+                payload: {
+                  channel: openChannel,
+                  users: users
+                }
               });
-            }
+            });
+          }
 
-            if (fetchingParticipants) {
-              // fetch participants list
-              var participantListQuery = openChannel.createParticipantListQuery();
-              fetchWithListQuery(participantListQuery, logger, function (users) {
-                messagesDispatcher({
-                  type: FETCH_PARTICIPANT_LIST,
-                  payload: {
-                    channel: openChannel,
-                    users: users
-                  }
-                });
+          if (fetchingParticipants) {
+            // fetch participants list
+            var participantListQuery = openChannel.createParticipantListQuery({});
+            fetchWithListQuery(participantListQuery, logger, function (users) {
+              messagesDispatcher({
+                type: FETCH_PARTICIPANT_LIST,
+                payload: {
+                  channel: openChannel,
+                  users: users
+                }
               });
-            }
-          });
-        } else {
-          logger.warning('OpenChannel | useSetChannel fetching channel failed', {
+            });
+          }
+        }).catch(function (error) {
+          logger.warning('OpenChannel | useSetChannel enter channel failed', {
             channelUrl: channelUrl,
             error: error
           });
@@ -764,73 +772,17 @@ function useSetChannel(_a, _b) {
             type: SET_CHANNEL_INVALID,
             payload: null
           });
-        }
-      }); // .then((openChannel) => {
-      //   logger.info('OpenChannel | useSetChannel fetched channel', openChannel);
-      //   messagesDispatcher({
-      //     type: messageActionTypes.SET_CURRENT_CHANNEL,
-      //     payload: openChannel,
-      //   });
-      //   openChannel.enter((_, error) => {
-      //     if (error) {
-      //       logger.warning('OpenChannel | useSetChannel enter channel failed', { channelUrl, error });
-      //       messagesDispatcher({
-      //         type: messageActionTypes.SET_CHANNEL_INVALID,
-      //       });
-      //     }
-      //     if (fetchingParticipants) {
-      //       // fetch participants, banned participantIds, muted participantIds
-      //       const participantListQuery = openChannel.createParticipantListQuery();
-      //       const bannedParticipantListQuery = openChannel.createBannedUserListQuery();
-      //       const mutedParticipantListQuery = openChannel.createMutedUserListQuery();
-      //       utils.fetchWithListQuery(
-      //         participantListQuery,
-      //         logger,
-      //         (users) => {
-      //           messagesDispatcher({
-      //             type: messageActionTypes.FETCH_PARTICIPANT_LIST,
-      //             payload: {
-      //               channel: openChannel,
-      //               users,
-      //             },
-      //           });
-      //         },
-      //       );
-      //       utils.fetchWithListQuery(
-      //         bannedParticipantListQuery,
-      //         logger,
-      //         (users) => {
-      //           messagesDispatcher({
-      //             type: messageActionTypes.FETCH_BANNED_USER_LIST,
-      //             payload: {
-      //               channel: openChannel,
-      //               users,
-      //             },
-      //           });
-      //         },
-      //       );
-      //       utils.fetchWithListQuery(
-      //         mutedParticipantListQuery,
-      //         logger,
-      //         (users) => {
-      //           messagesDispatcher({
-      //             type: messageActionTypes.FETCH_MUTED_USER_LIST,
-      //             payload: {
-      //               channel: openChannel,
-      //               users,
-      //             },
-      //           });
-      //         },
-      //       );
-      //     }
-      //   });
-      // })
-      // .catch((error) => {
-      //   logger.warning('OpenChannel | useSetChannel fetching channel failed', { channelUrl, error });
-      //   messagesDispatcher({
-      //     type: messageActionTypes.SET_CHANNEL_INVALID,
-      //   });
-      // });
+        });
+      }).catch(function () {
+        logger.warning('OpenChannel | useSetChannel fetching channel failed', {
+          channelUrl: channelUrl,
+          error: error
+        });
+        messagesDispatcher({
+          type: SET_CHANNEL_INVALID,
+          payload: null
+        });
+      });
     }
   }, [channelUrl, sdkInit, fetchingParticipants]);
 }
@@ -842,309 +794,303 @@ function useHandleChannelEvents(_a, _b) {
       logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   React.useEffect(function () {
+    var _a, _b;
+
     var messageReceiverId = uuid.uuidv4();
 
-    if (currentOpenChannel && currentOpenChannel.url && sdk && sdk.ChannelHandler) {
-      var ChannelHandler = new sdk.ChannelHandler();
+    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);
-
-      ChannelHandler.onMessageReceived = function (channel, message) {
-        var scrollToEnd = checkScrollBottom();
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMessageReceived', {
-          channelUrl: channelUrl,
-          message: message
-        });
-        messagesDispatcher({
-          type: ON_MESSAGE_RECEIVED,
-          payload: {
-            channel: channel,
+      var channelHandlerParams = {
+        onMessageReceived: function onMessageReceived(channel, message) {
+          var scrollToEnd = checkScrollBottom();
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMessageReceived', {
+            channelUrl: channelUrl,
             message: message
-          }
-        });
+          });
+          messagesDispatcher({
+            type: ON_MESSAGE_RECEIVED,
+            payload: {
+              channel: channel,
+              message: message
+            }
+          });
 
-        if (scrollToEnd) {
-          try {
-            setTimeout(function () {
-              scrollIntoLast();
-            });
-          } catch (error) {
-            logger.warning('OpenChannel | onMessageReceived | scroll to end failed');
+          if (scrollToEnd) {
+            try {
+              setTimeout(function () {
+                scrollIntoLast();
+              });
+            } catch (error) {
+              logger.warning('OpenChannel | onMessageReceived | scroll to end failed');
+            }
           }
-        }
-      };
-
-      ChannelHandler.onMessageUpdated = function (channel, message) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMessageUpdated', {
-          channelUrl: channelUrl,
-          message: message
-        });
-        messagesDispatcher({
-          type: ON_MESSAGE_UPDATED,
-          payload: {
-            channel: channel,
+        },
+        onMessageUpdated: function onMessageUpdated(channel, message) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMessageUpdated', {
+            channelUrl: channelUrl,
             message: message
-          }
-        });
-      };
-
-      ChannelHandler.onMessageDeleted = function (channel, messageId) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMessageDeleted', {
-          channelUrl: channelUrl,
-          messageId: messageId
-        });
-        messagesDispatcher({
-          type: ON_MESSAGE_DELETED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_MESSAGE_UPDATED,
+            payload: {
+              channel: channel,
+              message: message
+            }
+          });
+        },
+        onMessageDeleted: function onMessageDeleted(channel, messageId) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMessageDeleted', {
+            channelUrl: channelUrl,
             messageId: messageId
-          }
-        });
-      };
-
-      ChannelHandler.onOperatorUpdated = function (channel, operators) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onOperatorUpdated', {
-          channelUrl: channelUrl,
-          operators: operators
-        });
-        messagesDispatcher({
-          type: ON_OPERATOR_UPDATED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_MESSAGE_DELETED,
+            payload: {
+              channel: channel,
+              messageId: messageId
+            }
+          });
+        },
+        onOperatorUpdated: function onOperatorUpdated(channel, operators) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onOperatorUpdated', {
+            channelUrl: channelUrl,
             operators: operators
-          }
-        });
-      };
-
-      ChannelHandler.onUserEntered = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserEntered', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_ENTERED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_OPERATOR_UPDATED,
+            payload: {
+              channel: channel,
+              operators: operators
+            }
+          });
+        },
+        onUserEntered: function onUserEntered(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserEntered', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onUserExited = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserExited', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_EXITED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_ENTERED,
+            payload: {
+              channel: channel,
+              user: user
+            }
+          });
+        },
+        onUserExited: function onUserExited(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserExited', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onUserMuted = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserMuted', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_MUTED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_EXITED,
+            payload: {
+              channel: channel,
+              user: user
+            }
+          });
+        },
+        onUserMuted: function onUserMuted(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserMuted', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onUserUnmuted = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserUnmuted', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_UNMUTED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_MUTED,
+            payload: {
+              channel: channel,
+              user: user
+            }
+          });
+        },
+        onUserUnmuted: function onUserUnmuted(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserUnmuted', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onUserBanned = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserBanned', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_BANNED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_UNMUTED,
+            payload: {
+              channel: channel,
+              user: user
+            }
+          });
+        },
+        onUserBanned: function onUserBanned(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserBanned', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onUserUnbanned = function (channel, user) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onUserUnbanned', {
-          channelUrl: channelUrl,
-          user: user
-        });
-        messagesDispatcher({
-          type: ON_USER_UNBANNED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_BANNED,
+            payload: {
+              channel: channel,
+              user: user,
+              currentUser: sdk === null || sdk === void 0 ? void 0 : sdk.currentUser
+            }
+          });
+        },
+        onUserUnbanned: function onUserUnbanned(channel, user) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onUserUnbanned', {
+            channelUrl: channelUrl,
             user: user
-          }
-        });
-      };
-
-      ChannelHandler.onChannelFrozen = function (channel) {
-        logger.info('OpenChannel | useHandleChannelEvents: onChannelFrozen', channel);
-        messagesDispatcher({
-          type: ON_CHANNEL_FROZEN,
-          payload: channel
-        });
-      };
-
-      ChannelHandler.onChannelUnfrozen = function (channel) {
-        logger.info('OpenChannel | useHandleChannelEvents: onChannelUnfrozen', channel);
-        messagesDispatcher({
-          type: ON_CHANNEL_UNFROZEN,
-          payload: channel
-        });
-      };
-
-      ChannelHandler.onChannelChanged = function (channel) {
-        logger.info('OpenChannel | useHandleChannelEvents: onChannelChanged', channel);
-        messagesDispatcher({
-          type: ON_CHANNEL_CHANGED,
-          payload: channel
-        });
-      };
-
-      ChannelHandler.onMetaDataCreated = function (channel, metaData) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaDataCreated', {
-          channelUrl: channelUrl,
-          metaData: metaData
-        });
-        messagesDispatcher({
-          type: ON_META_DATA_CREATED,
-          payload: {
-            channel: channel,
-            metaData: metaData
-          }
-        });
-      };
-
-      ChannelHandler.onMetaDataUpdated = function (channel, metaData) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaDataUpdated', {
-          channelUrl: channelUrl,
-          metaData: metaData
-        });
-        messagesDispatcher({
-          type: ON_META_DATA_UPDATED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_USER_UNBANNED,
+            payload: {
+              channel: channel,
+              user: user
+            }
+          });
+        },
+        onChannelFrozen: function onChannelFrozen(channel) {
+          logger.info('OpenChannel | useHandleChannelEvents: onChannelFrozen', channel);
+          messagesDispatcher({
+            type: ON_CHANNEL_FROZEN,
+            payload: channel
+          });
+        },
+        onChannelUnfrozen: function onChannelUnfrozen(channel) {
+          logger.info('OpenChannel | useHandleChannelEvents: onChannelUnfrozen', channel);
+          messagesDispatcher({
+            type: ON_CHANNEL_UNFROZEN,
+            payload: channel
+          });
+        },
+        onChannelChanged: function onChannelChanged(channel) {
+          logger.info('OpenChannel | useHandleChannelEvents: onChannelChanged', channel);
+          messagesDispatcher({
+            type: ON_CHANNEL_CHANGED,
+            payload: channel
+          });
+        },
+        onMetaDataCreated: function onMetaDataCreated(channel, metaData) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaDataCreated', {
+            channelUrl: channelUrl,
             metaData: metaData
-          }
-        });
-      };
-
-      ChannelHandler.onMetaDataDeleted = function (channel, metaDataKeys) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaDataDeleted', {
-          channelUrl: channelUrl,
-          metaDataKeys: metaDataKeys
-        });
-        messagesDispatcher({
-          type: ON_META_DATA_DELETED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_META_DATA_CREATED,
+            payload: {
+              channel: channel,
+              metaData: metaData
+            }
+          });
+        },
+        onMetaDataUpdated: function onMetaDataUpdated(channel, metaData) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaDataUpdated', {
+            channelUrl: channelUrl,
+            metaData: metaData
+          });
+          messagesDispatcher({
+            type: ON_META_DATA_UPDATED,
+            payload: {
+              channel: channel,
+              metaData: metaData
+            }
+          });
+        },
+        onMetaDataDeleted: function onMetaDataDeleted(channel, metaDataKeys) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaDataDeleted', {
+            channelUrl: channelUrl,
             metaDataKeys: metaDataKeys
-          }
-        });
-      };
-
-      ChannelHandler.onMetaCountersCreated = function (channel, metaCounter) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersCreated', {
-          channelUrl: channelUrl,
-          metaCounter: metaCounter
-        });
-        messagesDispatcher({
-          type: ON_META_COUNTERS_CREATED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_META_DATA_DELETED,
+            payload: {
+              channel: channel,
+              metaDataKeys: metaDataKeys
+            }
+          });
+        },
+        onMetaCounterCreated: function onMetaCounterCreated(channel, metaCounter) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersCreated', {
+            channelUrl: channelUrl,
             metaCounter: metaCounter
-          }
-        });
-      };
-
-      ChannelHandler.onMetaCountersUpdated = function (channel, metaCounter) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersUpdated', {
-          channelUrl: channelUrl,
-          metaCounter: metaCounter
-        });
-        messagesDispatcher({
-          type: ON_META_COUNTERS_UPDATED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_META_COUNTERS_CREATED,
+            payload: {
+              channel: channel,
+              metaCounter: metaCounter
+            }
+          });
+        },
+        onMetaCounterUpdated: function onMetaCounterUpdated(channel, metaCounter) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersUpdated', {
+            channelUrl: channelUrl,
             metaCounter: metaCounter
-          }
-        });
-      };
-
-      ChannelHandler.onMetaCountersDeleted = function (channel, metaCounterKeys) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersDeleted', {
-          channelUrl: channelUrl,
-          metaCounterKeys: metaCounterKeys
-        });
-        messagesDispatcher({
-          type: ON_META_COUNTERS_DELETED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_META_COUNTERS_UPDATED,
+            payload: {
+              channel: channel,
+              metaCounter: metaCounter
+            }
+          });
+        },
+        onMetaCounterDeleted: function onMetaCounterDeleted(channel, metaCounterKeys) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMetaCountersDeleted', {
+            channelUrl: channelUrl,
             metaCounterKeys: metaCounterKeys
-          }
-        });
-      };
-
-      ChannelHandler.onMentionReceived = function (channel, message) {
-        var channelUrl = channel.url;
-        logger.info('OpenChannel | useHandleChannelEvents: onMentionReceived', {
-          channelUrl: channelUrl,
-          message: message
-        });
-        messagesDispatcher({
-          type: ON_MENTION_RECEIVED,
-          payload: {
-            channel: channel,
+          });
+          messagesDispatcher({
+            type: ON_META_COUNTERS_DELETED,
+            payload: {
+              channel: channel,
+              metaCounterKeys: metaCounterKeys
+            }
+          });
+        },
+        onMentionReceived: function onMentionReceived(channel, message) {
+          var channelUrl = channel === null || channel === void 0 ? void 0 : channel.url;
+          logger.info('OpenChannel | useHandleChannelEvents: onMentionReceived', {
+            channelUrl: channelUrl,
             message: message
+          });
+          messagesDispatcher({
+            type: ON_MENTION_RECEIVED,
+            payload: {
+              channel: channel,
+              message: message
+            }
+          });
+        },
+        onChannelDeleted: function onChannelDeleted(channelUrl, channelType) {
+          if (channelType === __bundle7dfccc8c.ne.OPEN && (currentOpenChannel === null || currentOpenChannel === void 0 ? void 0 : currentOpenChannel.url) === channelUrl) {
+            messagesDispatcher({
+              type: ON_CHANNEL_DELETED,
+              payload: channelUrl
+            });
           }
-        });
+        }
       };
-
-      sdk.addChannelHandler(messageReceiverId, ChannelHandler);
+      var ChannelHandler = new openChannel.Un(channelHandlerParams);
+      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.openChannel) === null || _b === void 0 ? void 0 : _b.addOpenChannelHandler(messageReceiverId, ChannelHandler);
     }
 
     return function () {
-      if (sdk && sdk.removeChannelHandler) {
+      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.removeChannelHandler(messageReceiverId);
+        sdk.openChannel.removeOpenChannelHandler(messageReceiverId);
       }
     };
   }, [currentOpenChannel]);
@@ -1153,8 +1099,7 @@ function useHandleChannelEvents(_a, _b) {
 function useInitialMessagesFetch(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
       userFilledMessageListParams = _a.userFilledMessageListParams;
-  var sdk = _b.sdk,
-      logger = _b.logger,
+  var logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   React.useEffect(function () {
     logger.info('OpenChannel | useInitialMessagesFetch: Setup started', currentOpenChannel);
@@ -1163,12 +1108,13 @@ function useInitialMessagesFetch(_a, _b) {
       payload: null
     });
 
-    if (sdk && sdk.MessageListParams && currentOpenChannel && currentOpenChannel.getMessagesByTimestamp) {
-      var messageListParams_1 = new sdk.MessageListParams();
-      messageListParams_1.prevResultSize = 30;
-      messageListParams_1.isInclusive = true;
-      messageListParams_1.includeReplies = false;
-      messageListParams_1.includeReactions = false;
+    if (currentOpenChannel && currentOpenChannel.getMessagesByTimestamp) {
+      var messageListParams_1 = {
+        nextResultSize: 0,
+        prevResultSize: 30,
+        isInclusive: true,
+        includeReactions: false
+      };
 
       if (userFilledMessageListParams) {
         Object.keys(userFilledMessageListParams).forEach(function (key) {
@@ -1185,35 +1131,33 @@ function useInitialMessagesFetch(_a, _b) {
         type: GET_PREV_MESSAGES_START,
         payload: null
       });
-      currentOpenChannel.getMessagesByTimestamp(new Date().getTime(), messageListParams_1, function (messages, error) {
-        if (!error) {
-          logger.info('OpenChannel | useInitialMessagesFetch: Fetching messages succeeded', messages);
-          var hasMore = messages && messages.length > 0;
-          var lastMessageTimestamp = hasMore ? messages[0].createdAt : null;
-          messagesDispatcher({
-            type: GET_PREV_MESSAGES_SUCESS,
-            payload: {
-              currentOpenChannel: currentOpenChannel,
-              messages: messages,
-              hasMore: hasMore,
-              lastMessageTimestamp: lastMessageTimestamp
-            }
-          });
-          setTimeout(function () {
-            scrollIntoLast();
-          });
-        } else {
-          logger.error('OpenChannel | useInitialMessagesFetch: Fetching messages failed', error);
-          messagesDispatcher({
-            type: GET_PREV_MESSAGES_FAIL,
-            payload: {
-              currentOpenChannel: currentOpenChannel,
-              messages: [],
-              hasMore: false,
-              lastMessageTimestamp: 0
-            }
-          });
-        }
+      currentOpenChannel.getMessagesByTimestamp(new Date().getTime(), messageListParams_1).then(function (messages) {
+        logger.info('OpenChannel | useInitialMessagesFetch: Fetching messages succeeded', messages);
+        var hasMore = messages && messages.length > 0;
+        var lastMessageTimestamp = hasMore ? messages[0].createdAt : null;
+        messagesDispatcher({
+          type: GET_PREV_MESSAGES_SUCESS,
+          payload: {
+            currentOpenChannel: currentOpenChannel,
+            messages: messages,
+            hasMore: hasMore,
+            lastMessageTimestamp: lastMessageTimestamp
+          }
+        });
+        setTimeout(function () {
+          scrollIntoLast();
+        });
+      }).catch(function (error) {
+        logger.error('OpenChannel | useInitialMessagesFetch: Fetching messages failed', error);
+        messagesDispatcher({
+          type: GET_PREV_MESSAGES_FAIL,
+          payload: {
+            currentOpenChannel: currentOpenChannel,
+            messages: [],
+            hasMore: false,
+            lastMessageTimestamp: 0
+          }
+        });
       });
     }
   }, [currentOpenChannel, userFilledMessageListParams]);
@@ -1229,12 +1173,13 @@ function useScrollCallback(_a, _b) {
       hasMore = _b.hasMore,
       userFilledMessageListParams = _b.userFilledMessageListParams;
   return React.useCallback(function (callback) {
-    if (fetchMore && hasMore && sdk && sdk.MessageListParams) {
+    if (fetchMore && hasMore) {
       logger.info('OpenChannel | useScrollCallback: start');
-      var messageListParams_1 = new sdk.MessageListParams();
-      messageListParams_1.prevResultSize = 30;
-      messageListParams_1.includeReplies = false;
-      messageListParams_1.includeReactions = false;
+      var messageListParams_1 = {
+        prevResultSize: 30,
+        includeReactions: false,
+        nextResultSize: 0
+      };
 
       if (userFilledMessageListParams) {
         Object.keys(userFilledMessageListParams).forEach(function (key) {
@@ -1247,38 +1192,36 @@ function useScrollCallback(_a, _b) {
         currentOpenChannel: currentOpenChannel,
         messageListParams: messageListParams_1
       });
-      currentOpenChannel.getMessagesByTimestamp(lastMessageTimestamp || new Date().getTime(), messageListParams_1, function (messages, error) {
-        if (!error) {
-          logger.info('OpenChannel | useScrollCallback: Fetching messages succeeded', messages);
-          var hasMore_1 = messages && messages.length > 0;
-          var lastMessageTimestamp_1 = hasMore_1 ? messages[0].createdAt : null;
-          messagesDispatcher({
-            type: GET_PREV_MESSAGES_SUCESS,
-            payload: {
-              currentOpenChannel: currentOpenChannel,
-              messages: messages,
-              hasMore: hasMore_1,
-              lastMessageTimestamp: lastMessageTimestamp_1
-            }
-          });
-          setTimeout(function () {
-            callback();
-          });
-        } else {
-          logger.error('OpenChannel | useScrollCallback: Fetching messages failed', error);
-          messagesDispatcher({
-            type: GET_PREV_MESSAGES_FAIL,
-            payload: {
-              currentOpenChannel: currentOpenChannel,
-              messages: [],
-              hasMore: false,
-              lastMessageTimestamp: 0
-            }
-          });
-        }
+      currentOpenChannel.getMessagesByTimestamp(lastMessageTimestamp || new Date().getTime(), messageListParams_1).then(function (messages) {
+        logger.info('OpenChannel | useScrollCallback: Fetching messages succeeded', messages);
+        var hasMore = messages && messages.length > 0;
+        var lastMessageTimestamp = hasMore ? messages[0].createdAt : null;
+        messagesDispatcher({
+          type: GET_PREV_MESSAGES_SUCESS,
+          payload: {
+            currentOpenChannel: currentOpenChannel,
+            messages: messages,
+            hasMore: hasMore,
+            lastMessageTimestamp: lastMessageTimestamp
+          }
+        });
+        setTimeout(function () {
+          callback();
+        });
+      }).catch(function (error) {
+        logger.error('OpenChannel | useScrollCallback: Fetching messages failed', error);
+        messagesDispatcher({
+          type: GET_PREV_MESSAGES_FAIL,
+          payload: {
+            currentOpenChannel: currentOpenChannel,
+            messages: [],
+            hasMore: false,
+            lastMessageTimestamp: 0
+          }
+        });
       });
     }
-  }, [currentOpenChannel, lastMessageTimestamp, fetchMore]);
+  }, [currentOpenChannel, lastMessageTimestamp, fetchMore, sdk]);
 }
 
 function useCheckScrollBottom(_a, _b) {
@@ -1309,13 +1252,14 @@ function useSendMessageCallback(_a, _b) {
       logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function () {
-    if (sdk && sdk.UserMessageParams) {
-      var text = messageInputRef.current.value;
+    if (sdk) {
+      var text = messageInputRef.current.innerText;
 
       var createParamsDefault = function createParamsDefault(txt) {
         var message = typeof txt === 'string' ? txt.trim() : txt.toString(10).trim();
-        var params = new sdk.UserMessageParams();
-        params.message = message;
+        var params = {
+          message: message
+        };
         return params;
       };
 
@@ -1328,43 +1272,43 @@ function useSendMessageCallback(_a, _b) {
       var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
       logger.info('OpenChannel | useSendMessageCallback: Sending message has started', params);
       var isBottom_1 = checkScrollBottom();
-      var pendingMessage = currentOpenChannel.sendUserMessage(params, function (message, error) {
-        if (!error) {
-          logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
-          messagesDispatcher({
-            type: SENDING_MESSAGE_SUCCEEDED,
-            payload: message
-          });
-
-          if (isBottom_1) {
-            setTimeout(function () {
-              scrollIntoLast();
-            });
+      currentOpenChannel.sendUserMessage(params).onPending(function (pendingMessage) {
+        messagesDispatcher({
+          type: SENDING_MESSAGE_START,
+          payload: {
+            message: pendingMessage,
+            channel: currentOpenChannel
           }
-        } else {
-          logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
-          messagesDispatcher({
-            type: SENDING_MESSAGE_FAILED,
-            payload: message
-          }); // https://sendbird.com/docs/chat/v3/javascript/guides/error-codes#2-server-error-codes
-          // TODO: Do we need to handle the error cases?
+        });
+      }).onSucceeded(function (message) {
+        logger.info('OpenChannel | useSendMessageCallback: Sending message succeeded', message);
+        messagesDispatcher({
+          type: SENDING_MESSAGE_SUCCEEDED,
+          payload: message
+        });
 
-          if ((error === null || error === void 0 ? void 0 : error.code) === 900041) {
-            messagesDispatcher({
-              type: ON_USER_MUTED,
-              payload: {
-                channel: currentOpenChannel,
-                user: sdk.currentUser
-              }
-            });
-          }
+        if (isBottom_1) {
+          setTimeout(function () {
+            scrollIntoLast();
+          });
         }
-      });
-      messagesDispatcher({
-        type: SENDING_MESSAGE_START,
-        payload: {
-          message: pendingMessage,
-          channel: currentOpenChannel
+      }).onFailed(function (error, message) {
+        logger.warning('OpenChannel | useSendMessageCallback: Sending message failed', error);
+        messagesDispatcher({
+          type: SENDING_MESSAGE_FAILED,
+          payload: message
+        }); // 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,
+            payload: {
+              channel: currentOpenChannel,
+              user: sdk.currentUser
+            }
+          });
         }
       });
     }
@@ -1381,7 +1325,7 @@ function useFileUploadCallback(_a, _b) {
       logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (file) {
-    if (sdk && sdk.FileMessageParams) {
+    if (sdk) {
       var compressionRate_1 = imageCompression.compressionRate,
           resizingWidth_1 = imageCompression.resizingWidth,
           resizingHeight_1 = imageCompression.resizingHeight;
@@ -1393,7 +1337,7 @@ function useFileUploadCallback(_a, _b) {
       var canCompressImage = compressibleFileType && (compressibleRatio || compressibleDiamensions_1);
 
       var createParamsDefault_1 = function createParamsDefault_1(file_) {
-        var params = new sdk.FileMessageParams();
+        var params = {};
         params.file = file_;
         return params;
       };
@@ -1435,42 +1379,43 @@ function useFileUploadCallback(_a, _b) {
               var params = onBeforeSendFileMessage ? onBeforeSendFileMessage(compressedFile) : createParamsDefault_1(compressedFile);
               logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
               var isBottom = checkScrollBottom();
-              var pendingMessage = currentOpenChannel.sendFileMessage(params, function (message, error) {
-                if (!error) {
-                  logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
-                  messagesDispatcher({
-                    type: SENDING_MESSAGE_SUCCEEDED,
-                    payload: message
-                  });
-
-                  if (isBottom) {
-                    setTimeout(function () {
-                      scrollIntoLast();
-                    });
+              currentOpenChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+                messagesDispatcher({
+                  type: SENDING_MESSAGE_START,
+                  payload: {
+                    message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
+                      url: URL.createObjectURL(file),
+                      // pending thumbnail message seems to be failed
+                      requestState: 'pending'
+                    }),
+                    channel: currentOpenChannel
                   }
-                } else {
-                  logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
-                    message: message,
-                    error: error
-                  });
-                  message.localUrl = URL.createObjectURL(file);
-                  message.file = file;
-                  messagesDispatcher({
-                    type: SENDING_MESSAGE_FAILED,
-                    payload: message
+                });
+              }).onSucceeded(function (message) {
+                logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
+                messagesDispatcher({
+                  type: SENDING_MESSAGE_SUCCEEDED,
+                  payload: message
+                });
+
+                if (isBottom) {
+                  setTimeout(function () {
+                    scrollIntoLast();
                   });
                 }
-              });
-              messagesDispatcher({
-                type: SENDING_MESSAGE_START,
-                payload: {
-                  message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
-                    url: URL.createObjectURL(file),
-                    // pending thumbnail message seems to be failed
-                    requestState: 'pending'
-                  }),
-                  channel: currentOpenChannel
-                }
+              }).onFailed(function (error, message) {
+                logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
+                  message: message,
+                  error: error
+                }); // @ts-ignore
+
+                message.localUrl = URL.createObjectURL(file); // @ts-ignore
+
+                message.file = file;
+                messagesDispatcher({
+                  type: SENDING_MESSAGE_FAILED,
+                  payload: message
+                });
               });
             }, file.type, compressionRate_1);
           };
@@ -1486,42 +1431,43 @@ function useFileUploadCallback(_a, _b) {
         var params = onBeforeSendFileMessage ? onBeforeSendFileMessage(file) : createParamsDefault_1(file);
         logger.info('OpenChannel | useFileUploadCallback: Uploading file message start', params);
         var isBottom_1 = checkScrollBottom();
-        var pendingMessage = currentOpenChannel.sendFileMessage(params, function (message, error) {
-          if (!error) {
-            logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
-            messagesDispatcher({
-              type: SENDING_MESSAGE_SUCCEEDED,
-              payload: message
-            });
-
-            if (isBottom_1) {
-              setTimeout(function () {
-                scrollIntoLast();
-              });
+        currentOpenChannel.sendFileMessage(params).onPending(function (pendingMessage) {
+          messagesDispatcher({
+            type: SENDING_MESSAGE_START,
+            payload: {
+              message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
+                url: URL.createObjectURL(file),
+                // pending thumbnail message seems to be failed
+                requestState: 'pending'
+              }),
+              channel: currentOpenChannel
             }
-          } else {
-            logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
-              message: message,
-              error: error
-            });
-            message.localUrl = URL.createObjectURL(file);
-            message.file = file;
-            messagesDispatcher({
-              type: SENDING_MESSAGE_FAILED,
-              payload: message
+          });
+        }).onSucceeded(function (message) {
+          logger.info('OpenChannel | useFileUploadCallback: Sending message succeeded', message);
+          messagesDispatcher({
+            type: SENDING_MESSAGE_SUCCEEDED,
+            payload: message
+          });
+
+          if (isBottom_1) {
+            setTimeout(function () {
+              scrollIntoLast();
             });
           }
-        });
-        messagesDispatcher({
-          type: SENDING_MESSAGE_START,
-          payload: {
-            message: tslib_es6.__assign(tslib_es6.__assign({}, pendingMessage), {
-              url: URL.createObjectURL(file),
-              // pending thumbnail message seems to be failed
-              requestState: 'pending'
-            }),
-            channel: currentOpenChannel
-          }
+        }).onFailed(function (error, message) {
+          logger.error('OpenChannel | useFileUploadCallback: Sending file message failed', {
+            message: message,
+            error: error
+          }); // @ts-ignore
+
+          message.localUrl = URL.createObjectURL(file); // @ts-ignore
+
+          message.file = file;
+          messagesDispatcher({
+            type: SENDING_MESSAGE_FAILED,
+            payload: message
+          });
         });
       }
     }
@@ -1531,13 +1477,13 @@ function useFileUploadCallback(_a, _b) {
 function useUpdateMessageCallback(_a, _b) {
   var currentOpenChannel = _a.currentOpenChannel,
       onBeforeSendUserMessage = _a.onBeforeSendUserMessage;
-  var sdk = _b.sdk,
-      logger = _b.logger,
+  var logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (messageId, text, callback) {
     var createParamsDefault = function createParamsDefault(txt) {
-      var params = new sdk.UserMessageParams();
-      params.message = txt;
+      var params = {
+        message: txt
+      };
       return params;
     };
 
@@ -1546,26 +1492,22 @@ function useUpdateMessageCallback(_a, _b) {
     }
 
     var params = onBeforeSendUserMessage ? onBeforeSendUserMessage(text) : createParamsDefault(text);
-    currentOpenChannel.updateUserMessage(messageId, params, function (message, error) {
+    currentOpenChannel.updateUserMessage(messageId, params).then(function (message) {
       if (callback) {
         callback();
       }
 
-      if (!error) {
-        logger.info('OpenChannel | useUpdateMessageCallback: Updating message succeeded', {
-          message: message,
-          params: params
-        });
-        messagesDispatcher({
-          type: ON_MESSAGE_UPDATED,
-          payload: {
-            channel: currentOpenChannel,
-            message: message
-          }
-        });
-      } else {
-        logger.warning('OpenChannel | useUpdateMessageCallback: Updating message failed', error);
-      }
+      logger.info('OpenChannel | useUpdateMessageCallback: Updating message succeeded', {
+        message: message,
+        params: params
+      });
+      messagesDispatcher({
+        type: ON_MESSAGE_UPDATED,
+        payload: {
+          channel: currentOpenChannel,
+          message: message
+        }
+      });
     });
   }, [currentOpenChannel, onBeforeSendUserMessage]);
 }
@@ -1595,25 +1537,23 @@ function useDeleteMessageCallback(_a, _b) {
       }
 
       var messageToDelete = message;
-      currentOpenChannel.deleteMessage(messageToDelete, function (error) {
+      currentOpenChannel.deleteMessage(messageToDelete).then(function () {
         logger.info('OpenChannel | useDeleteMessageCallback: Deleting message on server', sendingStatus);
 
         if (callback) {
           callback();
         }
 
-        if (!error) {
-          logger.info('OpenChannel | useDeleteMessageCallback: Deleting message succeeded', message);
-          messagesDispatcher({
-            type: ON_MESSAGE_DELETED,
-            payload: {
-              channel: currentOpenChannel,
-              messageId: message.messageId
-            }
-          });
-        } else {
-          logger.warning('OpenChannel | useDeleteMessageCallback: Deleting message failed', error);
-        }
+        logger.info('OpenChannel | useDeleteMessageCallback: Deleting message succeeded', message);
+        messagesDispatcher({
+          type: ON_MESSAGE_DELETED,
+          payload: {
+            channel: currentOpenChannel,
+            messageId: message.messageId
+          }
+        });
+      }).catch(function (error) {
+        logger.warning('OpenChannel | useDeleteMessageCallback: Deleting message failed', error);
       });
     }
   }, [currentOpenChannel]);
@@ -1624,11 +1564,13 @@ function useResendMessageCallback(_a, _b) {
   var logger = _b.logger,
       messagesDispatcher = _b.messagesDispatcher;
   return React.useCallback(function (failedMessage) {
-    logger.info('OpenChannel | useResendMessageCallback: Resending message has started', failedMessage);
-    var messageType = failedMessage.messageType,
-        file = failedMessage.file;
+    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;
 
-    if (failedMessage && typeof failedMessage.isResendable === 'function' && failedMessage.isResendable()) {
+    if (failedMessage && typeof failedMessage.isResendable === 'function' && failedMessage.isResendable) {
       // eslint-disable-next-line no-param-reassign
       failedMessage.requestState = 'pending';
       messagesDispatcher({
@@ -1640,44 +1582,39 @@ function useResendMessageCallback(_a, _b) {
       }); // userMessage
 
       if (messageType === 'user' && failedMessage.messageType === 'user') {
-        currentOpenChannel.resendUserMessage(failedMessage, function (message, error) {
-          if (!error) {
-            logger.info('OpenChannel | useResendMessageCallback: Reseding message succeeded', message);
-            messagesDispatcher({
-              type: SENDING_MESSAGE_SUCCEEDED,
-              payload: message
-            });
-          } else {
-            logger.warning('OpenChannel | useResendMessageCallback: Resending message failed', error); // eslint-disable-next-line no-param-reassign
+        currentOpenChannel.resendUserMessage(failedMessage).then(function (message) {
+          logger.info('OpenChannel | useResendMessageCallback: Reseding message succeeded', message);
+          messagesDispatcher({
+            type: SENDING_MESSAGE_SUCCEEDED,
+            payload: message
+          });
+        }).catch(function (error) {
+          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
-            });
-          }
+          failedMessage.requestState = 'failed';
+          messagesDispatcher({
+            type: SENDING_MESSAGE_FAILED,
+            payload: failedMessage
+          });
         });
-        return;
       } // fileMessage
 
 
       if (messageType === 'file' && failedMessage.messageType === 'file') {
-        currentOpenChannel.resendFileMessage(failedMessage, file, function (message, error) {
-          if (!error) {
-            logger.info('OpenChannel | useResendMessageCallback: Resending file message succeeded', message);
-            messagesDispatcher({
-              type: SENDING_MESSAGE_SUCCEEDED,
-              payload: message
-            });
-          } else {
-            logger.warning('OpenChannel | useResendMessageCallback: Resending file message failed', error); // eslint-disable-next-line no-param-reassign
+        currentOpenChannel.resendFileMessage(failedMessage, file).then(function (message) {
+          logger.info('OpenChannel | useResendMessageCallback: Resending file message succeeded', message);
+          messagesDispatcher({
+            type: SENDING_MESSAGE_SUCCEEDED,
+            payload: message
+          });
+        }).catch(function (error) {
+          logger.warning('OpenChannel | useResendMessageCallback: Resending file message failed', error); // eslint-disable-next-line no-param-reassign
 
-            failedMessage.requestState = 'failed';
-            messagesDispatcher({
-              type: SENDING_MESSAGE_FAILED,
-              payload: failedMessage
-            });
-          }
+          failedMessage.requestState = 'failed';
+          messagesDispatcher({
+            type: SENDING_MESSAGE_FAILED,
+            payload: failedMessage
+          });
         });
       }
     } else {
@@ -1733,7 +1670,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
 
   var channelUrl = props.channelUrl,
       children = props.children,
-      useMessageGrouping = props.useMessageGrouping,
+      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
       queries = props.queries,
       onBeforeSendUserMessage = props.onBeforeSendUserMessage,
       messageLimit = props.messageLimit,
@@ -1814,7 +1751,6 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
     currentOpenChannel: currentOpenChannel,
     userFilledMessageListParams: userFilledMessageListParams
   }, {
-    sdk: sdk,
     logger: logger,
     messagesDispatcher: messagesDispatcher
   });
@@ -1855,7 +1791,6 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
     currentOpenChannel: currentOpenChannel,
     onBeforeSendUserMessage: onBeforeSendUserMessage
   }, {
-    sdk: sdk,
     logger: logger,
     messagesDispatcher: messagesDispatcher
   });
@@ -1891,7 +1826,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
           message = msg.message;
       scrollIntoLast();
 
-      if (channel && channelUrl === channel.url) {
+      if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_SUCCEEDED,
           payload: message
@@ -1902,7 +1837,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
       var channel = msg.channel,
           message = msg.message;
 
-      if (channel && channelUrl === channel.url) {
+      if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_START,
           payload: {
@@ -1917,7 +1852,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
           message = msg.message;
       scrollIntoLast();
 
-      if (channel && channelUrl === channel.url) {
+      if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: SENDING_MESSAGE_SUCCEEDED,
           payload: {
@@ -1932,7 +1867,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
           message = msg.message,
           fromSelector = msg.fromSelector;
 
-      if (fromSelector && channel && channelUrl === channel.url) {
+      if (fromSelector && channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: ON_MESSAGE_UPDATED,
           payload: {
@@ -1946,7 +1881,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
       var channel = msg.channel,
           messageId = msg.messageId;
 
-      if (channel && channelUrl === channel.url) {
+      if (channel && channelUrl === (channel === null || channel === void 0 ? void 0 : channel.url)) {
         messagesDispatcher({
           type: ON_MESSAGE_DELETED,
           payload: messageId
@@ -1969,7 +1904,7 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
       // props
       channelUrl: channelUrl,
       children: children,
-      useMessageGrouping: useMessageGrouping,
+      isMessageGroupingEnabled: isMessageGroupingEnabled,
       queries: queries,
       onBeforeSendUserMessage: onBeforeSendUserMessage,
       messageLimit: messageLimit,
@@ -2009,12 +1944,12 @@ var OpenChannelProvider = function OpenChannelProvider(props) {
   }, children));
 };
 
-var useOpenChannel = function useOpenChannel() {
+var useOpenChannelContext = function useOpenChannelContext() {
   return React__default["default"].useContext(OpenChannelContext);
 };
 
 exports.OpenChannelProvider = OpenChannelProvider;
 exports.compareMessagesForGrouping = compareMessagesForGrouping;
 exports.kFormatter = kFormatter;
-exports.useOpenChannel = useOpenChannel;
-//# sourceMappingURL=OpenChannelProvider-445f214c.js.map
+exports.useOpenChannelContext = useOpenChannelContext;
+//# sourceMappingURL=OpenChannelProvider-5c81bdb4.js.map