stream-chat-react-native-core 5.8.0-beta.5 → 5.8.0-beta.7

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

@@ -1,280 +1,196 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof3 = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.withMessageInputContext = exports.useMessageInputContext = exports.MessageInputProvider = exports.MessageInputContext = void 0;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 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 _removeReservedFields = require("../../utils/removeReservedFields");
-
 var _utils = require("../../utils/utils");
-
 var _AttachmentPickerContext = require("../attachmentPickerContext/AttachmentPickerContext");
-
 var _ChannelContext = require("../channelContext/ChannelContext");
-
 var _ChatContext = require("../chatContext/ChatContext");
-
 var _OwnCapabilitiesContext = require("../ownCapabilitiesContext/OwnCapabilitiesContext");
-
 var _ThreadContext = require("../threadContext/ThreadContext");
-
 var _TranslationContext = require("../translationContext/TranslationContext");
-
 var _defaultBaseContextValue = require("../utils/defaultBaseContextValue");
-
 var _getDisplayName = require("../utils/getDisplayName");
-
 var _isTestEnvironment = require("../utils/isTestEnvironment");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/contexts/messageInputContext/MessageInputContext.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-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; }
-
+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 MessageInputContext = _react["default"].createContext(_defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE);
-
 exports.MessageInputContext = MessageInputContext;
