stream-chat-react-native-core 7.0.1 → 7.1.0

package/lib/commonjs/components/Channel/Channel.js

@@ -45,9 +45,7 @@ var dbApi = _interopRequireWildcard(require("../../store/apis"));
 var _types = require("../../types/types");
 var _addReactionToLocalState = require("../../utils/addReactionToLocalState");
 var _compressImage = require("../../utils/compressImage");
-var _DBSyncManager = require("../../utils/DBSyncManager");
 var _patchMessageTextCommand = require("../../utils/patchMessageTextCommand");
-var _removeReactionFromLocalState = require("../../utils/removeReactionFromLocalState");
 var _removeReservedFields = require("../../utils/removeReservedFields");
 var _utils = require("../../utils/utils");
 var _Attachment = require("../Attachment/Attachment");
@@ -171,7 +169,7 @@ var debounceOptions = {
   trailing: true
 };
 var ChannelWithContext = function ChannelWithContext(props) {
-  var _channel$getConfig, _channel$data, _ref19, _channelState$members, _channelState$read, _getChannelConfigSafe, _getChannelConfigSafe2, _ref20, _channelMessagesState3, _channelState$typing, _channelMessagesState4;
+  var _channel$getConfig, _channel$data, _ref20, _channelState$members, _channelState$read, _getChannelConfigSafe, _getChannelConfigSafe2, _ref21, _channelMessagesState3, _channelState$typing, _channelMessagesState4;
   var additionalKeyboardAvoidingViewProps = props.additionalKeyboardAvoidingViewProps,
     additionalPressableProps = props.additionalPressableProps,
     additionalTextInputProps = props.additionalTextInputProps,
@@ -471,7 +469,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
     _props$UrlPreview = props.UrlPreview,
     UrlPreview = _props$UrlPreview === void 0 ? _Card.Card : _props$UrlPreview,
     _props$VideoThumbnail = props.VideoThumbnail,
-    VideoThumbnail = _props$VideoThumbnail === void 0 ? _VideoThumbnail.VideoThumbnail : _props$VideoThumbnail;
+    VideoThumbnail = _props$VideoThumbnail === void 0 ? _VideoThumbnail.VideoThumbnail : _props$VideoThumbnail,
+    isOnline = props.isOnline;
   var threadProps = threadFromProps.thread,
     threadInstance = threadFromProps.threadInstance;
   var StopMessageStreamingButton = StopMessageStreamingButtonOverride === undefined ? _StopMessageStreamingButton.StopMessageStreamingButton : StopMessageStreamingButtonOverride;
@@ -868,17 +867,6 @@ var ChannelWithContext = function ChannelWithContext(props) {
         case 2:
           syncingChannelRef.current = true;
           setError(false);
-          if (!(channelMessagesState != null && channelMessagesState.messages)) {
-            _context4.next = 7;
-            break;
-          }
-          _context4.next = 7;
-          return channel == null ? void 0 : channel.watch({
-            messages: {
-              limit: channelMessagesState.messages.length + 30
-            }
-          });
-        case 7:
           parseMessage = function parseMessage(message) {
             var _message$pinned_at, _message$updated_at;
             return Object.assign({}, message, {
@@ -887,7 +875,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
               updated_at: (_message$updated_at = message.updated_at) == null ? void 0 : _message$updated_at.toString()
             });
           };
-          _context4.prev = 8;
+          _context4.prev = 5;
+          if (!(channelMessagesState != null && channelMessagesState.messages)) {
+            _context4.next = 9;
+            break;
+          }
+          _context4.next = 9;
+          return channel == null ? void 0 : channel.watch({
+            messages: {
+              limit: channelMessagesState.messages.length + 30
+            }
+          });
+        case 9:
           if (thread) {
             _context4.next = 16;
             break;
@@ -918,7 +917,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           break;
         case 22:
           _context4.prev = 22;
-          _context4.t0 = _context4["catch"](8);
+          _context4.t0 = _context4["catch"](5);
           if (_context4.t0 instanceof Error) {
             setError(_context4.t0);
           } else {
@@ -930,7 +929,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
         case "end":
           return _context4.stop();
       }
-    }, _callee4, null, [[8, 22]]);
+    }, _callee4, null, [[5, 22]]);
   })));
   var resyncChannelRef = (0, _react.useRef)(resyncChannel);
   resyncChannelRef.current = resyncChannel;
