stream-chat-react-native-core 5.6.0-beta.0 → 5.6.0-beta.2

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

@@ -83,8 +83,6 @@ var _addReactionToLocalState = require("../../utils/addReactionToLocalState");
 
 var _DBSyncManager = require("../../utils/DBSyncManager");
 
-var _pendingTaskUtils = require("../../utils/pendingTaskUtils");
-
 var _removeReactionFromLocalState = require("../../utils/removeReactionFromLocalState");
 
 var _utils = require("../../utils/utils");
@@ -200,7 +198,8 @@ var _OverlayReactionList = require("../MessageOverlay/OverlayReactionList");
 var _Reply = require("../Reply/Reply");
 
 var _excluded = ["attachments", "mentioned_users", "parent_id", "text"],
-    _excluded2 = ["__html", "attachments", "created_at", "deleted_at", "html", "id", "latest_reactions", "mentioned_users", "own_reactions", "parent_id", "quoted_message", "reaction_counts", "reactions", "status", "text", "type", "updated_at", "user"];
+    _excluded2 = ["channel_mutes", "devices", "mutes"],
+    _excluded3 = ["__html", "attachments", "created_at", "deleted_at", "html", "id", "latest_reactions", "mentioned_users", "own_reactions", "parent_id", "quoted_message", "reaction_counts", "reactions", "status", "text", "type", "updated_at", "user"];
 
 var _this = this,
     _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/components/Channel/Channel.tsx";
@@ -241,7 +240,7 @@ var throttleOptions = {
   trailing: true
 };
 var debounceOptions = {
-  leading: false,
+  leading: true,
   trailing: true
 };
 
@@ -634,11 +633,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
       (0, _streamChat.logChatPromiseExecution)(channel.markRead(), 'mark read');
     }
   }, defaultThrottleInterval, throttleOptions)).current;
-  var copyMessagesState = (0, _react.useRef)((0, _debounce["default"])(function () {
+  var copyMessagesState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setMessages((0, _toConsumableArray2["default"])(channel.state.messages));
     }
-  }, newMessageStateUpdateThrottleInterval, debounceOptions)).current;
+  }, newMessageStateUpdateThrottleInterval, throttleOptions)).current;
   var copyTypingState = (0, _react.useRef)((0, _throttle["default"])(function () {
     if (channel) {
       setTyping((0, _extends2["default"])({}, channel.state.typing));
@@ -649,7 +648,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setRead((0, _extends2["default"])({}, channel.state.read));
     }
   }, stateUpdateThrottleInterval, throttleOptions)).current;
-  var copyChannelState = (0, _react.useRef)((0, _debounce["default"])(function () {
+  var copyChannelState = (0, _react.useRef)((0, _throttle["default"])(function () {
     setLoading(false);
 
     if (channel) {
@@ -660,7 +659,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       setWatcherCount(channel.state.watcher_count);
       setWatchers((0, _extends2["default"])({}, channel.state.watchers));
     }
-  }, stateUpdateThrottleInterval, debounceOptions)).current;
+  }, stateUpdateThrottleInterval, throttleOptions)).current;
 
   var connectionChangedHandler = function connectionChangedHandler() {
     if (shouldSyncChannel) {
@@ -1339,6 +1338,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
         parent_id = _ref15.parent_id,
         text = _ref15.text,
         extraFields = (0, _objectWithoutProperties2["default"])(_ref15, _excluded);
+    var _client$user2 = client.user,
+        channel_mutes = _client$user2.channel_mutes,
+        devices = _client$user2.devices,
+        mutes = _client$user2.mutes,
+        messageUser = (0, _objectWithoutProperties2["default"])(_client$user2, _excluded2);
     var preview = (0, _extends2["default"])({
       __html: text,
       attachments: attachments,
@@ -1357,7 +1361,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       type: 'regular',
       user: (0, _extends2["default"])({
         id: client.userID
-      }, client.user)
+      }, messageUser)
     }, extraFields);
 
     if (preview.quoted_message_id) {
@@ -1384,7 +1388,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               updatedMessage = (0, _extends2["default"])({}, message);
 
               if (!((_updatedMessage$attac = updatedMessage.attachments) != null && _updatedMessage$attac.length)) {
-                _context12.next = 39;
+                _context12.next = 40;
                 break;
               }
 
@@ -1392,7 +1396,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 3:
               if (!(i < ((_updatedMessage$attac2 = updatedMessage.attachments) == null ? void 0 : _updatedMessage$attac2.length))) {
-                _context12.next = 39;
+                _context12.next = 40;
                 break;
               }
 
@@ -1439,7 +1443,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 22:
               if (!((attachment.type === 'file' || attachment.type === 'audio' || attachment.type === 'video') && attachment.asset_url && (0, _utils.isLocalUrl)(attachment.asset_url) && file != null && file.uri)) {
-                _context12.next = 36;
+                _context12.next = 37;
                 break;
               }
 
@@ -1466,6 +1470,11 @@ var ChannelWithContext = function ChannelWithContext(props) {
             case 32:
               response = _context12.t1;
               attachment.asset_url = response.file;
+
+              if (response.thumb_url) {
+                attachment.thumb_url = response.thumb_url;
+              }
+
               delete attachment.originalFile;
               dbApi.updateMessage({
                 message: (0, _extends2["default"])({}, updatedMessage, {
@@ -1473,15 +1482,15 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 })
               });
 
-            case 36:
+            case 37:
               i++;
               _context12.next = 3;
               break;
 
-            case 39:
+            case 40:
               return _context12.abrupt("return", updatedMessage);
 
-            case 40:
+            case 41:
             case "end":
               return _context12.stop();
           }
@@ -1508,7 +1517,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
 
             case 3:
               _updatedMessage = _context13.sent;
-              __html = _updatedMessage.__html, attachments = _updatedMessage.attachments, created_at = _updatedMessage.created_at, deleted_at = _updatedMessage.deleted_at, html = _updatedMessage.html, id = _updatedMessage.id, latest_reactions = _updatedMessage.latest_reactions, mentioned_users = _updatedMessage.mentioned_users, own_reactions = _updatedMessage.own_reactions, parent_id = _updatedMessage.parent_id, quoted_message = _updatedMessage.quoted_message, reaction_counts = _updatedMessage.reaction_counts, reactions = _updatedMessage.reactions, status = _updatedMessage.status, text = _updatedMessage.text, type = _updatedMessage.type, updated_at = _updatedMessage.updated_at, user = _updatedMessage.user, extraFields = (0, _objectWithoutProperties2["default"])(_updatedMessage, _excluded2);
+              __html = _updatedMessage.__html, attachments = _updatedMessage.attachments, created_at = _updatedMessage.created_at, deleted_at = _updatedMessage.deleted_at, html = _updatedMessage.html, id = _updatedMessage.id, latest_reactions = _updatedMessage.latest_reactions, mentioned_users = _updatedMessage.mentioned_users, own_reactions = _updatedMessage.own_reactions, parent_id = _updatedMessage.parent_id, quoted_message = _updatedMessage.quoted_message, reaction_counts = _updatedMessage.reaction_counts, reactions = _updatedMessage.reactions, status = _updatedMessage.status, text = _updatedMessage.text, type = _updatedMessage.type, updated_at = _updatedMessage.updated_at, user = _updatedMessage.user, extraFields = (0, _objectWithoutProperties2["default"])(_updatedMessage, _excluded3);
 
               if (channel.id) {
                 _context13.next = 7;
@@ -1958,7 +1967,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               });
               setMessages(channel.state.messages);
               _context18.next = 11;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2014,9 +2023,10 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 break;
               }
 