-
 var MessageInputProvider = function MessageInputProvider(_ref) {
   var _getFileUploadConfig, _getFileUploadConfig2, _getImageUploadConfig, _getImageUploadConfig2;
-
   var children = _ref.children,
-      value = _ref.value;
-
+    value = _ref.value;
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-      closePicker = _useAttachmentPickerC.closePicker,
-      openPicker = _useAttachmentPickerC.openPicker,
-      selectedPicker = _useAttachmentPickerC.selectedPicker,
-      setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
-
+    closePicker = _useAttachmentPickerC.closePicker,
+    openPicker = _useAttachmentPickerC.openPicker,
+    selectedPicker = _useAttachmentPickerC.selectedPicker,
+    setSelectedPicker = _useAttachmentPickerC.setSelectedPicker;
   var _useChatContext = (0, _ChatContext.useChatContext)(),
-      appSettings = _useChatContext.appSettings,
-      client = _useChatContext.client,
-      enableOfflineSupport = _useChatContext.enableOfflineSupport;
-
+    appSettings = _useChatContext.appSettings,
+    client = _useChatContext.client,
+    enableOfflineSupport = _useChatContext.enableOfflineSupport;
   var getFileUploadConfig = function getFileUploadConfig() {
     var _appSettings$app;
-
     var fileConfig = appSettings == null ? void 0 : (_appSettings$app = appSettings.app) == null ? void 0 : _appSettings$app.file_upload_config;
-
     if (fileConfig !== null || fileConfig !== undefined) {
       return fileConfig;
     } else {
       return {};
     }
   };
-
   var blockedFileExtensionTypes = (_getFileUploadConfig = getFileUploadConfig()) == null ? void 0 : _getFileUploadConfig.blocked_file_extensions;
   var blockedFileMimeTypes = (_getFileUploadConfig2 = getFileUploadConfig()) == null ? void 0 : _getFileUploadConfig2.blocked_mime_types;
-
   var getImageUploadConfig = function getImageUploadConfig() {
     var _appSettings$app2;
-
     var imageConfig = appSettings == null ? void 0 : (_appSettings$app2 = appSettings.app) == null ? void 0 : _appSettings$app2.image_upload_config;
-
     if (imageConfig !== null || imageConfig !== undefined) {
       return imageConfig;
     }
-
     return {};
   };
-
   var blockedImageExtensionTypes = (_getImageUploadConfig = getImageUploadConfig()) == null ? void 0 : _getImageUploadConfig.blocked_file_extensions;
   var blockedImageMimeTypes = (_getImageUploadConfig2 = getImageUploadConfig()) == null ? void 0 : _getImageUploadConfig2.blocked_mime_types;
   var channelCapabities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
-
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      channel = _useChannelContext.channel,
-      giphyEnabled = _useChannelContext.giphyEnabled;
-
+    channel = _useChannelContext.channel,
+    giphyEnabled = _useChannelContext.giphyEnabled;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      thread = _useThreadContext.thread;
-
+    thread = _useThreadContext.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   var inputBoxRef = (0, _react.useRef)(null);
   var sending = (0, _react.useRef)(false);
-
   var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      asyncIds = _useState2[0],
-      setAsyncIds = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    asyncIds = _useState2[0],
+    setAsyncIds = _useState2[1];
   var _useState3 = (0, _react.useState)({}),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      asyncUploads = _useState4[0],
-      setAsyncUploads = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    asyncUploads = _useState4[0],
+    setAsyncUploads = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      giphyActive = _useState6[0],
-      setGiphyActive = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    giphyActive = _useState6[0],
+    setGiphyActive = _useState6[1];
   var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      sendThreadMessageInChannel = _useState8[0],
-      setSendThreadMessageInChannel = _useState8[1];
-
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    sendThreadMessageInChannel = _useState8[0],
+    setSendThreadMessageInChannel = _useState8[1];
   var editing = value.editing,
-      hasFilePicker = value.hasFilePicker,
-      hasImagePicker = value.hasImagePicker,
-      initialValue = value.initialValue;
-
+    hasFilePicker = value.hasFilePicker,
+    hasImagePicker = value.hasImagePicker,
+    initialValue = value.initialValue;
   var _useMessageDetailsFor = (0, _useMessageDetailsForState.useMessageDetailsForState)(editing, initialValue),
-      fileUploads = _useMessageDetailsFor.fileUploads,
-      imageUploads = _useMessageDetailsFor.imageUploads,
-      mentionedUsers = _useMessageDetailsFor.mentionedUsers,
-      numberOfUploads = _useMessageDetailsFor.numberOfUploads,
-      setFileUploads = _useMessageDetailsFor.setFileUploads,
-      setImageUploads = _useMessageDetailsFor.setImageUploads,
-      setMentionedUsers = _useMessageDetailsFor.setMentionedUsers,
-      setNumberOfUploads = _useMessageDetailsFor.setNumberOfUploads,
-      setShowMoreOptions = _useMessageDetailsFor.setShowMoreOptions,
-      setText = _useMessageDetailsFor.setText,
-      showMoreOptions = _useMessageDetailsFor.showMoreOptions,
-      text = _useMessageDetailsFor.text;
-
+    fileUploads = _useMessageDetailsFor.fileUploads,
+    imageUploads = _useMessageDetailsFor.imageUploads,
+    mentionedUsers = _useMessageDetailsFor.mentionedUsers,
+    numberOfUploads = _useMessageDetailsFor.numberOfUploads,
+    setFileUploads = _useMessageDetailsFor.setFileUploads,
+    setImageUploads = _useMessageDetailsFor.setImageUploads,
+    setMentionedUsers = _useMessageDetailsFor.setMentionedUsers,
+    setNumberOfUploads = _useMessageDetailsFor.setNumberOfUploads,
+    setShowMoreOptions = _useMessageDetailsFor.setShowMoreOptions,
+    setText = _useMessageDetailsFor.setText,
+    showMoreOptions = _useMessageDetailsFor.showMoreOptions,
+    text = _useMessageDetailsFor.text;
   var _useCooldown = (0, _useCooldown2.useCooldown)(),
-      cooldownEndsAt = _useCooldown.endsAt,
-      startCooldown = _useCooldown.start;
-
+    cooldownEndsAt = _useCooldown.endsAt,
+    startCooldown = _useCooldown.start;
   var threadId = thread == null ? void 0 : thread.id;
   (0, _react.useEffect)(function () {
     setSendThreadMessageInChannel(false);
   }, [threadId]);
-
   var appendText = function appendText(newText) {
     setText(function (prevText) {
       return "" + prevText + newText;
     });
   };
-
   var isValidMessage = function isValidMessage() {
     if (text && text.trim()) {
       return true;
     }
-
     var imagesAndFiles = [].concat((0, _toConsumableArray2["default"])(imageUploads), (0, _toConsumableArray2["default"])(fileUploads));
-
     if (enableOfflineSupport) {
       for (var _iterator = _createForOfIteratorHelperLoose(imagesAndFiles), _step; !(_step = _iterator()).done;) {
         var _file = _step.value;
-
         if (_file.state === _utils.FileState.NOT_SUPPORTED) {
           return false;
         }
       }
-
       return true;
     }
-
     for (var _iterator2 = _createForOfIteratorHelperLoose(imagesAndFiles), _step2; !(_step2 = _iterator2()).done;) {
       var _file2 = _step2.value;
-
       if (!_file2 || _file2.state === _utils.FileState.UPLOAD_FAILED) {
         continue;
       }
-
       if (_file2.state === _utils.FileState.UPLOADING) {
         return false;
       }
-
       return true;
     }
-
     return false;
   };
-
   var onChange = function onChange(newText) {
     if (sending.current) {
       return;
     }
-
     setText(newText);
-
     if (newText && channel && channelCapabities.sendTypingEvents) {
       (0, _streamChat.logChatPromiseExecution)(channel.keystroke(thread == null ? void 0 : thread.id), 'start typing event');
     }
-
     if (value.onChangeText) {
       value.onChangeText(newText);
     }
   };
-
   var openCommandsPicker = function openCommandsPicker() {
     appendText('/');
-
     if (inputBoxRef.current) {
       inputBoxRef.current.focus();
     }
   };
-
   var openMentionsPicker = function openMentionsPicker() {
     appendText('@');
-
     if (inputBoxRef.current) {
       inputBoxRef.current.focus();
     }
   };
-
   var openAttachmentPicker = function openAttachmentPicker() {
     if (hasImagePicker) {
       _reactNative.Keyboard.dismiss();
-
       setSelectedPicker('images');
       openPicker();
     } else if (hasFilePicker) {
       pickFile();
     }
   };
-
   var closeAttachmentPicker = function closeAttachmentPicker() {
     setSelectedPicker(undefined);
     closePicker();
   };
-
   var toggleAttachmentPicker = function toggleAttachmentPicker() {
     if (selectedPicker) {
       closeAttachmentPicker();
@@ -282,76 +198,61 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       openAttachmentPicker();
     }
   };
-
   var onSelectItem = function onSelectItem(item) {
     setMentionedUsers(function (prevMentionedUsers) {
       return [].concat((0, _toConsumableArray2["default"])(prevMentionedUsers), [item.id]);
     });
   };
-
   var pickFile = function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee() {
       var result, MEGA_BYTES_TO_BYTES, MAX_FILE_SIZE_TO_UPLOAD_IN_MB, totalFileSize;
       return _regenerator["default"].wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!(_native.pickDocument === null)) {
-                _context.next = 3;
-                break;
-              }
-
-              console.log('The file picker is not installed. Check our Getting Started documentation to install it.');
-              return _context.abrupt("return");
-
-            case 3:
-              if (!(numberOfUploads >= value.maxNumberOfFiles)) {
-                _context.next = 6;
-                break;
-              }
-
-              _reactNative.Alert.alert('Maximum number of files reached');
-
-              return _context.abrupt("return");
-
-            case 6:
-              _context.next = 8;
-              return (0, _native.pickDocument)({
-                maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads
-              });
-
-            case 8:
-              result = _context.sent;
-              MEGA_BYTES_TO_BYTES = 1024 * 1024;
-              MAX_FILE_SIZE_TO_UPLOAD_IN_MB = 100;
-
-              if (!result.cancelled && result.docs) {
-                totalFileSize = result.docs.reduce(function (acc, doc) {
-                  return acc + Number(doc.size);
-                }, 0);
-
-                if (totalFileSize / MEGA_BYTES_TO_BYTES > MAX_FILE_SIZE_TO_UPLOAD_IN_MB) {
-                  _reactNative.Alert.alert("Maximum file size upload limit reached, please upload files below " + MAX_FILE_SIZE_TO_UPLOAD_IN_MB + "MB.");
-                } else {
-                  result.docs.forEach(function (doc) {
-                    uploadNewFile(doc);
-                  });
-                }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(_native.pickDocument === null)) {
+              _context.next = 3;
+              break;
+            }
+            console.log('The file picker is not installed. Check our Getting Started documentation to install it.');
+            return _context.abrupt("return");
+          case 3:
+            if (!(numberOfUploads >= value.maxNumberOfFiles)) {
+              _context.next = 6;
+              break;
+            }
+            _reactNative.Alert.alert('Maximum number of files reached');
+            return _context.abrupt("return");
+          case 6:
+            _context.next = 8;
+            return (0, _native.pickDocument)({
+              maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads
+            });
+          case 8:
+            result = _context.sent;
+            MEGA_BYTES_TO_BYTES = 1024 * 1024;
+            MAX_FILE_SIZE_TO_UPLOAD_IN_MB = 100;
+            if (!result.cancelled && result.docs) {
+              totalFileSize = result.docs.reduce(function (acc, doc) {
+                return acc + Number(doc.size);
+              }, 0);
+              if (totalFileSize / MEGA_BYTES_TO_BYTES > MAX_FILE_SIZE_TO_UPLOAD_IN_MB) {
+                _reactNative.Alert.alert("Maximum file size upload limit reached, please upload files below " + MAX_FILE_SIZE_TO_UPLOAD_IN_MB + "MB.");
+              } else {
+                result.docs.forEach(function (doc) {
+                  uploadNewFile(doc);
+                });
               }
-
-            case 12:
-            case "end":
-              return _context.stop();
-          }
+            }
+          case 12:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     }));
-
     return function pickFile() {
       return _ref2.apply(this, arguments);
     };
   }();
