stream-chat-react-native-core 5.34.1-beta.5 → 5.35.0-beta.1

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

@@ -20,6 +20,7 @@ var _utils = require("./utils/utils");
 var _parseLinks = require("../../components/Message/MessageSimple/utils/parseLinks");
 var _useCooldown2 = require("../../components/MessageInput/hooks/useCooldown");
 var _native = require("../../native");
+var _types = require("../../types/types");
 var _compressImage = require("../../utils/compressImage");
 var _removeReservedFields = require("../../utils/removeReservedFields");
 var _utils2 = require("../../utils/utils");
@@ -106,8 +107,6 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     sendThreadMessageInChannel = _useState8[0],
     setSendThreadMessageInChannel = _useState8[1];
   var editing = value.editing,
-    hasFilePicker = value.hasFilePicker,
-    hasImagePicker = value.hasImagePicker,
     initialValue = value.initialValue;
   var _useMessageDetailsFor = (0, _useMessageDetailsForState.useMessageDetailsForState)(editing, initialValue),
     fileUploads = _useMessageDetailsFor.fileUploads,
@@ -201,14 +200,99 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       inputBoxRef.current.focus();
     }
   };
+  var takeAndUploadImage = function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+      var photo;
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            setSelectedPicker(undefined);
+            closePicker();
+            _context.next = 4;
+            return (0, _native.takePhoto)({
+              compressImageQuality: value.compressImageQuality
+            });
+          case 4:
+            photo = _context.sent;
+            if (photo.askToOpenSettings) {
+              _reactNative.Alert.alert(t('Allow camera access in device settings'), t('Device camera is used to take photos or videos.'), [{
+                style: 'cancel',
+                text: t('Cancel')
+              }, {
+                onPress: function onPress() {
+                  return _reactNative.Linking.openSettings();
+                },
+                style: 'default',
+                text: t('Open Settings')
+              }]);
+            }
+            if (!photo.cancelled) {
+              setSelectedImages(function (images) {
+                return [].concat((0, _toConsumableArray2["default"])(images), [photo]);
+              });
+            }
+          case 7:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function takeAndUploadImage() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var pickAndUploadImageFromNativePicker = function () {
+    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
+      var result;
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return (0, _native.pickImage)();
+          case 2:
+            result = _context2.sent;
+            if (result.askToOpenSettings) {
+              _reactNative.Alert.alert(t('Allow access to your Gallery'), t('Device gallery permissions is used to take photos or videos.'), [{
+                style: 'cancel',
+                text: t('Cancel')
+              }, {
+                onPress: function onPress() {
+                  return _reactNative.Linking.openSettings();
+                },
+                style: 'default',
+                text: t('Open Settings')
+              }]);
+            }
+            if (result.assets && result.assets.length > 0) {
+              result.assets.forEach(function (asset) {
+                if (asset.type.includes('image')) {
+                  setSelectedImages(function (prevImages) {
+                    return [].concat((0, _toConsumableArray2["default"])(prevImages), [asset]);
+                  });
+                } else {
+                  setSelectedFiles(function (prevFiles) {
+                    return [].concat((0, _toConsumableArray2["default"])(prevFiles), [Object.assign({}, asset, {
+                      mimeType: asset.type,
+                      type: _types.FileTypes.Video
+                    })]);
+                  });
+                }
+              });
+            }
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function pickAndUploadImageFromNativePicker() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
   var openAttachmentPicker = function openAttachmentPicker() {
-    if (hasImagePicker) {
-      _reactNative.Keyboard.dismiss();
-      setSelectedPicker('images');
-      openPicker();
-    } else if (hasFilePicker) {
-      pickFile();
-    }
+    _reactNative.Keyboard.dismiss();
+    setSelectedPicker('images');
+    openPicker();
   };
   var closeAttachmentPicker = function closeAttachmentPicker() {
     setSelectedPicker(undefined);
@@ -227,31 +311,31 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     });
   };
   var pickFile = function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
+    var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
       var result;
-      return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
           case 0:
             if (!(_native.pickDocument === null)) {
-              _context.next = 3;
+              _context3.next = 3;
               break;
             }
             console.log('The file picker is not installed. Check our Getting Started documentation to install it.');
