stream-chat-react-native-core 8.9.2 → 8.10.0-beta.1

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

@@ -47,7 +47,6 @@ var _useAttachmentPickerBottomSheet = require("../../hooks/useAttachmentPickerBo
 var _usePrunableMessageList = require("../../hooks/usePrunableMessageList");
 var _icons = require("../../icons");
 var _native = require("../../native");
-var dbApi = _interopRequireWildcard(require("../../store/apis"));
 var _types = require("../../types/types");
 var _addReactionToLocalState = require("../../utils/addReactionToLocalState");
 var _compressImage = require("../../utils/compressImage");
@@ -292,12 +291,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
     doFileUploadRequest = props.doFileUploadRequest,
     doMarkReadRequest = props.doMarkReadRequest,
     doSendMessageRequest = props.doSendMessageRequest,
+    preSendMessageRequest = props.preSendMessageRequest,
     doUpdateMessageRequest = props.doUpdateMessageRequest,
     _props$EmptyStateIndi = props.EmptyStateIndicator,
     EmptyStateIndicator = _props$EmptyStateIndi === void 0 ? _EmptyStateIndicator.EmptyStateIndicator : _props$EmptyStateIndi,
     _props$enableMessageG = props.enableMessageGroupingByUser,
     enableMessageGroupingByUser = _props$enableMessageG === void 0 ? true : _props$enableMessageG,
     enableOfflineSupport = props.enableOfflineSupport,
+    _props$allowSendBefor = props.allowSendBeforeAttachmentsUpload,
+    allowSendBeforeAttachmentsUpload = _props$allowSendBefor === void 0 ? enableOfflineSupport : _props$allowSendBefor,
     _props$enableSwipeToR = props.enableSwipeToReply,
     enableSwipeToReply = _props$enableSwipeToR === void 0 ? true : _props$enableSwipeToR,
     _props$enforceUniqueR = props.enforceUniqueReaction,
@@ -513,7 +515,9 @@ var ChannelWithContext = function ChannelWithContext(props) {
     _props$VideoThumbnail = props.VideoThumbnail,
     VideoThumbnail = _props$VideoThumbnail === void 0 ? _VideoThumbnail.VideoThumbnail : _props$VideoThumbnail,
     isOnline = props.isOnline,
-    maximumMessageLimit = props.maximumMessageLimit;
+    maximumMessageLimit = props.maximumMessageLimit,
+    _props$initializeOnMo = props.initializeOnMount,
+    initializeOnMount = _props$initializeOnMo === void 0 ? true : _props$initializeOnMo;
   var threadProps = threadFromProps.thread,
     threadInstance = threadFromProps.threadInstance;
   var StopMessageStreamingButton = StopMessageStreamingButtonOverride === undefined ? _StopMessageStreamingButton.StopMessageStreamingButton : StopMessageStreamingButtonOverride;
@@ -648,7 +652,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       if (event.type === 'channel.truncated' && event.cid === channel.cid) {
         setChannelUnreadState(undefined);
       }
-      if (channel && channel.initialized) {
+      if (channel) {
         if (event.type === 'message.new' || event.type === 'notification.message_new') {
           var _event$message$id, _event$message2, _event$user2;
           var _messageId = (_event$message$id = (_event$message2 = event.message) == null ? void 0 : _event$message2.id) != null ? _event$message$id : '';
@@ -677,13 +681,14 @@ var ChannelWithContext = function ChannelWithContext(props) {
           return;
         }
         var errored = false;
-        if (!channel.initialized || !channel.state.isUpToDate) {
+        if (!channel.initialized || !channel.state.isUpToDate || !initializeOnMount) {
           try {
             yield channel == null ? void 0 : channel.watch();
           } catch (err) {
             console.warn('Channel watch request failed with error:', err);
             setError(true);
             errored = true;
+            channel.offlineMode = true;
           }
         }
         if (!errored) {
@@ -828,7 +833,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     }
   }));
   var resyncChannel = (0, _hooks.useStableCallback)((0, _asyncToGenerator2.default)(function* () {
-    if (!channel || syncingChannelRef.current) {
+    if (!channel || syncingChannelRef.current || !channel.initialized && !channel.offlineMode) {
       return;
     }
     syncingChannelRef.current = true;
@@ -848,6 +853,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
             limit: channelMessagesState.messages.length + 30
           }
         });
+        channel.offlineMode = false;
       }
       if (!thread) {
         var _channelMessagesState;
@@ -1000,7 +1006,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
           var image = attachment.originalFile;
           var file = attachment.originalFile;
           if (attachment.type === _types.FileTypes.Image && image != null && image.uri) {
-            var _image$name;
+            var _image$name, _client$offlineDb;
             var filename = (_image$name = image.name) != null ? _image$name : (0, _utils.getFileNameFromPath)(image.uri);
             var controller = uploadAbortControllerRef.current.get(filename);
             if (controller) {
@@ -1012,13 +1018,18 @@ var ChannelWithContext = function ChannelWithContext(props) {
             var uploadResponse = doFileUploadRequest ? yield doFileUploadRequest(image) : yield channel.sendImage(compressedUri, filename, contentType);
             attachment.image_url = uploadResponse.file;
             delete attachment.originalFile;
-            yield dbApi.updateMessage({
-              message: Object.assign({}, updatedMessage, {
-                cid: channel.cid
-              })
+            (_client$offlineDb = client.offlineDb) == null || _client$offlineDb.executeQuerySafely(function (db) {
+              return db.updateMessage({
+                message: Object.assign({}, updatedMessage, {
+                  cid: channel.cid
+                })
+              });
+            }, {
+              method: 'updateMessage'
             });
           }
           if (attachment.type !== _types.FileTypes.Image && file != null && file.uri) {
+            var _client$offlineDb2;
             var _controller = uploadAbortControllerRef.current.get(file.name);
             if (_controller) {
               _controller.abort();
@@ -1030,10 +1041,14 @@ var ChannelWithContext = function ChannelWithContext(props) {
               attachment.thumb_url = response.thumb_url;
             }
             delete attachment.originalFile;
-            yield dbApi.updateMessage({
-              message: Object.assign({}, updatedMessage, {
-                cid: channel.cid
-              })
+            (_client$offlineDb2 = client.offlineDb) == null || _client$offlineDb2.executeQuerySafely(function (db) {
+              return db.updateMessage({
+                message: Object.assign({}, updatedMessage, {
+                  cid: channel.cid
+                })
+              });
+            }, {
+              method: 'updateMessage'
             });
           }
         }
@@ -1051,30 +1066,28 @@ var ChannelWithContext = function ChannelWithContext(props) {
         options = _ref10.options,
         retrying = _ref10.retrying;
       var failedMessageUpdated = false;
-      var handleFailedMessage = function () {
-        var _ref12 = (0, _asyncToGenerator2.default)(function* () {
-          if (!failedMessageUpdated) {
-            var updatedMessage = Object.assign({}, localMessage, {
-              cid: channel.cid,
-              status: _utils.MessageStatusTypes.FAILED
-            });
-            updateMessage(updatedMessage);
-            threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+      var handleFailedMessage = function handleFailedMessage() {
+        if (!failedMessageUpdated) {
+          var _client$offlineDb3;
+          var updatedMessage = Object.assign({}, localMessage, {
+            cid: channel.cid,
+            status: _utils.MessageStatusTypes.FAILED
+          });
+          updateMessage(updatedMessage);
+          threadInstance == null || threadInstance.upsertReplyLocally == null || threadInstance.upsertReplyLocally({
+            message: updatedMessage
+          });
+          optimisticallyUpdatedNewMessages.delete(localMessage.id);
+          (_client$offlineDb3 = client.offlineDb) == null || _client$offlineDb3.executeQuerySafely(function (db) {
+            return db.updateMessage({
               message: updatedMessage
             });
-            optimisticallyUpdatedNewMessages.delete(localMessage.id);
-            if (enableOfflineSupport) {
-              yield dbApi.updateMessage({
-                message: updatedMessage
-              });
-            }
-            failedMessageUpdated = true;
-          }
-        });
-        return function handleFailedMessage() {
-          return _ref12.apply(this, arguments);
-        };
-      }();
+          }, {
+            method: 'updateMessage'
+          });
+          failedMessageUpdated = true;
+        }
+      };
       try {
         var _messageResponse;
         if (!isOnline) {
@@ -1098,16 +1111,19 @@ var ChannelWithContext = function ChannelWithContext(props) {
           messageResponse = yield channel.sendMessage(messageData, options);
         }
         if ((_messageResponse = messageResponse) != null && _messageResponse.message) {
+          var _client$offlineDb4;
           var newMessageResponse = Object.assign({}, messageResponse.message, {
             status: _utils.MessageStatusTypes.RECEIVED
           });
-          if (enableOfflineSupport) {
-            yield dbApi.updateMessage({
+          (_client$offlineDb4 = client.offlineDb) == null || _client$offlineDb4.executeQuerySafely(function (db) {
+            return db.updateMessage({
               message: Object.assign({}, newMessageResponse, {
                 cid: channel.cid
               })
             });
-          }
+          }, {
+            method: 'updateMessage'
+          });
           if (retrying) {
             replaceMessage(localMessage, newMessageResponse);
           } else {
@@ -1124,11 +1140,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
     };
   }());
   var sendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref14 = (0, _asyncToGenerator2.default)(function* (_ref13) {
-      var _channel$state;
-      var localMessage = _ref13.localMessage,
-        message = _ref13.message,
-        options = _ref13.options;
+    var _ref13 = (0, _asyncToGenerator2.default)(function* (_ref12) {
+      var _channel$state, _client$offlineDb5;
+      var localMessage = _ref12.localMessage,
+        message = _ref12.message,
+        options = _ref12.options;
       if (channel != null && (_channel$state = channel.state) != null && _channel$state.filterErrorMessages) {
         channel.state.filterErrorMessages();
       }
@@ -1137,13 +1153,22 @@ var ChannelWithContext = function ChannelWithContext(props) {
         message: localMessage
       });
       optimisticallyUpdatedNewMessages.add(localMessage.id);
-      if (enableOfflineSupport) {
-        yield dbApi.upsertMessages({
+      (_client$offlineDb5 = client.offlineDb) == null || _client$offlineDb5.executeQuerySafely(function (db) {
+        return db.upsertMessages({
           messages: [Object.assign({}, localMessage, {
             cid: channel.cid,
             status: _utils.MessageStatusTypes.FAILED
           })]
         });
+      }, {
+        method: 'upsertMessages'
+      });
+      if (preSendMessageRequest) {
+        yield preSendMessageRequest({
+          localMessage: localMessage,
+          message: message,
+          options: options
+        });
       }
       yield sendMessageRequest({
         localMessage: localMessage,
@@ -1152,11 +1177,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       });
     });
     return function (_x5) {
-      return _ref14.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }());
   var retrySendMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref15 = (0, _asyncToGenerator2.default)(function* (localMessage) {
+    var _ref14 = (0, _asyncToGenerator2.default)(function* (localMessage) {
       var statusPendingMessage = Object.assign({}, localMessage, {
         status: _utils.MessageStatusTypes.SENDING
       });
@@ -1171,16 +1196,16 @@ var ChannelWithContext = function ChannelWithContext(props) {
       });
     });
     return function (_x6) {
-      return _ref15.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }());
-  var editMessage = (0, _hooks.useStableCallback)(function (_ref16) {
-    var localMessage = _ref16.localMessage,
-      options = _ref16.options;
+  var editMessage = (0, _hooks.useStableCallback)(function (_ref15) {
+    var localMessage = _ref15.localMessage,
+      options = _ref15.options;
     return doUpdateMessageRequest ? doUpdateMessageRequest((channel == null ? void 0 : channel.cid) || '', localMessage, options) : client.updateMessage(localMessage, undefined, options);
   });
   var removeMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref17 = (0, _asyncToGenerator2.default)(function* (message) {
+    var _ref16 = (0, _asyncToGenerator2.default)(function* (message) {
       if (channel) {
         channel.state.removeMessage(message);
         copyMessagesStateFromChannel(channel);
@@ -1195,11 +1220,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x7) {
-      return _ref17.apply(this, arguments);
+      return _ref16.apply(this, arguments);
     };
   }());
   var sendReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref18 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+    var _ref17 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
       if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
@@ -1226,11 +1251,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x8, _x9) {
-      return _ref18.apply(this, arguments);
+      return _ref17.apply(this, arguments);
     };
   }());
   var deleteMessage = (0, _hooks.useStableCallback)(function () {
-    var _ref19 = (0, _asyncToGenerator2.default)(function* (message) {
+    var _ref18 = (0, _asyncToGenerator2.default)(function* (message) {
       var optionsOrHardDelete = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       var options = {};
       if (typeof optionsOrHardDelete === 'boolean') {
@@ -1268,11 +1293,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       }
     });
     return function (_x10) {
-      return _ref19.apply(this, arguments);
+      return _ref18.apply(this, arguments);
     };
   }());
   var deleteReaction = (0, _hooks.useStableCallback)(function () {
-    var _ref20 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
+    var _ref19 = (0, _asyncToGenerator2.default)(function* (type, messageId) {
       if (!(channel != null && channel.id) || !client.user) {
         throw new Error('Channel has not been initialized');
       }
@@ -1289,7 +1314,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       yield channel.deleteReaction.apply(channel, payload);
     });
     return function (_x11, _x12) {
-      return _ref20.apply(this, arguments);
+      return _ref19.apply(this, arguments);
     };
   }());
   var openThread = (0, _react.useCallback)(function (message) {
@@ -1411,6 +1436,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
   });
   var inputMessageInputContext = (0, _useCreateInputMessageInputContext.useCreateInputMessageInputContext)({
     additionalTextInputProps: additionalTextInputProps,
+    allowSendBeforeAttachmentsUpload: allowSendBeforeAttachmentsUpload,
     asyncMessagesLockDistance: asyncMessagesLockDistance,
     asyncMessagesMinimumPressDuration: asyncMessagesMinimumPressDuration,
     asyncMessagesMultiSendEnabled: asyncMessagesMultiSendEnabled,