-
   var removeFile = function removeFile(id) {
     if (fileUploads.some(function (file) {
       return file.id === id;
@@ -366,7 +267,6 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       });
     }
   };
-
   var removeImage = function removeImage(id) {
     if (imageUploads.some(function (image) {
       return image.id === id;
@@ -381,7 +281,6 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       });
     }
   };
-
   var resetInput = function resetInput() {
     var pendingAttachments = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     setFileUploads([]);
@@ -394,7 +293,6 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     });
     setText('');
   };
-
   var mapImageUploadToAttachment = function mapImageUploadToAttachment(image) {
     var mime_type = (0, _mimeTypes.lookup)(image.file.filename);
     return {
@@ -407,12 +305,9 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       type: 'image'
     };
   };
-
   var mapFileUploadToAttachment = function mapFileUploadToAttachment(file) {
     var _file$file$type, _file$file$type2, _file$file$type3;
-
     var mime_type = (0, _mimeTypes.lookup)(file.file.name);
-
     if ((_file$file$type = file.file.type) != null && _file$file$type.startsWith('image/')) {
       return {
         fallback: file.file.name,
@@ -453,238 +348,216 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       };
     }
   };
-
   var sendMessage = function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2() {
+    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
       var prevText, attachments, _loop, _iterator3, _step3, _image, _ret, _iterator4, _step4, _file3, updatedMessage, updateMessagePromise;
-
-      return _regenerator["default"].wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              if (!sending.current) {
-                _context2.next = 2;
-                break;
-              }
-
-              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;
-              setText('');
-
-              if (inputBoxRef.current) {
-                inputBoxRef.current.clear();
-              }
-
-              attachments = [];
-
-              _loop = function _loop(_image) {
-                if (enableOfflineSupport) {
-                  if (_image.state === _utils.FileState.NOT_SUPPORTED) {
-                    return {
+      return _regenerator["default"].wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!sending.current) {
+              _context3.next = 2;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 2:
+            if (!(!channelCapabities.sendLinks && !!text.match(_utils.urlRegex))) {
+              _context3.next = 5;
+              break;
+            }
+            _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
+            return _context3.abrupt("return");
+          case 5:
+            sending.current = true;
+            startCooldown();
+            prevText = giphyEnabled && giphyActive ? "/giphy " + text : text;
+            setText('');
+            if (inputBoxRef.current) {
+              inputBoxRef.current.clear();
+            }
+            attachments = [];
+            _loop = _regenerator["default"].mark(function _callee2(image) {
+              return _regenerator["default"].wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (!enableOfflineSupport) {
+                      _context2.next = 5;
+                      break;
+                    }
+                    if (!(image.state === _utils.FileState.NOT_SUPPORTED)) {
+                      _context2.next = 3;
+                      break;
+                    }
+                    return _context2.abrupt("return", {
                       v: void 0
-                    };
-                  }
-
-                  attachments.push(mapImageUploadToAttachment(_image));
-                  return "continue";
-                }
-
-                if ((!_image || _image.state === _utils.FileState.UPLOAD_FAILED) && !enableOfflineSupport) {
-                  return "continue";
-                }
-
-                if (_image.state === _utils.FileState.UPLOADING) {
-                  if (value.sendImageAsync) {
+                    });
+                  case 3:
+                    attachments.push(mapImageUploadToAttachment(image));
+                    return _context2.abrupt("return", "continue");
+                  case 5:
+                    if (!((!image || image.state === _utils.FileState.UPLOAD_FAILED) && !enableOfflineSupport)) {
+                      _context2.next = 7;
+                      break;
+                    }
+                    return _context2.abrupt("return", "continue");
+                  case 7:
+                    if (!(image.state === _utils.FileState.UPLOADING)) {
+                      _context2.next = 14;
+                      break;
+                    }
+                    if (!value.sendImageAsync) {
+                      _context2.next = 12;
+                      break;
+                    }
                     setAsyncIds(function (prevAsyncIds) {
-                      return [].concat((0, _toConsumableArray2["default"])(prevAsyncIds), [_image.id]);
+                      return [].concat((0, _toConsumableArray2["default"])(prevAsyncIds), [image.id]);
                     });
-                  } else {
+                    _context2.next = 14;
+                    break;
+                  case 12:
                     sending.current = false;
-                    return {
+                    return _context2.abrupt("return", {
                       v: setText(prevText)
-                    };
-                  }
-                }
-
-                if (_image.state === _utils.FileState.UPLOADED || _image.state === _utils.FileState.FINISHED) {
-                  attachments.push(mapImageUploadToAttachment(_image));
+                    });
+                  case 14:
+                    if (image.state === _utils.FileState.UPLOADED || image.state === _utils.FileState.FINISHED) {
+                      attachments.push(mapImageUploadToAttachment(image));
+                    }
+                  case 15:
+                  case "end":
+                    return _context2.stop();
                 }
-              };
-
-              _iterator3 = _createForOfIteratorHelperLoose(imageUploads);
-
-            case 13:
-              if ((_step3 = _iterator3()).done) {
-                _context2.next = 22;
-                break;
-              }
-
-              _image = _step3.value;
-              _ret = _loop(_image);
-
-              if (!(_ret === "continue")) {
-                _context2.next = 18;
-                break;
-              }
-
-              return _context2.abrupt("continue", 20);
-
-            case 18:
-              if (!((0, _typeof2["default"])(_ret) === "object")) {
-                _context2.next = 20;
-                break;
-              }
-
-              return _context2.abrupt("return", _ret.v);
-
-            case 20:
-              _context2.next = 13;
+              }, _callee2);
+            });
+            _iterator3 = _createForOfIteratorHelperLoose(imageUploads);
+          case 13:
+            if ((_step3 = _iterator3()).done) {
+              _context3.next = 23;
               break;
-
-            case 22:
-              _iterator4 = _createForOfIteratorHelperLoose(fileUploads);
-
-            case 23:
-              if ((_step4 = _iterator4()).done) {
-                _context2.next = 38;
-                break;
-              }
-
-              _file3 = _step4.value;
-
-              if (!enableOfflineSupport) {
-                _context2.next = 30;
-                break;
-              }
-
-              if (!(_file3.state === _utils.FileState.NOT_SUPPORTED)) {
-                _context2.next = 28;
-                break;
-              }
-
-              return _context2.abrupt("return");
-
-            case 28:
+            }
+            _image = _step3.value;
+            return _context3.delegateYield(_loop(_image), "t0", 16);
+          case 16:
+            _ret = _context3.t0;
+            if (!(_ret === "continue")) {
+              _context3.next = 19;
+              break;
+            }
+            return _context3.abrupt("continue", 21);
+          case 19:
+            if (!((0, _typeof2["default"])(_ret) === "object")) {
+              _context3.next = 21;
+              break;
+            }
+            return _context3.abrupt("return", _ret.v);
+          case 21:
+            _context3.next = 13;
+            break;
+          case 23:
+            _iterator4 = _createForOfIteratorHelperLoose(fileUploads);
+          case 24:
+            if ((_step4 = _iterator4()).done) {
+              _context3.next = 39;
+              break;
+            }
+            _file3 = _step4.value;
+            if (!enableOfflineSupport) {
+              _context3.next = 31;
+              break;
+            }
+            if (!(_file3.state === _utils.FileState.NOT_SUPPORTED)) {
+              _context3.next = 29;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 29:
+            attachments.push(mapFileUploadToAttachment(_file3));
+            return _context3.abrupt("continue", 37);
+          case 31:
+            if (!(!_file3 || _file3.state === _utils.FileState.UPLOAD_FAILED)) {
+              _context3.next = 33;
+              break;
+            }
+            return _context3.abrupt("continue", 37);
+          case 33:
+            if (!(_file3.state === _utils.FileState.UPLOADING)) {
+              _context3.next = 36;
+              break;
+            }
+            sending.current = false;
+            return _context3.abrupt("return");
+          case 36:
+            if (_file3.state === _utils.FileState.UPLOADED || _file3.state === _utils.FileState.FINISHED) {
               attachments.push(mapFileUploadToAttachment(_file3));
-              return _context2.abrupt("continue", 36);
-
-            case 30:
-              if (!(!_file3 || _file3.state === _utils.FileState.UPLOAD_FAILED)) {
-                _context2.next = 32;
-                break;
-              }
-
-              return _context2.abrupt("continue", 36);
-
-            case 32:
-              if (!(_file3.state === _utils.FileState.UPLOADING)) {
-                _context2.next = 35;
-                break;
-              }
-
-              sending.current = false;
-              return _context2.abrupt("return");
-
-            case 35:
-              if (_file3.state === _utils.FileState.UPLOADED || _file3.state === _utils.FileState.FINISHED) {
-                attachments.push(mapFileUploadToAttachment(_file3));
-              }
-
-            case 36:
-              _context2.next = 23;
+            }
+          case 37:
+            _context3.next = 24;
+            break;
+          case 39:
+            if (!(!prevText && attachments.length === 0)) {
+              _context3.next = 42;
               break;
-
-            case 38:
-              if (!(!prevText && attachments.length === 0)) {
-                _context2.next = 41;
-                break;
-              }
-
+            }
+            sending.current = false;
+            return _context3.abrupt("return");
+          case 42:
+            if (value.editing && !(0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
+              updatedMessage = (0, _extends2["default"])({}, value.editing, {
+                attachments: attachments,
+                mentioned_users: mentionedUsers,
+                quoted_message: undefined,
+                text: prevText
+              });
+              value.clearEditingState();
+              updateMessagePromise = value.editMessage((0, _removeReservedFields.removeReservedFields)(updatedMessage)).then(value.clearEditingState);
+              resetInput(attachments);
+              (0, _streamChat.logChatPromiseExecution)(updateMessagePromise, 'update message');
               sending.current = false;
-              return _context2.abrupt("return");
-
-            case 41:
-              if (value.editing && !(0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
-                updatedMessage = (0, _extends2["default"])({}, value.editing, {
+            } else {
+              try {
+                value.sendMessage({
                   attachments: attachments,
-                  mentioned_users: mentionedUsers,
-                  quoted_message: undefined,
+                  mentioned_users: (0, _uniq["default"])(mentionedUsers),
+                  parent_id: thread == null ? void 0 : thread.id,
+                  quoted_message_id: typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
+                  show_in_channel: sendThreadMessageInChannel || undefined,
                   text: prevText
                 });
-                value.clearEditingState();
-                updateMessagePromise = value.editMessage((0, _removeReservedFields.removeReservedFields)(updatedMessage)).then(value.clearEditingState);
+                value.clearQuotedMessageState();
+                sending.current = false;
                 resetInput(attachments);
-                (0, _streamChat.logChatPromiseExecution)(updateMessagePromise, 'update message');
+              } catch (_error) {
                 sending.current = false;
-              } else {
-                try {
-                  value.sendMessage({
-                    attachments: attachments,
-                    mentioned_users: (0, _uniq["default"])(mentionedUsers),
-                    parent_id: thread == null ? void 0 : thread.id,
-                    quoted_message_id: typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
-                    show_in_channel: sendThreadMessageInChannel || undefined,
-                    text: prevText
-                  });
-                  value.clearQuotedMessageState();
-                  sending.current = false;
-                  resetInput(attachments);
-                } catch (_error) {
-                  sending.current = false;
-
-                  if (value.quotedMessage && typeof value.quotedMessage !== 'boolean') {
-                    value.setQuotedMessageState(value.quotedMessage);
-                  }
-
-                  setText(prevText.slice(giphyEnabled && giphyActive ? 7 : 0));
-                  console.log('Failed to send message');
+                if (value.quotedMessage && typeof value.quotedMessage !== 'boolean') {
+                  value.setQuotedMessageState(value.quotedMessage);
                 }
+                setText(prevText.slice(giphyEnabled && giphyActive ? 7 : 0));
+                console.log('Failed to send message');
               }
-
-            case 42:
-            case "end":
-              return _context2.stop();
-          }
+            }
+          case 43:
+          case "end":
+            return _context3.stop();
         }
-      }, _callee2);
+      }, _callee3);
     }));