-            return _context.abrupt("return");
+            return _context3.abrupt("return");
           case 3:
             if (!(numberOfUploads >= value.maxNumberOfFiles)) {
-              _context.next = 6;
+              _context3.next = 6;
               break;
             }
             _reactNative.Alert.alert('Maximum number of files reached');
-            return _context.abrupt("return");
+            return _context3.abrupt("return");
           case 6:
-            _context.next = 8;
+            _context3.next = 8;
             return (0, _native.pickDocument)({
               maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads
             });
           case 8:
-            result = _context.sent;
+            result = _context3.sent;
             if (!result.cancelled && result.assets) {
               result.assets.forEach(function (asset) {
                 uploadNewFile(asset);
@@ -259,12 +343,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 10:
           case "end":
-            return _context.stop();
+            return _context3.stop();
         }
-      }, _callee);
+      }, _callee3);
     }));
     return function pickFile() {
-      return _ref2.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   var removeFile = function removeFile(id) {
@@ -320,19 +404,19 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       original_height: image.height,
       original_width: image.width,
       originalImage: image.file,
-      type: 'image'
+      type: _types.FileTypes.Image
     };
   };
   var mapFileUploadToAttachment = function mapFileUploadToAttachment(file) {
-    if (file.type === 'image') {
+    if (file.type === _types.FileTypes.Image) {
       return {
         fallback: file.file.name,
         image_url: file.url,
         mime_type: file.file.mimeType,
         originalFile: file.file,
-        type: 'image'
+        type: _types.FileTypes.Image
       };
-    } else if (file.type === 'audio') {
+    } else if (file.type === _types.FileTypes.Audio) {
       return {
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
@@ -340,9 +424,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         mime_type: file.file.mimeType,
         originalFile: file.file,
         title: file.file.name,
-        type: 'audio'
+        type: _types.FileTypes.Audio
       };
-    } else if (file.type === 'video') {
+    } else if (file.type === _types.FileTypes.Video) {
       return {
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
@@ -351,9 +435,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         originalFile: file.file,
         thumb_url: file.thumb_url,
         title: file.file.name,
-        type: 'video'
+        type: _types.FileTypes.Video
       };
-    } else if (file.type === 'voiceRecording') {
+    } else if (file.type === _types.FileTypes.VoiceRecording) {
       return {
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
@@ -361,7 +445,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         mime_type: file.file.mimeType,
         originalFile: file.file,
         title: file.file.name,
-        type: 'voiceRecording',
+        type: _types.FileTypes.VoiceRecording,
         waveform_data: file.file.waveform_data
       };
     } else {
@@ -371,13 +455,13 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         mime_type: file.file.mimeType,
         originalFile: file.file,
         title: file.file.name,
-        type: 'file'
+        type: _types.FileTypes.File
       };
     }
   };
   var sendMessage = function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
-      var _ref4,
+    var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
+      var _ref6,
         customMessageData,
         linkInfos,
         prevText,
@@ -393,24 +477,24 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         message,
         updatedMessage,
         updateMessagePromise,
