stream-chat-react-native-core 4.0.0 → 4.1.0

package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js

@@ -33,22 +33,28 @@ var _useCreateMessageInputContext = require("./hooks/useCreateMessageInputContex
 
 var _useMessageDetailsForState = require("./hooks/useMessageDetailsForState");
 
+var _useCooldown2 = require("../../components/MessageInput/hooks/useCooldown");
+
+var _native = require("../../native");
+
+var _utils = require("../../utils/utils");
+
 var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
 
+var _ChannelContext = require("../channelContext/ChannelContext");
+
 var _ChatContext = require("../chatContext/ChatContext");
 
-var _ChannelContext = require("../channelContext/ChannelContext");
+var _OwnCapabilitiesContext = require("../ownCapabilitiesContext/OwnCapabilitiesContext");
 
 var _ThreadContext = require("../threadContext/ThreadContext");
 
-var _getDisplayName = require("../utils/getDisplayName");
-
-var _utils = require("../../utils/utils");
+var _TranslationContext = require("../translationContext/TranslationContext");
 
-var _native = require("../../native");
+var _getDisplayName = require("../utils/getDisplayName");
 
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageInputContext/MessageInputContext.tsx";
+    _jsxFileName = "/Users/vishalnarkhede/projects/stream-chat-react-native/package/src/contexts/messageInputContext/MessageInputContext.tsx";
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -77,6 +83,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
       client = _useChatContext.client;
 
+  var channelCapabities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
+
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
       channel = _useChannelContext.channel,
       giphyEnabled = _useChannelContext.giphyEnabled;
@@ -84,6 +92,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
       thread = _useThreadContext.thread;
 
+  var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
+      t = _useTranslationContex.t;
+
   var inputBoxRef = (0, _react.useRef)(null);
   var sending = (0, _react.useRef)(false);
 
@@ -127,6 +138,10 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       showMoreOptions = _useMessageDetailsFor.showMoreOptions,
       text = _useMessageDetailsFor.text;
 
+  var _useCooldown = (0, _useCooldown2.useCooldown)(),
+      cooldownEndsAt = _useCooldown.endsAt,
+      startCooldown = _useCooldown.start;
+
   var threadId = thread == null ? void 0 : thread.id;
   (0, _react.useEffect)(function () {
     setSendThreadMessageInChannel(false);
@@ -181,7 +196,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
     setText(newText);
 
-    if (newText && channel) {
+    if (newText && channel && channelCapabities.sendTypingEvents) {
       (0, _streamChat.logChatPromiseExecution)(channel.keystroke(thread == null ? void 0 : thread.id), 'start typing event');
     }
 
@@ -262,13 +277,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               if (!result.cancelled && result.docs) {
                 result.docs.forEach(function (doc) {
-                  var mimeType = (0, _mimeTypes.lookup)(doc.name);
-
-                  if (mimeType && mimeType != null && mimeType.startsWith('image/')) {
-                    uploadNewFile(doc);
-                  } else {
-                    uploadNewFile(doc);
-                  }
+                  uploadNewFile(doc);
                 });
               }
 
@@ -330,7 +339,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var sendMessage = function () {
     var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
-      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, updatedMessage, updateMessagePromise;
+      var prevText, attachments, _loop, _iterator3, _step3, _image4, _ret, _iterator4, _step4, _file4, _file4$file$type, _file4$file$type2, updatedMessage, updateMessagePromise;
 
       return _regenerator["default"].wrap(function _callee2$(_context2) {
         while (1) {
@@ -344,12 +353,21 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               return _context2.abrupt("return");
 
             case 2:
+              if (!(!channelCapabities.sendLinks && !!text.match(_utils.urlRegex))) {
+                _context2.next = 5;
+                break;
+              }
+
+              _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
+
+              return _context2.abrupt("return");
+
+            case 5:
               sending.current = true;
+              startCooldown();
               prevText = giphyEnabled && giphyActive ? "/giphy " + text : text;
-              _context2.next = 6;
-              return setText('');
+              setText('');
 
-            case 6:
               if (inputBoxRef.current) {
                 inputBoxRef.current.clear();
               }
@@ -385,9 +403,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               _iterator3 = _createForOfIteratorHelperLoose(imageUploads);
 
-            case 10:
+            case 13:
               if ((_step3 = _iterator3()).done) {
-                _context2.next = 19;
+                _context2.next = 22;
                 break;
               }
 
@@ -395,76 +413,92 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               _ret = _loop(_image4);
 
               if (!(_ret === "continue")) {
-                _context2.next = 15;
+                _context2.next = 18;
                 break;
               }
 
-              return _context2.abrupt("continue", 17);
+              return _context2.abrupt("continue", 20);
 
-            case 15:
+            case 18:
               if (!((0, _typeof2["default"])(_ret) === "object")) {
-                _context2.next = 17;
+                _context2.next = 20;
                 break;
               }
 
               return _context2.abrupt("return", _ret.v);
 
-            case 17:
-              _context2.next = 10;
+            case 20:
+              _context2.next = 13;
               break;
 
-            case 19:
+            case 22:
               _iterator4 = _createForOfIteratorHelperLoose(fileUploads);
 
-            case 20:
+            case 23:
               if ((_step4 = _iterator4()).done) {
-                _context2.next = 30;
+                _context2.next = 33;
                 break;
               }
 
               _file4 = _step4.value;
 
               if (!(!_file4 || _file4.state === _utils.FileState.UPLOAD_FAILED)) {
-                _context2.next = 24;
+                _context2.next = 27;
                 break;
               }
 
-              return _context2.abrupt("continue", 28);
+              return _context2.abrupt("continue", 31);
 
-            case 24:
+            case 27:
               if (!(_file4.state === _utils.FileState.UPLOADING)) {
-                _context2.next = 27;
+                _context2.next = 30;
                 break;
               }
 
               sending.current = false;
               return _context2.abrupt("return");
 
-            case 27:
+            case 30:
               if (_file4.state === _utils.FileState.UPLOADED || _file4.state === _utils.FileState.FINISHED) {
-                attachments.push({
-                  asset_url: _file4.url,
-                  file_size: _file4.file.size,
-                  mime_type: _file4.file.type,
-                  title: _file4.file.name,
-                  type: 'file'
-                });
+                if ((_file4$file$type = _file4.file.type) != null && _file4$file$type.startsWith('image/')) {
+                  attachments.push({
+                    fallback: _file4.file.name,
+                    image_url: _file4.url,
+                    type: 'image'
+                  });
+                } else if ((_file4$file$type2 = _file4.file.type) != null && _file4$file$type2.startsWith('video/')) {
+                  attachments.push({
+                    asset_url: _file4.url,
+                    file_size: _file4.file.size,
+                    mime_type: _file4.file.type,
+                    title: _file4.file.name,
+                    type: 'video'
+                  });
+                } else {
+                  attachments.push({
+                    asset_url: _file4.url,
+                    file_size: _file4.file.size,
+                    mime_type: _file4.file.type,
+                    title: _file4.file.name,
+                    type: 'file'
+                  });
+                }
               }
 
-            case 28:
-              _context2.next = 20;
+            case 31:
+              _context2.next = 23;
               break;
 
-            case 30:
+            case 33:
               if (!(!prevText && attachments.length === 0)) {
-                _context2.next = 33;
+                _context2.next = 36;
                 break;
               }
 
               sending.current = false;
               return _context2.abrupt("return");
 
-            case 33:
+            case 36:
               if (value.editing && !(0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
                 updatedMessage = (0, _extends2["default"])({}, value.editing, {
                   attachments: attachments,
@@ -502,7 +536,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 }
               }
 
-            case 34:
+            case 37:
             case "end":
               return _context2.stop();
           }
@@ -527,6 +561,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         image_url: image.url,
         type: 'image'
       }];
+      startCooldown();
 
       try {
         value.sendMessage({
@@ -632,8 +667,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 3:
               file = newFile.file, id = newFile.id;
-              _context4.next = 6;
-              return setFileUploads(function (prevFileUploads) {
+              setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.map(function (fileUpload) {
                   if (fileUpload.id === id) {
                     return (0, _extends2["default"])({}, fileUpload, {
@@ -644,43 +678,41 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   return fileUpload;
                 });
               });
-
-            case 6:
               response = {};
-              _context4.prev = 7;
+              _context4.prev = 6;
 
               if (!value.doDocUploadRequest) {
-                _context4.next = 14;
+                _context4.next = 13;
                 break;
               }
 
-              _context4.next = 11;
+              _context4.next = 10;
               return value.doDocUploadRequest(file, channel);
 
-            case 11:
+            case 10:
               response = _context4.sent;
-              _context4.next = 18;
+              _context4.next = 17;
               break;
 
-            case 14:
+            case 13:
               if (!(channel && file.uri)) {
-                _context4.next = 18;
+                _context4.next = 17;
                 break;
               }
 
-              _context4.next = 17;
+              _context4.next = 16;
               return channel.sendFile(file.uri, file.name, file.type);
 
-            case 17:
+            case 16:
               response = _context4.sent;
 
-            case 18:
-              _context4.next = 25;
+            case 17:
+              _context4.next = 24;
               break;
 
-            case 20:
-              _context4.prev = 20;
-              _context4.t0 = _context4["catch"](7);
+            case 19:
+              _context4.prev = 19;
+              _context4.t0 = _context4["catch"](6);
               console.warn(_context4.t0);
 
               if (!newFile) {
@@ -706,7 +738,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               return _context4.abrupt("return");
 
-            case 25:
+            case 24:
               setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.map(function (fileUpload) {
                   if (fileUpload.id === id) {
@@ -720,12 +752,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
               });
 
-            case 26:
+            case 25:
             case "end":
               return _context4.stop();
           }
         }
-      }, _callee4, null, [[7, 20]]);
+      }, _callee4, null, [[6, 19]]);
     }));
 
     return function uploadFile(_x) {
@@ -868,8 +900,10 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   return prevImageUploads.map(function (imageUpload) {
                     if (imageUpload.id === id) {
                       return (0, _extends2["default"])({}, imageUpload, {
+                        height: file.height,
                         state: _utils.FileState.UPLOADED,
-                        url: response.file
+                        url: response.file,
+                        width: file.width
                       });
                     }
 
@@ -1002,6 +1036,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     asyncIds: asyncIds,
     asyncUploads: asyncUploads,
     closeAttachmentPicker: closeAttachmentPicker,
+    cooldownEndsAt: cooldownEndsAt,
     fileUploads: fileUploads,
     giphyActive: giphyActive,
     imageUploads: imageUploads,
@@ -1052,7 +1087,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1067,
+      lineNumber: 1077,
       columnNumber: 5
     }
   }, children);
@@ -1073,7 +1108,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1116,
+        lineNumber: 1105,
         columnNumber: 12
       }
     }));