-
     return function sendMessage() {
       return _ref3.apply(this, arguments);
     };
   }();
-
   var sendMessageAsync = function sendMessageAsync(id) {
     var image = asyncUploads[id];
-
     if (!image || image.state === _utils.FileState.UPLOAD_FAILED) {
       return;
     }
-
     if (image.state === _utils.FileState.UPLOADED || image.state === _utils.FileState.FINISHED) {
-      var _attachments = [{
+      var attachments = [{
         image_url: image.url,
         type: 'image'
       }];
       startCooldown();
-
       try {
         value.sendMessage({
-          attachments: _attachments,
+          attachments: attachments,
           mentioned_users: [],
           parent_id: thread == null ? void 0 : thread.id,
           quoted_message_id: typeof value.quotedMessage === 'boolean' ? undefined : value.quotedMessage.id,
@@ -706,18 +579,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
       }
     }
   };
-
   var setInputBoxRef = function setInputBoxRef(ref) {
     inputBoxRef.current = ref;
-
     if (value.setInputRef) {
       value.setInputRef(ref);
     }
   };
-
   var getTriggerSettings = function getTriggerSettings() {
     var triggerSettings = {};
-
     if (channel) {
       if (value.autoCompleteTriggerSettings) {
         triggerSettings = value.autoCompleteTriggerSettings({
@@ -733,60 +602,46 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
         });
       }
     }
-
     return triggerSettings;
   };
-
   var triggerSettings = getTriggerSettings();
-
   var updateMessage = function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.prev = 0;
-
-              if ((0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
-                _context3.next = 4;
-                break;
-              }
-
-              _context3.next = 4;
-              return client.updateMessage((0, _extends2["default"])({}, value.editing, {
-                quoted_message: undefined,
-                text: giphyEnabled && giphyActive ? "/giphy " + text : text
-              }));
-
-            case 4:
-              resetInput();
-              value.clearEditingState();
-              _context3.next = 11;
+    var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4() {
+      return _regenerator["default"].wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.prev = 0;
+            if ((0, _useMessageDetailsForState.isEditingBoolean)(value.editing)) {
+              _context4.next = 4;
               break;
-
-            case 8:
-              _context3.prev = 8;
-              _context3.t0 = _context3["catch"](0);
-              console.log(_context3.t0);
-
-            case 11:
-            case "end":
-              return _context3.stop();
-          }
+            }
+            _context4.next = 4;
+            return client.updateMessage((0, _extends2["default"])({}, value.editing, {
+              quoted_message: undefined,
+              text: giphyEnabled && giphyActive ? "/giphy " + text : text
+            }));
+          case 4:
+            resetInput();
+            value.clearEditingState();
+            _context4.next = 11;
+            break;
+          case 8:
+            _context4.prev = 8;
+            _context4.t0 = _context4["catch"](0);
+            console.log(_context4.t0);
+          case 11:
+          case "end":
+            return _context4.stop();
         }
-      }, _callee3, null, [[0, 8]]);
+      }, _callee4, null, [[0, 8]]);
     }));