@@ -941,8 +940,8 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     };
     var connectionChangedSubscription;
-    if (enableOfflineSupport) {
-      connectionChangedSubscription = _DBSyncManager.DBSyncManager.onSyncStatusChange(function (statusChanged) {
+    if (enableOfflineSupport && client.offlineDb) {
+      connectionChangedSubscription = client.offlineDb.syncManager.onSyncStatusChange(function (statusChanged) {
         if (statusChanged) {
           connectionChangedHandler();
         }
@@ -957,7 +956,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     return function () {
       connectionChangedSubscription.unsubscribe();
     };
-  }, [enableOfflineSupport, shouldSyncChannel]);
+  }, [enableOfflineSupport, client, shouldSyncChannel]);
   var getChannelConfigSafely = function getChannelConfigSafely() {
     try {
       return channel == null ? void 0 : channel.getConfig();
@@ -1237,24 +1236,71 @@ var ChannelWithContext = function ChannelWithContext(props) {
     };
   }());
   var sendMessageRequest = (0, _hooks.useStableCallback)(function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(message, retrying) {
-      var updatedMessage, extraFields, attachments, id, mentioned_users, parent_id, text, mentionedUserIds, messageData, messageResponse, _updatedMessage;
-      return _regenerator["default"].wrap(function _callee8$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(message, retrying) {
+      var failedMessageUpdated, handleFailedMessage, _messageResponse, updatedMessage, extraFields, attachments, id, mentioned_users, parent_id, text, mentionedUserIds, messageData, messageResponse, newMessageResponse;
+      return _regenerator["default"].wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
-            _context8.prev = 0;
-            _context8.next = 3;
+            failedMessageUpdated = false;
+            handleFailedMessage = function () {
+              var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8() {
+                var updatedMessage;
+                return _regenerator["default"].wrap(function _callee8$(_context8) {
+                  while (1) switch (_context8.prev = _context8.next) {
+                    case 0:
+                      if (failedMessageUpdated) {
+                        _context8.next = 9;
+                        break;
+                      }
+                      updatedMessage = Object.assign({}, message, {
+                        cid: channel.cid,
+                        status: _utils.MessageStatusTypes.FAILED
+                      });
+                      updateMessage(updatedMessage);
+                      threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+                        message: updatedMessage
+                      });
+                      optimisticallyUpdatedNewMessages["delete"](message.id);
+                      if (!enableOfflineSupport) {
+                        _context8.next = 8;
+                        break;
+                      }
+                      _context8.next = 8;
+                      return dbApi.updateMessage({
+                        message: updatedMessage
+                      });
+                    case 8:
+                      failedMessageUpdated = true;
+                    case 9:
+                    case "end":
+                      return _context8.stop();
+                  }
+                }, _callee8);
+              }));
+              return function handleFailedMessage() {
+                return _ref12.apply(this, arguments);
+              };
+            }();
+            _context9.prev = 2;
+            if (isOnline) {
+              _context9.next = 6;
+              break;
+            }
+            _context9.next = 6;
+            return handleFailedMessage();
+          case 6:
+            _context9.next = 8;
             return uploadPendingAttachments(message);
-          case 3:
-            updatedMessage = _context8.sent;
+          case 8:
+            updatedMessage = _context9.sent;
             extraFields = (0, _omit["default"])(updatedMessage, ['__html', 'attachments', 'created_at', 'deleted_at', 'html', 'id', 'latest_reactions', 'mentioned_users', 'own_reactions', 'parent_id', 'quoted_message', 'reaction_counts', 'reaction_groups', 'reactions', 'status', 'text', 'type', 'updated_at', 'user']);
             attachments = updatedMessage.attachments, id = updatedMessage.id, mentioned_users = updatedMessage.mentioned_users, parent_id = updatedMessage.parent_id, text = updatedMessage.text;
             if (channel.id) {
-              _context8.next = 8;
+              _context9.next = 13;
               break;
             }
-            return _context8.abrupt("return");
-          case 8:
+            return _context9.abrupt("return");
+          case 13:
             mentionedUserIds = (mentioned_users == null ? void 0 : mentioned_users.map(function (user) {
               return user.id;
             })) || [];
@@ -1267,88 +1313,73 @@ var ChannelWithContext = function ChannelWithContext(props) {
             }, extraFields);
             messageResponse = {};
             if (!doSendMessageRequest) {
-              _context8.next = 17;
+              _context9.next = 22;
               break;
             }
-            _context8.next = 14;
+            _context9.next = 19;
             return doSendMessageRequest((channel == null ? void 0 : channel.cid) || '', messageData);
-          case 14:
-            messageResponse = _context8.sent;
-            _context8.next = 21;
+          case 19:
+            messageResponse = _context9.sent;
+            _context9.next = 26;
             break;
-          case 17:
+          case 22:
             if (!channel) {
-              _context8.next = 21;
+              _context9.next = 26;
               break;
             }
-            _context8.next = 20;
+            _context9.next = 25;
             return channel.sendMessage(messageData);
-          case 20:
-            messageResponse = _context8.sent;
-          case 21:
-            if (!messageResponse.message) {
-              _context8.next = 27;
+          case 25:
+            messageResponse = _context9.sent;
+          case 26:
+            if (!((_messageResponse = messageResponse) != null && _messageResponse.message)) {
+              _context9.next = 32;
               break;
             }
-            messageResponse.message.status = _utils.MessageStatusTypes.RECEIVED;
+            newMessageResponse = Object.assign({}, messageResponse.message, {
+              status: _utils.MessageStatusTypes.RECEIVED
+            });
             if (!enableOfflineSupport) {
-              _context8.next = 26;
+              _context9.next = 31;
               break;
             }
-            _context8.next = 26;
+            _context9.next = 31;
             return dbApi.updateMessage({
-              message: Object.assign({}, messageResponse.message, {
+              message: Object.assign({}, newMessageResponse, {
                 cid: channel.cid
               })
             });
-          case 26:
+          case 31:
             if (retrying) {
-              replaceMessage(message, messageResponse.message);
+              replaceMessage(message, newMessageResponse);
             } else {
-              updateMessage(messageResponse.message, {}, true);
+              updateMessage(newMessageResponse, {}, true);
             }
-          case 27:
-            _context8.next = 40;
+          case 32:
+            _context9.next = 39;
             break;
-          case 29:
-            _context8.prev = 29;
-            _context8.t0 = _context8["catch"](0);
-            console.log(_context8.t0);
-            message.status = _utils.MessageStatusTypes.FAILED;
-            _updatedMessage = Object.assign({}, message, {
-              cid: channel.cid
-            });
-            updateMessage(_updatedMessage);
-            threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
-              message: _updatedMessage
-            });
-            optimisticallyUpdatedNewMessages["delete"](message.id);
-            if (!enableOfflineSupport) {
-              _context8.next = 40;
-              break;
-            }
-            _context8.next = 40;
-            return dbApi.updateMessage({
-              message: Object.assign({}, message, {
-                cid: channel.cid
-              })
-            });
-          case 40:
+          case 34:
+            _context9.prev = 34;
+            _context9.t0 = _context9["catch"](2);
+            console.log(_context9.t0);
+            _context9.next = 39;
+            return handleFailedMessage();
+          case 39:
           case "end":
-            return _context8.stop();
+            return _context9.stop();
         }
-      }, _callee8, null, [[0, 29]]);
+      }, _callee9, null, [[2, 34]]);
     }));
     return function (_x4, _x5) {
       return _ref11.apply(this, arguments);
     };
   }());
   var sendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(message) {
+    var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(message) {
       var _channel$state;
       var messagePreview;
-      return _regenerator["default"].wrap(function _callee9$(_context9) {
-        while (1) switch (_context9.prev = _context9.next) {
+      return _regenerator["default"].wrap(function _callee10$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
             if (channel != null && (_channel$state = channel.state) != null && _channel$state.filterErrorMessages) {
               channel.state.filterErrorMessages();
@@ -1365,10 +1396,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
             });
             optimisticallyUpdatedNewMessages.add(messagePreview.id);
             if (!enableOfflineSupport) {
-              _context9.next = 8;
+              _context10.next = 8;
               break;
             }
-            _context9.next = 8;
+            _context10.next = 8;
             return dbApi.upsertMessages({
               messages: [Object.assign({}, messagePreview, {
                 cid: channel.cid,
@@ -1376,23 +1407,23 @@ var ChannelWithContext = function ChannelWithContext(props) {
               })]
             });
           case 8:
-            _context9.next = 10;
+            _context10.next = 10;
             return sendMessageRequest(messagePreview);
           case 10:
           case "end":
-            return _context9.stop();
+            return _context10.stop();
         }
-      }, _callee9);
+      }, _callee10);
     }));
     return function (_x6) {
-      return _ref12.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }());
   var retrySendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(message) {
+    var _ref14 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee11(message) {
       var statusPendingMessage, messageWithoutReservedFields;
-      return _regenerator["default"].wrap(function _callee10$(_context10) {
-        while (1) switch (_context10.prev = _context10.next) {
+      return _regenerator["default"].wrap(function _callee11$(_context11) {
+        while (1) switch (_context11.prev = _context11.next) {
           case 0:
             statusPendingMessage = Object.assign({}, message, {
               status: _utils.MessageStatusTypes.SENDING
@@ -1401,16 +1432,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
             if (!(0, _utils.isBouncedMessage)(message)) {
               updateMessage(messageWithoutReservedFields);
             }
-            _context10.next = 5;
+            _context11.next = 5;
             return sendMessageRequest(messageWithoutReservedFields, true);
           case 5:
           case "end":
-            return _context10.stop();
+            return _context11.stop();
         }
-      }, _callee10);
+      }, _callee11);
     }));
     return function (_x7) {
-      return _ref13.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }());
   var editMessage = (0, _hooks.useStableCallback)(function (updatedMessage) {
@@ -1430,9 +1461,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
     return setQuotedMessage(undefined);
   });
   var removeMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref14 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee11(message) {
-      return _regenerator["default"].wrap(function _callee11$(_context11) {
-        while (1) switch (_context11.prev = _context11.next) {
+    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(message) {
+      return _regenerator["default"].wrap(function _callee12$(_context12) {
+        while (1) switch (_context12.prev = _context12.next) {
           case 0:
             if (channel) {
               channel.state.removeMessage(message);
@@ -1441,32 +1472,32 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 setThreadMessages(channel.state.threads[thread.id] || []);
               }
             }
-            if (!enableOfflineSupport) {
-              _context11.next = 4;
+            if (!client.offlineDb) {
+              _context12.next = 4;
               break;
             }
-            _context11.next = 4;
-            return dbApi.deleteMessage({
-              id: message.id
+            _context12.next = 4;
+            return client.offlineDb.handleRemoveMessage({
+              messageId: message.id
             });
           case 4:
           case "end":
-            return _context11.stop();
+            return _context12.stop();
         }
-      }, _callee11);
+      }, _callee12);
     }));
     return function (_x8) {
-      return _ref14.apply(this, arguments);
+      return _ref15.apply(this, arguments);
     };
   }());
   var sendReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee12(type, messageId) {
+    var _ref16 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(type, messageId) {
       var payload, sendReactionResponse;
-      return _regenerator["default"].wrap(function _callee12$(_context12) {
-        while (1) switch (_context12.prev = _context12.next) {
+      return _regenerator["default"].wrap(function _callee13$(_context13) {
+        while (1) switch (_context13.prev = _context13.next) {
           case 0:
             if (!(!(channel != null && channel.id) || !client.user)) {
-              _context12.next = 2;
+              _context13.next = 2;
               break;
             }
             throw new Error('Channel has not been initialized');
@@ -1476,96 +1507,65 @@ var ChannelWithContext = function ChannelWithContext(props) {
             }, {
               enforce_unique: enforceUniqueReaction
             }];
-            if (enableOfflineSupport) {
-              _context12.next = 7;
+            if (!enableOfflineSupport) {
+              _context13.next = 7;
               break;
             }
-            _context12.next = 6;
-            return channel.sendReaction.apply(channel, payload);
-          case 6:
-            return _context12.abrupt("return");
-          case 7:
-            (0, _addReactionToLocalState.addReactionToLocalState)({
+            _context13.next = 6;
+            return (0, _addReactionToLocalState.addReactionToLocalState)({
               channel: channel,
               enforceUniqueReaction: enforceUniqueReaction,
               messageId: messageId,
               reactionType: type,
               user: client.user
             });
+          case 6:
             copyMessagesStateFromChannel(channel);
-            _context12.next = 11;
-            return _DBSyncManager.DBSyncManager.queueTask({
-              client: client,
-              task: {
-                channelId: channel.id,
-                channelType: channel.type,
-                messageId: messageId,
-                payload: payload,
-                type: 'send-reaction'
-              }
-            });
-          case 11:
-            sendReactionResponse = _context12.sent;
+          case 7:
+            _context13.next = 9;
+            return channel.sendReaction.apply(channel, payload);
+          case 9:
+            sendReactionResponse = _context13.sent;
             if (sendReactionResponse != null && sendReactionResponse.message) {
               threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
                 message: sendReactionResponse.message
               });
             }
-          case 13:
+          case 11:
           case "end":
-            return _context12.stop();
+            return _context13.stop();
         }
-      }, _callee12);
+      }, _callee13);
     }));
     return function (_x9, _x10) {
-      return _ref15.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }());
   var deleteMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref16 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee13(message) {
-      var updatedMessage, data;
-      return _regenerator["default"].wrap(function _callee13$(_context13) {
-        while (1) switch (_context13.prev = _context13.next) {
+    var _ref17 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(message) {
+      var hardDelete,
+        updatedMessage,
+        data,
+        _args14 = arguments;
+      return _regenerator["default"].wrap(function _callee14$(_context14) {
+        while (1) switch (_context14.prev = _context14.next) {
           case 0:
+            hardDelete = _args14.length > 1 && _args14[1] !== undefined ? _args14[1] : false;
             if (channel.id) {
-              _context13.next = 2;
+              _context14.next = 3;
               break;
             }
             throw new Error('Channel has not been initialized yet');
-          case 2:
-            if (enableOfflineSupport) {
-              _context13.next = 10;
-              break;
-            }
+          case 3:
             if (!(message.status === _utils.MessageStatusTypes.FAILED)) {
-              _context13.next = 7;
+              _context14.next = 7;
               break;
             }
-            _context13.next = 6;
+            _context14.next = 6;
             return removeMessage(message);
           case 6:
-            return _context13.abrupt("return");
+            return _context14.abrupt("return");
           case 7:
-            _context13.next = 9;
-            return client.deleteMessage(message.id);
-          case 9:
-            return _context13.abrupt("return");
-          case 10:
-            if (!(message.status === _utils.MessageStatusTypes.FAILED)) {
-              _context13.next = 17;
-              break;
-            }
-            _context13.next = 13;
-            return _DBSyncManager.DBSyncManager.dropPendingTasks({
-              messageId: message.id
-            });
-          case 13:
-            _context13.next = 15;
-            return removeMessage(message);
-          case 15:
-            _context13.next = 24;
-            break;
-          case 17:
             updatedMessage = Object.assign({}, message, {
               cid: channel.cid,
               deleted_at: new Date(),
@@ -1575,80 +1575,55 @@ var ChannelWithContext = function ChannelWithContext(props) {
             threadInstance == null || threadInstance.upsertReplyLocally({
               message: updatedMessage
             });
-            _context13.next = 22;
-            return _DBSyncManager.DBSyncManager.queueTask({
-              client: client,
-              task: {
-                channelId: channel.id,
-                channelType: channel.type,
-                messageId: message.id,
-                payload: [message.id],
-                type: 'delete-message'
-              }
-            });
-          case 22:
-            data = _context13.sent;
+            _context14.next = 12;
+            return client.deleteMessage(message.id, hardDelete);
+          case 12:
+            data = _context14.sent;
             if (data != null && data.message) {
               updateMessage(Object.assign({}, data.message));
             }
-          case 24:
+          case 14:
           case "end":
-            return _context13.stop();
+            return _context14.stop();
         }
-      }, _callee13);
+      }, _callee14);
     }));
     return function (_x11) {
-      return _ref16.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }());
   var deleteReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref17 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee14(type, messageId) {
+    var _ref18 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15(type, messageId) {
       var payload;
-      return _regenerator["default"].wrap(function _callee14$(_context14) {
-        while (1) switch (_context14.prev = _context14.next) {
+      return _regenerator["default"].wrap(function _callee15$(_context15) {
+        while (1) switch (_context15.prev = _context15.next) {
           case 0:
             if (!(!(channel != null && channel.id) || !client.user)) {
-              _context14.next = 2;
+              _context15.next = 2;
               break;
             }
             throw new Error('Channel has not been initialized');
           case 2:
             payload = [messageId, type];
             if (enableOfflineSupport) {
-              _context14.next = 7;
-              break;
+              channel.state.removeReaction({
+                created_at: '',
+                message_id: messageId,
+                type: type,
+                updated_at: ''
+              });
+              copyMessagesStateFromChannel(channel);
             }
-            _context14.next = 6;
+            _context15.next = 6;
             return channel.deleteReaction.apply(channel, payload);
           case 6:
-            return _context14.abrupt("return");
-          case 7:
-            (0, _removeReactionFromLocalState.removeReactionFromLocalState)({
-              channel: channel,
-              messageId: messageId,
-              reactionType: type,
-              user: client.user
-            });
-            copyMessagesStateFromChannel(channel);
-            _context14.next = 11;
-            return _DBSyncManager.DBSyncManager.queueTask({
-              client: client,
-              task: {
-                channelId: channel.id,
-                channelType: channel.type,
-                messageId: messageId,
-                payload: payload,
-                type: 'delete-reaction'
-              }
-            });
-          case 11:
           case "end":
-            return _context14.stop();
+            return _context15.stop();
         }
-      }, _callee14);
+      }, _callee15);
     }));
     return function (_x12, _x13) {
-      return _ref17.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }());
   var openThread = (0, _react.useCallback)(function (message) {
@@ -1668,56 +1643,56 @@ var ChannelWithContext = function ChannelWithContext(props) {
     setThreadLoadingMore(false);
     setThreadMessages(updatedThreadMessages);
   }, defaultDebounceInterval, debounceOptions)).current;
-  var loadMoreThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee15() {
+  var loadMoreThread = (0, _hooks.useStableCallback)((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee16() {
     var _threadMessages$, parentID, oldestMessageID, limit, queryResponse, updatedHasMore, updatedThreadMessages;
-    return _regenerator["default"].wrap(function _callee15$(_context15) {
-      while (1) switch (_context15.prev = _context15.next) {
+    return _regenerator["default"].wrap(function _callee16$(_context16) {
+      while (1) switch (_context16.prev = _context16.next) {
         case 0:
           if (!(threadLoadingMore || !(thread != null && thread.id))) {
-            _context15.next = 2;
+            _context16.next = 2;
             break;
           }
-          return _context15.abrupt("return");
+          return _context16.abrupt("return");
         case 2:
           setThreadLoadingMore(true);
-          _context15.prev = 3;
+          _context16.prev = 3;
           if (!channel) {
-            _context15.next = 15;
+            _context16.next = 15;
             break;
           }
           parentID = thread.id;
           channel.state.threads[parentID] = threadMessages;
           oldestMessageID = threadMessages == null || (_threadMessages$ = threadMessages[0]) == null ? void 0 : _threadMessages$.id;
           limit = 50;
-          _context15.next = 11;
+          _context16.next = 11;
           return channel.getReplies(parentID, {
             id_lt: oldestMessageID,
             limit: limit
           });
         case 11:
-          queryResponse = _context15.sent;
+          queryResponse = _context16.sent;
           updatedHasMore = queryResponse.messages.length === limit;
           updatedThreadMessages = channel.state.threads[parentID] || [];
           loadMoreThreadFinished(updatedHasMore, updatedThreadMessages);
         case 15:
-          _context15.next = 23;
+          _context16.next = 23;
           break;
         case 17:
-          _context15.prev = 17;
-          _context15.t0 = _context15["catch"](3);
-          console.warn('Message pagination request failed with error', _context15.t0);
-          if (_context15.t0 instanceof Error) {
-            setError(_context15.t0);
+          _context16.prev = 17;
+          _context16.t0 = _context16["catch"](3);
+          console.warn('Message pagination request failed with error', _context16.t0);
+          if (_context16.t0 instanceof Error) {
+            setError(_context16.t0);
           } else {
             setError(true);
           }
           setThreadLoadingMore(false);
-          throw _context15.t0;
+          throw _context16.t0;
         case 23:
         case "end":
-          return _context15.stop();
+          return _context16.stop();
       }
-    }, _callee15, null, [[3, 17]]);
+    }, _callee16, null, [[3, 17]]);
   })));
   var ownCapabilitiesContext = (0, _useCreateOwnCapabilitiesContext.useCreateOwnCapabilitiesContext)({
     channel: channel,
@@ -1731,7 +1706,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     enableMessageGroupingByUser: enableMessageGroupingByUser,
     enforceUniqueReaction: enforceUniqueReaction,
     error: error,
-    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref19 = (clientChannelConfig == null ? void 0 : clientChannelConfig.commands) || []) != null && _ref19.some(function (command) {
+    giphyEnabled: giphyEnabled != null ? giphyEnabled : !!((_ref20 = (clientChannelConfig == null ? void 0 : clientChannelConfig.commands) || []) != null && _ref20.some(function (command) {
       return command.name === 'giphy';
     })),
     hideDateSeparators: hideDateSeparators,
@@ -1801,7 +1776,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     InputEditingStateHeader: InputEditingStateHeader,
     InputGiphySearch: InputGiphySearch,
     InputReplyStateHeader: InputReplyStateHeader,
-    maxMessageLength: (_ref20 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref20 : undefined,
+    maxMessageLength: (_ref21 = maxMessageLengthProp != null ? maxMessageLengthProp : clientChannelConfig == null ? void 0 : clientChannelConfig.max_message_length) != null ? _ref21 : undefined,
     maxNumberOfFiles: maxNumberOfFiles,
     mentionAllAppUsersEnabled: mentionAllAppUsersEnabled,
     mentionAllAppUsersQuery: mentionAllAppUsersQuery,
@@ -2022,6 +1997,7 @@ var Channel = exports.Channel = function Channel(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     client = _useChatContext.client,
     enableOfflineSupport = _useChatContext.enableOfflineSupport,
+    isOnline = _useChatContext.isOnline,
     isMessageAIGenerated = _useChatContext.isMessageAIGenerated;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
     t = _useTranslationContex.t;
@@ -2043,6 +2019,7 @@ var Channel = exports.Channel = function Channel(props) {
   }, props, {
     shouldSyncChannel: shouldSyncChannel,
     isMessageAIGenerated: isMessageAIGenerated,
+    isOnline: isOnline,
     setThreadMessages: setThreadMessages,
     thread: thread,
     threadMessages: threadMessages