-              (0, _pendingTaskUtils.dropPendingTasks)({
+              _DBSyncManager.DBSyncManager.dropPendingTasks({
                 messageId: message.id
               });
+
               removeMessage(message);
               _context19.next = 16;
               break;
@@ -2028,7 +2038,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
                 type: 'deleted'
               }));
               _context19.next = 14;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2096,7 +2106,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
               });
               setMessages(channel.state.messages);
               _context20.next = 11;
-              return (0, _pendingTaskUtils.queueTask)({
+              return _DBSyncManager.DBSyncManager.queueTask({
                 client: client,
                 task: {
                   channelId: channel.id,
@@ -2418,7 +2428,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1961,
+        lineNumber: 1969,
         columnNumber: 12
       }
     });
@@ -2433,7 +2443,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1966,
+        lineNumber: 1974,
         columnNumber: 7
       }
     }, t('Please select a channel first'));
@@ -2447,7 +2457,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1973,
+      lineNumber: 1981,
       columnNumber: 5
     }
   }), _react["default"].createElement(_ChannelContext.ChannelProvider, {
@@ -2455,7 +2465,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1979,
+      lineNumber: 1987,
       columnNumber: 7
     }
   }, _react["default"].createElement(_OwnCapabilitiesContext.OwnCapabilitiesProvider, {
@@ -2463,7 +2473,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1980,
+      lineNumber: 1988,
       columnNumber: 9
     }
   }, _react["default"].createElement(_TypingContext.TypingProvider, {
@@ -2471,7 +2481,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1981,
+      lineNumber: 1989,
       columnNumber: 11
     }
   }, _react["default"].createElement(_PaginatedMessageListContext.PaginatedMessageListProvider, {
@@ -2479,7 +2489,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1982,
+      lineNumber: 1990,
       columnNumber: 13
     }
   }, _react["default"].createElement(_MessagesContext.MessagesProvider, {
@@ -2487,7 +2497,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1983,
+      lineNumber: 1991,
       columnNumber: 15
     }
   }, _react["default"].createElement(_ThreadContext.ThreadProvider, {
@@ -2495,7 +2505,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1984,
+      lineNumber: 1992,
       columnNumber: 17
     }
   }, _react["default"].createElement(_SuggestionsContext.SuggestionsProvider, {
@@ -2503,7 +2513,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1985,
+      lineNumber: 1993,
       columnNumber: 19
     }
   }, _react["default"].createElement(_MessageInputContext.MessageInputProvider, {
@@ -2511,7 +2521,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1986,
+      lineNumber: 1994,
       columnNumber: 21
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -2521,7 +2531,7 @@ var ChannelWithContext = function ChannelWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1987,
+      lineNumber: 1995,
       columnNumber: 23
     }
   }, children))))))))));
@@ -2578,7 +2588,7 @@ var Channel = function Channel(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 2044,
+      lineNumber: 2052,
       columnNumber: 5
     }
   }));