-
     return function updateMessage() {
       return _ref4.apply(this, arguments);
     };
   }();
-
   var regExcondition = /File (extension \.\w{2,4}|type \S+) is not supported/;
-
   var getUploadSetStateAction = function getUploadSetStateAction(id, fileState) {
     var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-
     var uploads = function uploads(prevUploads) {
       return prevUploads.map(function (prevUpload) {
         if (prevUpload.id === id) {
@@ -794,406 +649,328 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
             state: fileState
           });
         }
-
         return prevUpload;
       });
     };
-
     return uploads;
   };
-
   var handleFileOrImageUploadError = function handleFileOrImageUploadError(error, isImageError, id) {
     if (isImageError) {
       setNumberOfUploads(function (prevNumberOfUploads) {
         return prevNumberOfUploads - 1;
       });
-
       if (error instanceof Error) {
         if (regExcondition.test(error.message)) {
           return setImageUploads(getUploadSetStateAction(id, _utils.FileState.NOT_SUPPORTED));
         }
-
         return setImageUploads(getUploadSetStateAction(id, _utils.FileState.UPLOAD_FAILED));
       }
     } else {
       setNumberOfUploads(function (prevNumberOfUploads) {
         return prevNumberOfUploads - 1;
       });
-
       if (error instanceof Error) {
         if (regExcondition.test(error.message)) {
           return setFileUploads(getUploadSetStateAction(id, _utils.FileState.NOT_SUPPORTED));
         }
-
         return setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOAD_FAILED));
       }
     }
   };