-        _args3 = arguments;
-      return _regenerator["default"].wrap(function _callee2$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+        _args5 = arguments;
+      return _regenerator["default"].wrap(function _callee4$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
           case 0:
-            _ref4 = _args3.length > 0 && _args3[0] !== undefined ? _args3[0] : {}, customMessageData = _ref4.customMessageData;
+            _ref6 = _args5.length > 0 && _args5[0] !== undefined ? _args5[0] : {}, customMessageData = _ref6.customMessageData;
             if (!sending.current) {
-              _context3.next = 3;
+              _context5.next = 3;
               break;
             }
-            return _context3.abrupt("return");
+            return _context5.abrupt("return");
           case 3:
             linkInfos = (0, _parseLinks.parseLinksFromText)(text);
             if (!(!channelCapabities.sendLinks && linkInfos.length > 0)) {
-              _context3.next = 7;
+              _context5.next = 7;
               break;
             }
             _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
-            return _context3.abrupt("return");
+            return _context5.abrupt("return");
           case 7:
             sending.current = true;
             startCooldown();
@@ -421,46 +505,46 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
             attachments = [];
             _loop = _regenerator["default"].mark(function _loop(_image) {
-              return _regenerator["default"].wrap(function _loop$(_context2) {
-                while (1) switch (_context2.prev = _context2.next) {
+              return _regenerator["default"].wrap(function _loop$(_context4) {
+                while (1) switch (_context4.prev = _context4.next) {
                   case 0:
                     if (!enableOfflineSupport) {
-                      _context2.next = 5;
+                      _context4.next = 5;
                       break;
                     }
                     if (!(_image.state === _utils2.FileState.NOT_SUPPORTED)) {
-                      _context2.next = 3;
+                      _context4.next = 3;
                       break;
                     }
-                    return _context2.abrupt("return", {
+                    return _context4.abrupt("return", {
                       v: void 0
                     });
                   case 3:
                     attachments.push(mapImageUploadToAttachment(_image));
-                    return _context2.abrupt("return", "continue");
+                    return _context4.abrupt("return", "continue");
                   case 5:
                     if (!((!_image || _image.state === _utils2.FileState.UPLOAD_FAILED) && !enableOfflineSupport)) {
-                      _context2.next = 7;
+                      _context4.next = 7;
                       break;
                     }
-                    return _context2.abrupt("return", "continue");
+                    return _context4.abrupt("return", "continue");
                   case 7:
                     if (!(_image.state === _utils2.FileState.UPLOADING)) {
-                      _context2.next = 14;
+                      _context4.next = 14;
                       break;
                     }
                     if (!value.sendImageAsync) {
-                      _context2.next = 12;
+                      _context4.next = 12;
                       break;
                     }
                     setAsyncIds(function (prevAsyncIds) {
                       return [].concat((0, _toConsumableArray2["default"])(prevAsyncIds), [_image.id]);
                     });
-                    _context2.next = 14;
+                    _context4.next = 14;
                     break;
                   case 12:
                     sending.current = false;
-                    return _context2.abrupt("return", {
+                    return _context4.abrupt("return", {
                       v: setText(prevText)
                     });
                   case 14:
@@ -469,107 +553,107 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                     }
                   case 15:
                   case "end":
-                    return _context2.stop();
+                    return _context4.stop();
                 }
               }, _loop);
             });
             _iterator3 = _createForOfIteratorHelper(imageUploads);
-            _context3.prev = 15;
+            _context5.prev = 15;
             _iterator3.s();
           case 17:
             if ((_step3 = _iterator3.n()).done) {
-              _context3.next = 27;
+              _context5.next = 27;
               break;
             }
             _image = _step3.value;
-            return _context3.delegateYield(_loop(_image), "t0", 20);
+            return _context5.delegateYield(_loop(_image), "t0", 20);
           case 20:
-            _ret = _context3.t0;
+            _ret = _context5.t0;
             if (!(_ret === "continue")) {
-              _context3.next = 23;
+              _context5.next = 23;
               break;
             }
-            return _context3.abrupt("continue", 25);
+            return _context5.abrupt("continue", 25);
           case 23:
             if (!((0, _typeof2["default"])(_ret) === "object")) {
-              _context3.next = 25;
+              _context5.next = 25;
               break;
             }
-            return _context3.abrupt("return", _ret.v);
+            return _context5.abrupt("return", _ret.v);
           case 25:
-            _context3.next = 17;
+            _context5.next = 17;
             break;
           case 27:
-            _context3.next = 32;
+            _context5.next = 32;
             break;
           case 29:
-            _context3.prev = 29;
-            _context3.t1 = _context3["catch"](15);
-            _iterator3.e(_context3.t1);
+            _context5.prev = 29;
+            _context5.t1 = _context5["catch"](15);
+            _iterator3.e(_context5.t1);
           case 32:
-            _context3.prev = 32;
+            _context5.prev = 32;
             _iterator3.f();
-            return _context3.finish(32);
+            return _context5.finish(32);
           case 35:
             _iterator4 = _createForOfIteratorHelper(fileUploads);
-            _context3.prev = 36;
+            _context5.prev = 36;
             _iterator4.s();
           case 38:
             if ((_step4 = _iterator4.n()).done) {
-              _context3.next = 53;
+              _context5.next = 53;
               break;
             }
             _file3 = _step4.value;
             if (!enableOfflineSupport) {
-              _context3.next = 45;
+              _context5.next = 45;
               break;
             }
             if (!(_file3.state === _utils2.FileState.NOT_SUPPORTED)) {
-              _context3.next = 43;
+              _context5.next = 43;
               break;
             }
-            return _context3.abrupt("return");
+            return _context5.abrupt("return");
           case 43:
             attachments.push(mapFileUploadToAttachment(_file3));
-            return _context3.abrupt("continue", 51);
+            return _context5.abrupt("continue", 51);
           case 45:
             if (!(!_file3 || _file3.state === _utils2.FileState.UPLOAD_FAILED)) {
-              _context3.next = 47;
+              _context5.next = 47;
               break;
             }
-            return _context3.abrupt("continue", 51);
+            return _context5.abrupt("continue", 51);
           case 47:
             if (!(_file3.state === _utils2.FileState.UPLOADING)) {
-              _context3.next = 50;
+              _context5.next = 50;
               break;
             }
             sending.current = false;
-            return _context3.abrupt("return");
+            return _context5.abrupt("return");
           case 50:
             if (_file3.state === _utils2.FileState.UPLOADED || _file3.state === _utils2.FileState.FINISHED) {
               attachments.push(mapFileUploadToAttachment(_file3));
             }
           case 51:
-            _context3.next = 38;
+            _context5.next = 38;
             break;
           case 53:
-            _context3.next = 58;
+            _context5.next = 58;
             break;
           case 55:
-            _context3.prev = 55;
-            _context3.t2 = _context3["catch"](36);
-            _iterator4.e(_context3.t2);
+            _context5.prev = 55;
+            _context5.t2 = _context5["catch"](36);
+            _iterator4.e(_context5.t2);
           case 58:
-            _context3.prev = 58;
+            _context5.prev = 58;
             _iterator4.f();
-            return _context3.finish(58);
+            return _context5.finish(58);
           case 61:
             if (!(!prevText && attachments.length === 0)) {
-              _context3.next = 64;
+              _context5.next = 64;
               break;
             }
             sending.current = false;
-            return _context3.abrupt("return");
+            return _context5.abrupt("return");
           case 64:
             message = value.editing;
             if (message && message.type !== 'error') {
@@ -611,12 +695,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 66:
           case "end":
-            return _context3.stop();
+            return _context5.stop();
         }
-      }, _callee2, null, [[15, 29, 32, 35], [36, 55, 58, 61]]);
+      }, _callee4, null, [[15, 29, 32, 35], [36, 55, 58, 61]]);
     }));
     return function sendMessage() {
-      return _ref3.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var sendMessageAsync = function sendMessageAsync(id) {
@@ -627,7 +711,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     if (image.state === _utils2.FileState.UPLOADED || image.state === _utils2.FileState.FINISHED) {
       var attachments = [{
         image_url: image.url,
-        type: 'image'
+        type: _types.FileTypes.Image
       }];
       startCooldown();
       try {
@@ -683,16 +767,16 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   };
   var triggerSettings = getTriggerSettings();
   var updateMessage = function () {
-    var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
-      return _regenerator["default"].wrap(function _callee3$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+    var _ref7 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
+      return _regenerator["default"].wrap(function _callee5$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
-            _context4.prev = 0;
+            _context6.prev = 0;
             if (!value.editing) {
-              _context4.next = 4;
+              _context6.next = 4;
               break;
             }
-            _context4.next = 4;
+            _context6.next = 4;
             return client.updateMessage(Object.assign({}, value.editing, {
               quoted_message: undefined,
               text: giphyEnabled && giphyActive ? "/giphy ".concat(text) : text
@@ -700,20 +784,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
           case 4:
             value.clearEditingState();
             resetInput();
-            _context4.next = 11;
+            _context6.next = 11;
             break;
           case 8:
-            _context4.prev = 8;
-            _context4.t0 = _context4["catch"](0);
-            console.log(_context4.t0);
+            _context6.prev = 8;
+            _context6.t0 = _context6["catch"](0);
+            console.log(_context6.t0);
           case 11:
           case "end":
-            return _context4.stop();
+            return _context6.stop();
         }
-      }, _callee3, null, [[0, 8]]);
+      }, _callee5, null, [[0, 8]]);
     }));
     return function updateMessage() {
-      return _ref5.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   var regexCondition = /File (extension \.\w{2,4}|type \S+) is not supported/;
@@ -754,51 +838,51 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     }
   };
   var uploadFile = function () {
-    var _ref7 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(_ref6) {
+    var _ref9 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref8) {
       var newFile, file, id, response, _file$mimeType, compressedUri, extraData;
-      return _regenerator["default"].wrap(function _callee4$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return _regenerator["default"].wrap(function _callee6$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
           case 0:
-            newFile = _ref6.newFile;
+            newFile = _ref8.newFile;
             file = newFile.file, id = newFile.id;
             setFileUploads(getUploadSetStateAction(id, _utils2.FileState.UPLOADING));
             response = {};
-            _context5.prev = 4;
+            _context7.prev = 4;
             if (!value.doDocUploadRequest) {
-              _context5.next = 11;
+              _context7.next = 11;
               break;
             }
-            _context5.next = 8;
+            _context7.next = 8;
             return value.doDocUploadRequest(file, channel);
           case 8:
-            response = _context5.sent;
-            _context5.next = 26;
+            response = _context7.sent;
+            _context7.next = 26;
             break;
           case 11:
             if (!(channel && file.uri)) {
-              _context5.next = 26;
+              _context7.next = 26;
               break;
             }
             uploadAbortControllerRef.current.set(file.name, client.createAbortControllerForNextRequest());
             if (!((_file$mimeType = file.mimeType) != null && _file$mimeType.includes('image'))) {
-              _context5.next = 22;
+              _context7.next = 22;
               break;
             }
-            _context5.next = 16;
+            _context7.next = 16;
             return (0, _compressImage.compressedImageURI)(file, value.compressImageQuality);
           case 16:
-            compressedUri = _context5.sent;
-            _context5.next = 19;
+            compressedUri = _context7.sent;
+            _context7.next = 19;
             return channel.sendFile(compressedUri, file.name, file.mimeType);
           case 19:
-            response = _context5.sent;
-            _context5.next = 25;
+            response = _context7.sent;
+            _context7.next = 25;
             break;
           case 22:
-            _context5.next = 24;
+            _context7.next = 24;
             return channel.sendFile(file.uri, file.name, file.mimeType);
           case 24:
-            response = _context5.sent;
+            response = _context7.sent;
           case 25:
             uploadAbortControllerRef.current["delete"](file.name);
           case 26:
@@ -807,70 +891,70 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               url: response.file
             };
             setFileUploads(getUploadSetStateAction(id, _utils2.FileState.UPLOADED, extraData));
-            _context5.next = 36;
+            _context7.next = 36;
             break;
           case 30:
-            _context5.prev = 30;
-            _context5.t0 = _context5["catch"](4);
-            if (!(_context5.t0 instanceof Error && (_context5.t0.name === 'AbortError' || _context5.t0.name === 'CanceledError'))) {
-              _context5.next = 35;
+            _context7.prev = 30;
+            _context7.t0 = _context7["catch"](4);
+            if (!(_context7.t0 instanceof Error && (_context7.t0.name === 'AbortError' || _context7.t0.name === 'CanceledError'))) {
+              _context7.next = 35;
               break;
             }
             uploadAbortControllerRef.current["delete"](file.name);
-            return _context5.abrupt("return");
+            return _context7.abrupt("return");
           case 35:
-            handleFileOrImageUploadError(_context5.t0, false, id);
+            handleFileOrImageUploadError(_context7.t0, false, id);
           case 36:
           case "end":
-            return _context5.stop();
+            return _context7.stop();
         }
-      }, _callee4, null, [[4, 30]]);
+      }, _callee6, null, [[4, 30]]);
     }));
     return function uploadFile(_x) {
-      return _ref7.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var uploadImage = function () {
-    var _ref9 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref8) {
+    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(_ref10) {
       var _file$name;
-      var newImage, _ref10, file, id, response, uri, filename, compressedUri, contentType, newImageUploads;
-      return _regenerator["default"].wrap(function _callee5$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      var newImage, _ref12, file, id, response, uri, filename, compressedUri, contentType, newImageUploads;
+      return _regenerator["default"].wrap(function _callee7$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
           case 0:
-            newImage = _ref8.newImage;
-            _ref10 = newImage || {}, file = _ref10.file, id = _ref10.id;
+            newImage = _ref10.newImage;
+            _ref12 = newImage || {}, file = _ref12.file, id = _ref12.id;
             if (file) {
-              _context6.next = 4;
+              _context8.next = 4;
               break;
             }
-            return _context6.abrupt("return");
+            return _context8.abrupt("return");
           case 4:
             response = {};
             uri = file.uri || '';
             filename = (_file$name = file.name) != null ? _file$name : (0, _utils2.getFileNameFromPath)(uri);
-            _context6.prev = 7;
-            _context6.next = 10;
+            _context8.prev = 7;
+            _context8.next = 10;
             return (0, _compressImage.compressedImageURI)(file, value.compressImageQuality);
           case 10:
-            compressedUri = _context6.sent;
+            compressedUri = _context8.sent;
             contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
             if (!value.doImageUploadRequest) {
-              _context6.next = 18;
+              _context8.next = 18;
               break;
             }
-            _context6.next = 15;
+            _context8.next = 15;
             return value.doImageUploadRequest(file, channel);
           case 15:
-            response = _context6.sent;
-            _context6.next = 29;
+            response = _context8.sent;
+            _context8.next = 29;
             break;
           case 18:
             if (!(compressedUri && channel)) {
-              _context6.next = 29;
+              _context8.next = 29;
               break;
             }
             if (!value.sendImageAsync) {
-              _context6.next = 24;
+              _context8.next = 24;
               break;
             }
             uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
@@ -893,14 +977,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }, function () {
               uploadAbortControllerRef.current["delete"](filename);
             });
-            _context6.next = 29;
+            _context8.next = 29;
             break;
           case 24:
             uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
-            _context6.next = 27;
+            _context8.next = 27;
             return channel.sendImage(compressedUri, filename, contentType);
           case 27:
-            response = _context6.sent;
+            response = _context8.sent;
             uploadAbortControllerRef.current["delete"](filename);
           case 29:
             if (Object.keys(response).length) {
@@ -911,35 +995,35 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               });
               setImageUploads(newImageUploads);
             }
-            _context6.next = 38;
+            _context8.next = 38;
             break;
           case 32:
-            _context6.prev = 32;
-            _context6.t0 = _context6["catch"](7);
-            if (!(_context6.t0 instanceof Error && (_context6.t0.name === 'AbortError' || _context6.t0.name === 'CanceledError'))) {
-              _context6.next = 37;
+            _context8.prev = 32;
+            _context8.t0 = _context8["catch"](7);
+            if (!(_context8.t0 instanceof Error && (_context8.t0.name === 'AbortError' || _context8.t0.name === 'CanceledError'))) {
+              _context8.next = 37;
               break;
             }
             uploadAbortControllerRef.current["delete"](filename);
-            return _context6.abrupt("return");
+            return _context8.abrupt("return");
           case 37:
-            handleFileOrImageUploadError(_context6.t0, true, id);
+            handleFileOrImageUploadError(_context8.t0, true, id);
           case 38:
           case "end":
-            return _context6.stop();
+            return _context8.stop();
         }
-      }, _callee5, null, [[7, 32]]);
+      }, _callee7, null, [[7, 32]]);
     }));
     return function uploadImage(_x2) {
-      return _ref9.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
   var uploadNewFile = function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(file) {
+    var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(file) {
       var _file$mimeType2;
       var id, fileConfig, size_limit, isAllowed, sizeLimit, fileState, fileType, newFile;
-      return _regenerator["default"].wrap(function _callee6$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
+      return _regenerator["default"].wrap(function _callee8$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
           case 0:
             id = (0, _utils2.generateRandomId)();
             fileConfig = getFileUploadConfig();
@@ -950,7 +1034,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             });
             sizeLimit = size_limit || _utils.MAX_FILE_SIZE_TO_UPLOAD;
             if (!(file.size && file.size > sizeLimit)) {
-              _context7.next = 9;
+              _context9.next = 9;
               break;
             }
             _reactNative.Alert.alert(t('File is too large: {{ size }}, maximum upload size is {{ limit }}', {
@@ -960,7 +1044,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             setSelectedFiles(selectedFiles.filter(function (selectedFile) {
               return selectedFile.uri !== file.uri;
             }));
-            return _context7.abrupt("return");
+            return _context9.abrupt("return");
           case 9:
             fileState = isAllowed ? _utils2.FileState.UPLOADING : _utils2.FileState.NOT_SUPPORTED;
             fileType = file.type || ((_file$mimeType2 = file.mimeType) == null ? void 0 : _file$mimeType2.split('/')[0]);
@@ -971,7 +1055,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               state: fileState,
               type: fileType
             };
-            _context7.next = 14;
+            _context9.next = 14;
             return Promise.all([setFileUploads(function (prevFileUploads) {
               return prevFileUploads.concat([newFile]);
             }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -985,19 +1069,19 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 15:
           case "end":
-            return _context7.stop();
+            return _context9.stop();
         }
-      }, _callee6);
+      }, _callee8);
     }));
     return function uploadNewFile(_x3) {
-      return _ref11.apply(this, arguments);
+      return _ref13.apply(this, arguments);
     };
   }();
   var uploadNewImage = function () {
-    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(image) {
+    var _ref14 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(image) {
       var id, imageUploadConfig, size_limit, isAllowed, sizeLimit, imageState, newImage;
-      return _regenerator["default"].wrap(function _callee7$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
+      return _regenerator["default"].wrap(function _callee9$(_context10) {
+        while (1) switch (_context10.prev = _context10.next) {
           case 0:
             id = (0, _utils2.generateRandomId)();
             imageUploadConfig = getImageUploadConfig();
@@ -1008,7 +1092,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             });
             sizeLimit = size_limit || _utils.MAX_FILE_SIZE_TO_UPLOAD;
             if (!(image.size && (image == null ? void 0 : image.size) > sizeLimit)) {
-              _context8.next = 9;
+              _context10.next = 9;
               break;
             }
             _reactNative.Alert.alert(t('File is too large: {{ size }}, maximum upload size is {{ limit }}', {
@@ -1018,7 +1102,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             setSelectedImages(selectedImages.filter(function (selectedImage) {
               return selectedImage.uri !== image.uri;
             }));
-            return _context8.abrupt("return");
+            return _context10.abrupt("return");
           case 9:
             imageState = isAllowed ? _utils2.FileState.UPLOADING : _utils2.FileState.NOT_SUPPORTED;
             newImage = {
@@ -1029,7 +1113,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
               url: image.uri,
               width: image.width
             };
-            _context8.next = 13;
+            _context10.next = 13;
             return Promise.all([setImageUploads(function (prevImageUploads) {
               return prevImageUploads.concat([newImage]);
             }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -1043,12 +1127,12 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             }
           case 14:
           case "end":
-            return _context8.stop();
+            return _context10.stop();
         }
-      }, _callee7);
+      }, _callee9);
     }));
     return function uploadNewImage(_x4) {
-      return _ref12.apply(this, arguments);
+      return _ref14.apply(this, arguments);
     };
   }();
   var messageInputContext = (0, _useCreateMessageInputContext.useCreateMessageInputContext)(Object.assign({
@@ -1070,6 +1154,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     openCommandsPicker: openCommandsPicker,
     openFilePicker: pickFile,
     openMentionsPicker: openMentionsPicker,
+    pickAndUploadImageFromNativePicker: pickAndUploadImageFromNativePicker,
     pickFile: pickFile,
     removeFile: removeFile,
     removeImage: removeImage,
@@ -1090,6 +1175,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     setShowMoreOptions: setShowMoreOptions,
     setText: setText,
     showMoreOptions: showMoreOptions,
+    takeAndUploadImage: takeAndUploadImage,
     text: text,
     thread: thread,
     toggleAttachmentPicker: toggleAttachmentPicker,