stream-chat-react-native-core 3.10.2 → 4.0.0-beta.4

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

@@ -25,25 +25,33 @@ var _reactNative = require("react-native");
 
 var _uniq = _interopRequireDefault(require("lodash/uniq"));
 
+var _mimeTypes = require("mime-types");
+
 var _streamChat = require("stream-chat");
 
 var _useCreateMessageInputContext = require("./hooks/useCreateMessageInputContext");
 
 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";
@@ -58,8 +66,6 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-var MIME_TYPE_OCTET_STREAM = 'application/octet-stream';
-
 var MessageInputContext = _react["default"].createContext({});
 
 exports.MessageInputContext = MessageInputContext;
@@ -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');
     }
 
@@ -324,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, _file4$file$type, 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) {
@@ -338,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();
               }
@@ -372,6 +396,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   attachments.push({
                     fallback: _image3.file.name,
                     image_url: _image3.url,
+                    original_height: _image3.height,
+                    original_width: _image3.width,
                     type: 'image'
                   });
                 }
@@ -379,9 +405,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
               _iterator3 = _createForOfIteratorHelperLoose(imageUploads);
 
-            case 10:
+            case 13:
               if ((_step3 = _iterator3()).done) {
-                _context2.next = 19;
+                _context2.next = 22;
                 break;
               }
 
@@ -389,52 +415,52 @@ 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) {
                 if ((_file4$file$type = _file4.file.type) != null && _file4$file$type.startsWith('image/')) {
                   attachments.push({
@@ -442,6 +468,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                     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,
@@ -453,20 +487,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 }
               }
 
-            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,
@@ -504,7 +538,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 }
               }
 
-            case 34:
+            case 37:
             case "end":
               return _context2.stop();
           }
@@ -529,6 +563,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         image_url: image.url,
         type: 'image'
       }];
+      startCooldown();
 
       try {
         value.sendMessage({
@@ -634,8 +669,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, {
@@ -646,43 +680,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;
-              return channel.sendFile(file.uri, file.name, MIME_TYPE_OCTET_STREAM);
+              _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) {
@@ -708,7 +740,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) {
@@ -722,12 +754,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) {
@@ -737,7 +769,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadImage = function () {
     var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref7) {
-      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri;
+      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri, filename, contentType;
 
       return _regenerator["default"].wrap(function _callee5$(_context5) {
         while (1) {
@@ -803,32 +835,34 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 24:
               compressedUri = _context5.sent;
+              filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
+              contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
 
               if (!value.doImageUploadRequest) {
-                _context5.next = 31;
+                _context5.next = 33;
                 break;
               }
 
-              _context5.next = 28;
+              _context5.next = 30;
               return value.doImageUploadRequest(file, channel);
 
-            case 28:
+            case 30:
               response = _context5.sent;
-              _context5.next = 39;
+              _context5.next = 41;
               break;
 
-            case 31:
+            case 33:
               if (!(compressedUri && channel)) {
-                _context5.next = 39;
+                _context5.next = 41;
                 break;
               }
 
               if (!value.sendImageAsync) {
-                _context5.next = 36;
+                _context5.next = 38;
                 break;
               }
 
-              channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM).then(function (res) {
+              channel.sendImage(compressedUri, undefined, contentType).then(function (res) {
                 if (asyncIds.includes(id)) {
                   setAsyncUploads(function (prevAsyncUploads) {
                     prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
@@ -852,24 +886,26 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   });
                 }
               });
-              _context5.next = 39;
+              _context5.next = 41;
               break;
 
-            case 36:
-              _context5.next = 38;
-              return channel.sendImage(compressedUri, undefined, MIME_TYPE_OCTET_STREAM);
-
             case 38:
+              _context5.next = 40;
+              return channel.sendImage(compressedUri, undefined, contentType);
+
+            case 40:
               response = _context5.sent;
 
-            case 39:
+            case 41:
               if (Object.keys(response).length) {
                 setImageUploads(function (prevImageUploads) {
                   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
                       });
                     }
 
@@ -878,11 +914,11 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 });
               }
 
-              _context5.next = 48;
+              _context5.next = 50;
               break;
 
-            case 42:
-              _context5.prev = 42;
+            case 44:
+              _context5.prev = 44;
               _context5.t2 = _context5["catch"](5);
               console.warn(_context5.t2);
 
@@ -905,12 +941,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               return _context5.abrupt("return");
 
-            case 48:
+            case 50:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[5, 42]]);
+      }, _callee5, null, [[5, 44]]);
     }));
 
     return function uploadImage(_x2) {
@@ -920,32 +956,33 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
   var uploadNewFile = function () {
     var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(file) {
-      var id, newFile;
+      var id, mimeType, newFile;
       return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) {
           switch (_context6.prev = _context6.next) {
             case 0:
               id = (0, _utils.generateRandomId)();
+              mimeType = (0, _mimeTypes.lookup)(file.name);
               newFile = {
                 file: (0, _extends2["default"])({}, file, {
-                  type: MIME_TYPE_OCTET_STREAM
+                  type: mimeType || (file == null ? void 0 : file.type)
                 }),
                 id: id,
                 state: _utils.FileState.UPLOADING
               };
-              _context6.next = 4;
+              _context6.next = 5;
               return Promise.all([setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.concat([newFile]);
               }), setNumberOfUploads(function (prevNumberOfUploads) {
                 return prevNumberOfUploads + 1;
               })]);
 
-            case 4:
+            case 5:
               uploadFile({
                 newFile: newFile
               });
 
-            case 5:
+            case 6:
             case "end":
               return _context6.stop();
           }
@@ -1001,6 +1038,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     asyncIds: asyncIds,
     asyncUploads: asyncUploads,
     closeAttachmentPicker: closeAttachmentPicker,
+    cooldownEndsAt: cooldownEndsAt,
     fileUploads: fileUploads,
     giphyActive: giphyActive,
     imageUploads: imageUploads,
@@ -1051,7 +1089,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1066,
+      lineNumber: 1107,
       columnNumber: 5
     }
   }, children);
@@ -1072,7 +1110,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1115,
+        lineNumber: 1156,
         columnNumber: 12
       }
     }));