-
   var uploadFile = function () {
-    var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(_ref5) {
+    var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref5) {
       var newFile, file, id, response, extraData;
-      return _regenerator["default"].wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              newFile = _ref5.newFile;
-              file = newFile.file, id = newFile.id;
-              setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADING));
-              response = {};
-              _context4.prev = 4;
-
-              if (!value.doDocUploadRequest) {
-                _context4.next = 11;
-                break;
-              }
-
-              _context4.next = 8;
-              return value.doDocUploadRequest(file, channel);
-
-            case 8:
-              response = _context4.sent;
-              _context4.next = 15;
+      return _regenerator["default"].wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            newFile = _ref5.newFile;
+            file = newFile.file, id = newFile.id;
+            setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADING));
+            response = {};
+            _context5.prev = 4;
+            if (!value.doDocUploadRequest) {
+              _context5.next = 11;
               break;
-
-            case 11:
-              if (!(channel && file.uri)) {
-                _context4.next = 15;
-                break;
-              }
-
-              _context4.next = 14;
-              return channel.sendFile(file.uri, file.name, file.type);
-
-            case 14:
-              response = _context4.sent;
-
-            case 15:
-              extraData = {
-                thumb_url: response.thumb_url,
-                url: response.file
-              };
-              setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADED, extraData));
-              _context4.next = 22;
+            }
+            _context5.next = 8;
+            return value.doDocUploadRequest(file, channel);
+          case 8:
+            response = _context5.sent;
+            _context5.next = 15;
+            break;
+          case 11:
+            if (!(channel && file.uri)) {
+              _context5.next = 15;
               break;
-
-            case 19:
-              _context4.prev = 19;
-              _context4.t0 = _context4["catch"](4);
-              handleFileOrImageUploadError(_context4.t0, false, id);
-
-            case 22:
-            case "end":
-              return _context4.stop();
-          }
+            }
+            _context5.next = 14;
+            return channel.sendFile(file.uri, file.name, file.type);
+          case 14:
+            response = _context5.sent;
+          case 15:
+            extraData = {
+              thumb_url: response.thumb_url,
+              url: response.file
+            };
+            setFileUploads(getUploadSetStateAction(id, _utils.FileState.UPLOADED, extraData));
+            _context5.next = 22;
+            break;
+          case 19:
+            _context5.prev = 19;
+            _context5.t0 = _context5["catch"](4);
+            handleFileOrImageUploadError(_context5.t0, false, id);
+          case 22:
+          case "end":
+            return _context5.stop();
         }
-      }, _callee4, null, [[4, 19]]);
+      }, _callee5, null, [[4, 19]]);
     }));
-
     return function uploadFile(_x) {
       return _ref6.apply(this, arguments);
     };
   }();
-
   var uploadImage = function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
+    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(_ref7) {
       var newImage, _ref9, file, id, response, getLocalUri, uri, compressedUri, filename, contentType, newImageUploads;
-
-      return _regenerator["default"].wrap(function _callee6$(_context6) {
-        while (1) {
-          switch (_context6.prev = _context6.next) {
-            case 0:
-              newImage = _ref7.newImage;
-              _ref9 = newImage || {}, file = _ref9.file, id = _ref9.id;
-
-              if (file) {
-                _context6.next = 4;
-                break;
-              }
-
-              return _context6.abrupt("return");
-
-            case 4:
-              response = {};
-              _context6.prev = 5;
-
-              getLocalUri = function () {
-                var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
-                  var _file$uri;
-
-                  return _regenerator["default"].wrap(function _callee5$(_context5) {
-                    while (1) {
-                      switch (_context5.prev = _context5.next) {
-                        case 0:
-                          if (!file.id) {
-                            _context5.next = 6;
-                            break;
-                          }
-
-                          _context5.next = 3;
-                          return (0, _native.getLocalAssetUri)(file.id);
-
-                        case 3:
-                          return _context5.abrupt("return", _context5.sent);
-
-                        case 6:
-                          if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
-                            _context5.next = 10;
-                            break;
-                          }
-
-                          _context5.next = 9;
-                          return (0, _native.getLocalAssetUri)(file.uri);
-
-                        case 9:
-                          return _context5.abrupt("return", _context5.sent);
-
-                        case 10:
-                          return _context5.abrupt("return", file.uri);
-
-                        case 11:
-                        case "end":
-                          return _context5.stop();
+      return _regenerator["default"].wrap(function _callee7$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            newImage = _ref7.newImage;
+            _ref9 = newImage || {}, file = _ref9.file, id = _ref9.id;
+            if (file) {
+              _context7.next = 4;
+              break;
+            }
+            return _context7.abrupt("return");
+          case 4:
+            response = {};
+            _context7.prev = 5;
+            getLocalUri = function () {
+              var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
+                var _file$uri;
+                return _regenerator["default"].wrap(function _callee6$(_context6) {
+                  while (1) switch (_context6.prev = _context6.next) {
+                    case 0:
+                      if (!file.id) {
+                        _context6.next = 6;
+                        break;
                       }
-                    }
-                  }, _callee5);
-                }));
-
-                return function getLocalUri() {
-                  return _ref10.apply(this, arguments);
-                };
-              }();
-
-              _context6.t1 = file.name;
-
-              if (_context6.t1) {
-                _context6.next = 12;
-                break;
-              }
-
-              _context6.next = 11;
-              return getLocalUri();
-
-            case 11:
-              _context6.t1 = _context6.sent;
-
-            case 12:
-              _context6.t0 = _context6.t1;
-
-              if (_context6.t0) {
-                _context6.next = 15;
-                break;
-              }
-
-              _context6.t0 = '';
-
-            case 15:
-              uri = _context6.t0;
-              _context6.next = 18;
-              return file.source === 'camera' || !file.height || !file.width || typeof value.compressImageQuality !== 'number' || value.compressImageQuality === 1 ? uri : (0, _native.compressImage)({
-                compressImageQuality: value.compressImageQuality,
-                height: file.height,
-                uri: uri,
-                width: file.width
-              });
-
-            case 18:
-              compressedUri = _context6.sent;
-              filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
-              contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
-
-              if (!value.doImageUploadRequest) {
-                _context6.next = 27;
-                break;
-              }
-
-              _context6.next = 24;
-              return value.doImageUploadRequest(file, channel);
-
-            case 24:
-              response = _context6.sent;
-              _context6.next = 35;
+                      _context6.next = 3;
+                      return (0, _native.getLocalAssetUri)(file.id);
+                    case 3:
+                      return _context6.abrupt("return", _context6.sent);
+                    case 6:
+                      if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
+                        _context6.next = 10;
+                        break;
+                      }
+                      _context6.next = 9;
+                      return (0, _native.getLocalAssetUri)(file.uri);
+                    case 9:
+                      return _context6.abrupt("return", _context6.sent);
+                    case 10:
+                      return _context6.abrupt("return", file.uri);
+                    case 11:
+                    case "end":
+                      return _context6.stop();
+                  }
+                }, _callee6);
+              }));
+              return function getLocalUri() {
+                return _ref10.apply(this, arguments);
+              };
+            }();
+            _context7.t1 = file.name;
+            if (_context7.t1) {
+              _context7.next = 12;
               break;
-
-            case 27:
-              if (!(compressedUri && channel)) {
-                _context6.next = 35;
-                break;
-              }
-
-              if (!value.sendImageAsync) {
-                _context6.next = 32;
-                break;
-              }
-
-              channel.sendImage(compressedUri, file.filename, contentType).then(function (res) {
-                if (asyncIds.includes(id)) {
-                  setAsyncUploads(function (prevAsyncUploads) {
-                    prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
-                      state: _utils.FileState.UPLOADED,
-                      url: res.file
-                    });
-                    return prevAsyncUploads;
-                  });
-                } else {
-                  var newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
+            }
+            _context7.next = 11;
+            return getLocalUri();
+          case 11:
+            _context7.t1 = _context7.sent;
+          case 12:
+            _context7.t0 = _context7.t1;
+            if (_context7.t0) {
+              _context7.next = 15;
+              break;
+            }
+            _context7.t0 = '';
+          case 15:
+            uri = _context7.t0;
+            _context7.next = 18;
+            return file.source === 'camera' || !file.height || !file.width || typeof value.compressImageQuality !== 'number' || value.compressImageQuality === 1 ? uri : (0, _native.compressImage)({
+              compressImageQuality: value.compressImageQuality,
+              height: file.height,
+              uri: uri,
+              width: file.width
+            });
+          case 18:
+            compressedUri = _context7.sent;
+            filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
+            contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
+            if (!value.doImageUploadRequest) {
+              _context7.next = 27;
+              break;
+            }
+            _context7.next = 24;
+            return value.doImageUploadRequest(file, channel);
+          case 24:
+            response = _context7.sent;
+            _context7.next = 35;
+            break;
+          case 27:
+            if (!(compressedUri && channel)) {
+              _context7.next = 35;
+              break;
+            }
+            if (!value.sendImageAsync) {
+              _context7.next = 32;
+              break;
+            }
+            channel.sendImage(compressedUri, file.filename, contentType).then(function (res) {
+              if (asyncIds.includes(id)) {
+                setAsyncUploads(function (prevAsyncUploads) {
+                  prevAsyncUploads[id] = (0, _extends2["default"])({}, prevAsyncUploads[id], {
+                    state: _utils.FileState.UPLOADED,
                     url: res.file
                   });
-                  setImageUploads(newImageUploads);
-                }
-              });
-              _context6.next = 35;
-              break;
-
-            case 32:
-              _context6.next = 34;
-              return channel.sendImage(compressedUri, file.filename, contentType);
-
-            case 34:
-              response = _context6.sent;
-
-            case 35:
-              if (Object.keys(response).length) {
-                newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
-                  height: file.height,
-                  url: response.file,
-                  width: file.width
+                  return prevAsyncUploads;
+                });
+              } else {
+                var newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
+                  url: res.file
                 });
                 setImageUploads(newImageUploads);
               }
-
-              _context6.next = 41;
-              break;
-
-            case 38:
-              _context6.prev = 38;
-              _context6.t2 = _context6["catch"](5);
-              handleFileOrImageUploadError(_context6.t2, true, id);
-
-            case 41:
-            case "end":
-              return _context6.stop();
-          }
+            });
+            _context7.next = 35;
+            break;
+          case 32:
+            _context7.next = 34;
+            return channel.sendImage(compressedUri, file.filename, contentType);
+          case 34:
+            response = _context7.sent;
+          case 35:
+            if (Object.keys(response).length) {
+              newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
+                height: file.height,
+                url: response.file,
+                width: file.width
+              });
+              setImageUploads(newImageUploads);
+            }
+            _context7.next = 41;
+            break;
+          case 38:
+            _context7.prev = 38;
+            _context7.t2 = _context7["catch"](5);
+            handleFileOrImageUploadError(_context7.t2, true, id);
+          case 41:
+          case "end":
+            return _context7.stop();
         }
-      }, _callee6, null, [[5, 38]]);
+      }, _callee7, null, [[5, 38]]);
     }));
-
     return function uploadImage(_x2) {
       return _ref8.apply(this, arguments);
     };
   }();
-
   var uploadNewFile = function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(file) {
+    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(file) {
       var id, mimeType, isBlockedFileExtension, isBlockedFileMimeType, fileState, newFile;
-      return _regenerator["default"].wrap(function _callee7$(_context7) {
-        while (1) {
-          switch (_context7.prev = _context7.next) {
-            case 0:
-              id = (0, _utils.generateRandomId)();
-              mimeType = (0, _mimeTypes.lookup)(file.name);
-              isBlockedFileExtension = blockedFileExtensionTypes == null ? void 0 : blockedFileExtensionTypes.some(function (fileExtensionType) {
-                var _file$name;
-
-                return (_file$name = file.name) == null ? void 0 : _file$name.includes(fileExtensionType);
-              });
-              isBlockedFileMimeType = blockedFileMimeTypes == null ? void 0 : blockedFileMimeTypes.some(function (mimeType) {
-                var _file$name2;
-
-                return (_file$name2 = file.name) == null ? void 0 : _file$name2.includes(mimeType);
+      return _regenerator["default"].wrap(function _callee8$(_context8) {
+        while (1) switch (_context8.prev = _context8.next) {
+          case 0:
+            id = (0, _utils.generateRandomId)();
+            mimeType = (0, _mimeTypes.lookup)(file.name);
+            isBlockedFileExtension = blockedFileExtensionTypes == null ? void 0 : blockedFileExtensionTypes.some(function (fileExtensionType) {
+              var _file$name;
+              return (_file$name = file.name) == null ? void 0 : _file$name.includes(fileExtensionType);
+            });
+            isBlockedFileMimeType = blockedFileMimeTypes == null ? void 0 : blockedFileMimeTypes.some(function (mimeType) {
+              var _file$name2;
+              return (_file$name2 = file.name) == null ? void 0 : _file$name2.includes(mimeType);
+            });
+            fileState = isBlockedFileExtension || isBlockedFileMimeType ? _utils.FileState.NOT_SUPPORTED : _utils.FileState.UPLOADING;
+            newFile = {
+              duration: 0,
+              file: (0, _extends2["default"])({}, file, {
+                type: mimeType || (file == null ? void 0 : file.type)
+              }),
+              id: id,
+              paused: true,
+              progress: 0,
+              state: fileState
+            };
+            _context8.next = 8;
+            return Promise.all([setFileUploads(function (prevFileUploads) {
+              return prevFileUploads.concat([newFile]);
+            }), setNumberOfUploads(function (prevNumberOfUploads) {
+              return prevNumberOfUploads + 1;
+            })]);
+          case 8:
+            if (!isBlockedFileExtension) {
+              uploadFile({
+                newFile: newFile
               });
-              fileState = isBlockedFileExtension || isBlockedFileMimeType ? _utils.FileState.NOT_SUPPORTED : _utils.FileState.UPLOADING;
-              newFile = {
-                duration: 0,
-                file: (0, _extends2["default"])({}, file, {
-                  type: mimeType || (file == null ? void 0 : file.type)
-                }),
-                id: id,
-                paused: true,
-                progress: 0,
-                state: fileState
-              };
-              _context7.next = 8;
-              return Promise.all([setFileUploads(function (prevFileUploads) {
-                return prevFileUploads.concat([newFile]);
-              }), setNumberOfUploads(function (prevNumberOfUploads) {
-                return prevNumberOfUploads + 1;
-              })]);
-
-            case 8:
-              if (!isBlockedFileExtension) {
-                uploadFile({
-                  newFile: newFile
-                });
-              }
-
-            case 9:
-            case "end":
-              return _context7.stop();
-          }
+            }
+          case 9:
+          case "end":
+            return _context8.stop();
         }
-      }, _callee7);
+      }, _callee8);
     }));
-
     return function uploadNewFile(_x3) {
       return _ref11.apply(this, arguments);
     };
   }();
-
   var uploadNewImage = function () {
-    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(image) {
+    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(image) {
       var id, isBlockedImageMimeType, isBlockedImageExtension, imageState, newImage;
-      return _regenerator["default"].wrap(function _callee8$(_context8) {
-        while (1) {
-          switch (_context8.prev = _context8.next) {
-            case 0:
-              id = (0, _utils.generateRandomId)();
-              isBlockedImageMimeType = blockedImageMimeTypes == null ? void 0 : blockedImageMimeTypes.some(function (mimeType) {
-                var _image$uri;
-
-                return (_image$uri = image.uri) == null ? void 0 : _image$uri.includes(mimeType);
-              });
-              isBlockedImageExtension = blockedImageExtensionTypes == null ? void 0 : blockedImageExtensionTypes.some(function (imageExtensionType) {
-                var _image$uri2;
-
-                return (_image$uri2 = image.uri) == null ? void 0 : _image$uri2.includes(imageExtensionType);
+      return _regenerator["default"].wrap(function _callee9$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            id = (0, _utils.generateRandomId)();
+            isBlockedImageMimeType = blockedImageMimeTypes == null ? void 0 : blockedImageMimeTypes.some(function (mimeType) {
+              var _image$uri;
+              return (_image$uri = image.uri) == null ? void 0 : _image$uri.includes(mimeType);
+            });
+            isBlockedImageExtension = blockedImageExtensionTypes == null ? void 0 : blockedImageExtensionTypes.some(function (imageExtensionType) {
+              var _image$uri2;
+              return (_image$uri2 = image.uri) == null ? void 0 : _image$uri2.includes(imageExtensionType);
+            });
+            imageState = isBlockedImageExtension || isBlockedImageMimeType ? _utils.FileState.NOT_SUPPORTED : _utils.FileState.UPLOADING;
+            newImage = {
+              file: image,
+              height: image.height,
+              id: id,
+              state: imageState,
+              url: image.uri,
+              width: image.width
+            };
+            _context9.next = 7;
+            return Promise.all([setImageUploads(function (prevImageUploads) {
+              return prevImageUploads.concat([newImage]);
+            }), setNumberOfUploads(function (prevNumberOfUploads) {
+              return prevNumberOfUploads + 1;
+            })]);
+          case 7:
+            if (!isBlockedImageExtension) {
+              uploadImage({
+                newImage: newImage
               });
-              imageState = isBlockedImageExtension || isBlockedImageMimeType ? _utils.FileState.NOT_SUPPORTED : _utils.FileState.UPLOADING;
-              newImage = {
-                file: image,
-                height: image.height,
-                id: id,
-                state: imageState,
-                url: image.uri,
-                width: image.width
-              };
-              _context8.next = 7;
-              return Promise.all([setImageUploads(function (prevImageUploads) {
-                return prevImageUploads.concat([newImage]);
-              }), setNumberOfUploads(function (prevNumberOfUploads) {
-                return prevNumberOfUploads + 1;
-              })]);
-
-            case 7:
-              if (!isBlockedImageExtension) {
-                uploadImage({
-                  newImage: newImage
-                });
-              }
-
-            case 8:
-            case "end":
-              return _context8.stop();
-          }
+            }
+          case 8:
+          case "end":
+            return _context9.stop();
         }
-      }, _callee8);
+      }, _callee9);
     }));
-
     return function uploadNewImage(_x4) {
       return _ref12.apply(this, arguments);
     };
   }();
-
   var messageInputContext = (0, _useCreateMessageInputContext.useCreateMessageInputContext)((0, _extends2["default"])({
     appendText: appendText,
     asyncIds: asyncIds,
@@ -1255,21 +1032,15 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     }
   }, children);
 };
-
 exports.MessageInputProvider = MessageInputProvider;
-
 var useMessageInputContext = function useMessageInputContext() {
   var contextValue = (0, _react.useContext)(MessageInputContext);
-
   if (contextValue === _defaultBaseContextValue.DEFAULT_BASE_CONTEXT_VALUE && !(0, _isTestEnvironment.isTestEnvironment)()) {
     throw new Error("The useMessageInputContext hook was called outside of the MessageInputContext provider. Make sure you have configured Channel component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#channel");
   }
-
   return contextValue;
 };
-
 exports.useMessageInputContext = useMessageInputContext;
-
 var withMessageInputContext = function withMessageInputContext(Component) {
   var WithMessageInputContextComponent = function WithMessageInputContextComponent(props) {
     var messageInputContext = useMessageInputContext();
@@ -1282,10 +1053,8 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       }
     }));
   };
-
   WithMessageInputContextComponent.displayName = "WithMessageInputContext" + (0, _getDisplayName.getDisplayName)(Component);
   return WithMessageInputContextComponent;
 };
-
 exports.withMessageInputContext = withMessageInputContext;
 //# sourceMappingURL=MessageInputContext.js.map