stream-chat-react-native-core 7.0.0-rc.8 → 7.0.0

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

@@ -11,7 +11,6 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 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");
@@ -138,16 +137,19 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
   var _useCooldown = (0, _useCooldown2.useCooldown)(),
     cooldownEndsAt = _useCooldown.endsAt,
     startCooldown = _useCooldown.start;
+  var onChangeText = value.onChangeText,
+    emojiSearchIndex = value.emojiSearchIndex,
+    autoCompleteTriggerSettings = value.autoCompleteTriggerSettings;
   var threadId = thread == null ? void 0 : thread.id;
   (0, _react.useEffect)(function () {
     setSendThreadMessageInChannel(false);
   }, [threadId]);
-  var appendText = function appendText(newText) {
+  var appendText = useStableCallback(function (newText) {
     setText(function (prevText) {
       return "".concat(prevText).concat(newText);
     });
-  };
-  var isValidMessage = function isValidMessage() {
+  });
+  var isValidMessage = useStableCallback(function () {
     if (text && text.trim()) {
       return true;
     }
@@ -191,8 +193,8 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       _iterator2.f();
     }
     return false;
-  };
-  var onChange = function onChange(newText) {
+  });
+  var onChange = (0, _react.useCallback)(function (newText) {
     if (sending.current) {
       return;
     }
@@ -200,25 +202,25 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
     if (newText && channel && channelCapabities.sendTypingEvents && isOnline) {
       (0, _streamChat.logChatPromiseExecution)(channel.keystroke(thread == null ? void 0 : thread.id), 'start typing event');
     }
-    if (value.onChangeText) {
-      value.onChangeText(newText);
+    if (onChangeText) {
+      onChangeText(newText);
     }
-  };
-  var openCommandsPicker = function openCommandsPicker() {
+  }, [channel, channelCapabities.sendTypingEvents, isOnline, setText, thread == null ? void 0 : thread.id, onChangeText]);
+  var openCommandsPicker = useStableCallback(function () {
     appendText('/');
     if (inputBoxRef.current) {
       inputBoxRef.current.focus();
     }
-  };
-  var openMentionsPicker = function openMentionsPicker() {
+  });
+  var openMentionsPicker = useStableCallback(function () {
     appendText('@');
     if (inputBoxRef.current) {
       inputBoxRef.current.focus();
     }
-  };
-  var takeAndUploadImage = function () {
+  });
+  var takeAndUploadImage = useStableCallback(function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(mediaType) {
-      var photo;
+      var file;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -230,8 +232,8 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
               mediaType: mediaType
             });
           case 4:
-            photo = _context.sent;
-            if (photo.askToOpenSettings) {
+            file = _context.sent;
+            if (file.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')
@@ -243,115 +245,111 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
                 text: t('Open Settings')
               }]);
             }
-            if (photo.cancelled) {
+            if (file.cancelled) {
               _context.next = 14;
               break;
             }
-            if (!photo.type.includes('image')) {
+            if (!file.type.includes('image')) {
               _context.next = 12;
               break;
             }
             _context.next = 10;
-            return uploadNewImage(photo);
+            return uploadNewImage(file);
           case 10:
             _context.next = 14;
             break;
           case 12:
             _context.next = 14;
-            return uploadNewFile(Object.assign({}, photo, {
-              mimeType: photo.type,
-              type: _types.FileTypes.Video
-            }));
+            return uploadNewFile(file);
           case 14:
           case "end":
             return _context.stop();
         }
       }, _callee);
     }));
-    return function takeAndUploadImage(_x) {
+    return function (_x) {
       return _ref2.apply(this, arguments);
     };
-  }();
-  var pickAndUploadImageFromNativePicker = function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
-      var result;
-      return _regenerator["default"].wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
-          case 0:
-            _context3.next = 2;
-            return _native.NativeHandlers.pickImage();
-          case 2:
-            result = _context3.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 (!(numberOfUploads >= value.maxNumberOfFiles)) {
-              _context3.next = 7;
-              break;
-            }
-            _reactNative.Alert.alert(t('Maximum number of files reached'));
-            return _context3.abrupt("return");
-          case 7:
-            if (!(result.assets && result.assets.length > 0)) {
-              _context3.next = 12;
-              break;
-            }
-            if (!(result.assets.length > value.maxNumberOfFiles)) {
-              _context3.next = 11;
-              break;
-            }
-            _reactNative.Alert.alert(t('Maximum number of files reached'));
-            return _context3.abrupt("return");
-          case 11:
-            result.assets.forEach(function () {
-              var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(asset) {
-                return _regenerator["default"].wrap(function _callee2$(_context2) {
-                  while (1) switch (_context2.prev = _context2.next) {
-                    case 0:
-                      if (!asset.type.includes('image')) {
-                        _context2.next = 5;
-                        break;
-                      }
-                      _context2.next = 3;
-                      return uploadNewImage(asset);
-                    case 3:
-                      _context2.next = 7;
+  }());
+  var pickAndUploadImageFromNativePicker = useStableCallback((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
+    var result;
+    return _regenerator["default"].wrap(function _callee3$(_context3) {
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          _context3.next = 2;
+          return _native.NativeHandlers.pickImage();
+        case 2:
+          result = _context3.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 (!(numberOfUploads >= value.maxNumberOfFiles)) {
+            _context3.next = 7;
+            break;
+          }
+          _reactNative.Alert.alert(t('Maximum number of files reached'));
+          return _context3.abrupt("return");
+        case 7:
+          if (!(result.assets && result.assets.length > 0)) {
+            _context3.next = 12;
+            break;
+          }
+          if (!(result.assets.length > value.maxNumberOfFiles)) {
+            _context3.next = 11;
+            break;
+          }
+          _reactNative.Alert.alert(t('Maximum number of files reached'));
+          return _context3.abrupt("return");
+        case 11:
+          result.assets.forEach(function () {
+            var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee2(asset) {
+              var compressedURI;
+              return _regenerator["default"].wrap(function _callee2$(_context2) {
+                while (1) switch (_context2.prev = _context2.next) {
+                  case 0:
+                    if (!asset.type.includes('image')) {
+                      _context2.next = 8;
                       break;
-                    case 5:
-                      _context2.next = 7;
-                      return uploadNewFile(Object.assign({}, asset, {
-                        mimeType: asset.type,
-                        type: _types.FileTypes.Video
-                      }));
-                    case 7:
-                    case "end":
-                      return _context2.stop();
-                  }
-                }, _callee2);
-              }));
-              return function (_x2) {
-                return _ref4.apply(this, arguments);
-              };
-            }());
-          case 12:
-          case "end":
-            return _context3.stop();
-        }
-      }, _callee3);
-    }));
-    return function pickAndUploadImageFromNativePicker() {
-      return _ref3.apply(this, arguments);
-    };
-  }();
+                    }
+                    _context2.next = 3;
+                    return (0, _compressImage.compressedImageURI)(asset, value.compressImageQuality);
+                  case 3:
+                    compressedURI = _context2.sent;
+                    _context2.next = 6;
+                    return uploadNewImage(Object.assign({}, asset, {
+                      uri: compressedURI
+                    }));
+                  case 6:
+                    _context2.next = 10;
+                    break;
+                  case 8:
+                    _context2.next = 10;
+                    return uploadNewFile(asset);
+                  case 10:
+                  case "end":
+                    return _context2.stop();
+                }
+              }, _callee2);
+            }));
+            return function (_x2) {
+              return _ref4.apply(this, arguments);
+            };
+          }());
+        case 12:
+        case "end":
+          return _context3.stop();
+      }
+    }, _callee3);
+  })));
   var openAttachmentPicker = (0, _react.useCallback)(function () {
     _reactNative.Keyboard.dismiss();
     setSelectedPicker('images');
@@ -368,66 +366,78 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       openAttachmentPicker();
     }
   }, [closeAttachmentPicker, openAttachmentPicker, selectedPicker]);
-  var onSelectItem = function onSelectItem(item) {
+  var onSelectItem = useStableCallback(function (item) {
     setMentionedUsers(function (prevMentionedUsers) {
       return [].concat((0, _toConsumableArray2["default"])(prevMentionedUsers), [item.id]);
     });
-  };
-  var pickFile = function () {
-    var _ref5 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
-      var result;
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
-          case 0:
-            if ((0, _native.isDocumentPickerAvailable)()) {
-              _context5.next = 3;
-              break;
-            }
-            console.log('The file picker is not installed. Check our Getting Started documentation to install it.');
-            return _context5.abrupt("return");
-          case 3:
-            if (!(numberOfUploads >= value.maxNumberOfFiles)) {
-              _context5.next = 6;
-              break;
-            }
-            _reactNative.Alert.alert(t('Maximum number of files reached'));
-            return _context5.abrupt("return");
-          case 6:
-            _context5.next = 8;
-            return _native.NativeHandlers.pickDocument({
-              maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads
-            });
-          case 8:
-            result = _context5.sent;
-            if (!result.cancelled && result.assets) {
-              result.assets.forEach(function () {
-                var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(asset) {
-                  return _regenerator["default"].wrap(function _callee4$(_context4) {
-                    while (1) switch (_context4.prev = _context4.next) {
-                      case 0:
-                        _context4.next = 2;
-                        return uploadNewFile(asset);
-                      case 2:
-                      case "end":
-                        return _context4.stop();
-                    }
-                  }, _callee4);
-                }));
-                return function (_x3) {
-                  return _ref6.apply(this, arguments);
-                };
-              }());
-            }
-          case 10:
-          case "end":
-            return _context5.stop();
-        }
-      }, _callee5);
-    }));
-    return function pickFile() {
-      return _ref5.apply(this, arguments);
-    };
-  }();
+  });
+  var pickFile = useStableCallback((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
+    var result;
+    return _regenerator["default"].wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          if ((0, _native.isDocumentPickerAvailable)()) {
+            _context5.next = 3;
+            break;
+          }
+          console.log('The file picker is not installed. Check our Getting Started documentation to install it.');
+          return _context5.abrupt("return");
+        case 3:
+          if (!(numberOfUploads >= value.maxNumberOfFiles)) {
+            _context5.next = 6;
+            break;
+          }
+          _reactNative.Alert.alert(t('Maximum number of files reached'));
+          return _context5.abrupt("return");
+        case 6:
+          _context5.next = 8;
+          return _native.NativeHandlers.pickDocument({
+            maxNumberOfFiles: value.maxNumberOfFiles - numberOfUploads
+          });
+        case 8:
+          result = _context5.sent;
+          if (!result.cancelled && result.assets) {
+            result.assets.forEach(function () {
+              var _ref6 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee4(asset) {
+                var compressedURI;
+                return _regenerator["default"].wrap(function _callee4$(_context4) {
+                  while (1) switch (_context4.prev = _context4.next) {
+                    case 0:
+                      if (!asset.type.includes('image')) {
+                        _context4.next = 8;
+                        break;
+                      }
+                      _context4.next = 3;
+                      return (0, _compressImage.compressedImageURI)(asset, value.compressImageQuality);
+                    case 3:
+                      compressedURI = _context4.sent;
+                      _context4.next = 6;
+                      return uploadNewImage(Object.assign({}, asset, {
+                        uri: compressedURI
+                      }));
+                    case 6:
+                      _context4.next = 10;
+                      break;
+                    case 8:
+                      _context4.next = 10;
+                      return uploadNewFile(asset);
+                    case 10:
+                    case "end":
+                      return _context4.stop();
+                  }
+                }, _callee4);
+              }));
+              return function (_x3) {
+                return _ref6.apply(this, arguments);
+              };
+            }());
+          }
+        case 10:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })));
   var removeFile = (0, _react.useCallback)(function (id) {
     if (fileUploads.some(function (file) {
       return file.id === id;
@@ -456,7 +466,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       });
     }
   }, [imageUploads, setImageUploads, setNumberOfUploads]);
-  var resetInput = function resetInput() {
+  var resetInput = useStableCallback(function () {
     var pendingAttachments = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     if ((0, _native.isImageMediaLibraryAvailable)()) {
       setSelectedFiles([]);
@@ -474,26 +484,26 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
     if (value.editing) {
       value.clearEditingState();
     }
-  };
-  var mapImageUploadToAttachment = function mapImageUploadToAttachment(image) {
-    var mime_type = (0, _mimeTypes.lookup)(image.file.name);
-    var name = image.file.name;
+  });
+  var mapImageUploadToAttachment = useStableCallback(function (image) {
     return {
-      fallback: name,
+      fallback: image.file.name,
       image_url: image.url,
-      mime_type: mime_type ? mime_type : undefined,
-      original_height: image.height,
-      original_width: image.width,
+      mime_type: image.file.type,
+      original_height: image.file.height,
+      original_width: image.file.width,
       originalImage: image.file,
       type: _types.FileTypes.Image
     };
-  };
-  var mapFileUploadToAttachment = function mapFileUploadToAttachment(file) {
+  });
+  var mapFileUploadToAttachment = useStableCallback(function (file) {
     if (file.type === _types.FileTypes.Image) {
       return {
         fallback: file.file.name,
         image_url: file.url,
-        mime_type: file.file.mimeType,
+        mime_type: file.file.type,
+        original_height: file.file.height,
+        original_width: file.file.width,
         originalFile: file.file,
         type: _types.FileTypes.Image
       };
@@ -502,7 +512,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
         file_size: file.file.size,
-        mime_type: file.file.mimeType,
+        mime_type: file.file.type,
         originalFile: file.file,
         title: file.file.name,
         type: _types.FileTypes.Audio
@@ -512,7 +522,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
         file_size: file.file.size,
-        mime_type: file.file.mimeType,
+        mime_type: file.file.type,
         originalFile: file.file,
         thumb_url: file.thumb_url,
         title: file.file.name,
@@ -523,7 +533,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         asset_url: file.url || file.file.uri,
         duration: file.file.duration,
         file_size: file.file.size,
-        mime_type: file.file.mimeType,
+        mime_type: file.file.type,
         originalFile: file.file,
         title: file.file.name,
         type: _types.FileTypes.VoiceRecording,
@@ -533,269 +543,268 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       return {
         asset_url: file.url || file.file.uri,
         file_size: file.file.size,
-        mime_type: file.file.mimeType,
+        mime_type: file.file.type,
         originalFile: file.file,
         title: file.file.name,
         type: _types.FileTypes.File
       };
     }
-  };
-  var sendMessage = function () {
-    var _ref7 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
-      var _ref8,
-        customMessageData,
-        linkInfos,
-        prevText,
-        attachments,
-        _loop,
-        _ret,
-        _iterator3,
-        _step3,
-        image,
-        _iterator4,
-        _step4,
-        file,
-        message,
-        updatedMessage,
-        updateMessagePromise,
-        _args7 = arguments;
-      return _regenerator["default"].wrap(function _callee6$(_context7) {
-        while (1) switch (_context7.prev = _context7.next) {
-          case 0:
-            _ref8 = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : {}, customMessageData = _ref8.customMessageData;
-            if (!sending.current) {
-              _context7.next = 3;
-              break;
-            }
-            return _context7.abrupt("return");
-          case 3:
-            linkInfos = (0, _parseLinks.parseLinksFromText)(text);
-            if (!(!channelCapabities.sendLinks && linkInfos.length > 0)) {
-              _context7.next = 7;
-              break;
-            }
-            _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
-            return _context7.abrupt("return");
-          case 7:
-            sending.current = true;
-            startCooldown();
-            prevText = giphyEnabled && giphyActive ? "/giphy ".concat(text) : text;
-            setText('');
-            if (inputBoxRef.current) {
-              inputBoxRef.current.clear();
-            }
-            attachments = [];
-            _loop = _regenerator["default"].mark(function _loop(image) {
-              return _regenerator["default"].wrap(function _loop$(_context6) {
-                while (1) switch (_context6.prev = _context6.next) {
-                  case 0:
-                    if (!enableOfflineSupport) {
-                      _context6.next = 5;
-                      break;
-                    }
-                    if (!(image.state === _utils2.FileState.NOT_SUPPORTED)) {
-                      _context6.next = 3;
-                      break;
-                    }
-                    return _context6.abrupt("return", {
-                      v: void 0
-                    });
-                  case 3:
-                    attachments.push(mapImageUploadToAttachment(image));
-                    return _context6.abrupt("return", 0);
-                  case 5:
-                    if (!((!image || image.state === _utils2.FileState.UPLOAD_FAILED) && !enableOfflineSupport)) {
-                      _context6.next = 7;
-                      break;
-                    }
-                    return _context6.abrupt("return", 0);
-                  case 7:
-                    if (!(image.state === _utils2.FileState.UPLOADING)) {
-                      _context6.next = 14;
-                      break;
-                    }
-                    if (!value.sendImageAsync) {
-                      _context6.next = 12;
-                      break;
-                    }
-                    setAsyncIds(function (prevAsyncIds) {
-                      return [].concat((0, _toConsumableArray2["default"])(prevAsyncIds), [image.id]);
-                    });
+  });
+  var sendMessage = useStableCallback((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6() {
+    var _ref8,
+      customMessageData,
+      linkInfos,
+      prevText,
+      attachments,
+      _loop,
+      _ret,
+      _iterator3,
+      _step3,
+      image,
+      _iterator4,
+      _step4,
+      file,
+      message,
+      updatedMessage,
+      updateMessagePromise,
+      _args7 = arguments;
+    return _regenerator["default"].wrap(function _callee6$(_context7) {
+      while (1) switch (_context7.prev = _context7.next) {
+        case 0:
+          _ref8 = _args7.length > 0 && _args7[0] !== undefined ? _args7[0] : {}, customMessageData = _ref8.customMessageData;
+          if (!sending.current) {
+            _context7.next = 3;
+            break;
+          }
+          return _context7.abrupt("return");
+        case 3:
+          linkInfos = (0, _parseLinks.parseLinksFromText)(text);
+          if (!(!channelCapabities.sendLinks && linkInfos.length > 0)) {
+            _context7.next = 7;
+            break;
+          }
+          _reactNative.Alert.alert(t('Links are disabled'), t('Sending links is not allowed in this conversation'));
+          return _context7.abrupt("return");
+        case 7:
+          sending.current = true;
+          startCooldown();
+          prevText = giphyEnabled && giphyActive ? "/giphy ".concat(text) : text;
+          setText('');
+          if (inputBoxRef.current) {
+            inputBoxRef.current.clear();
+          }
+          attachments = [];
+          _loop = _regenerator["default"].mark(function _loop(image) {
+            return _regenerator["default"].wrap(function _loop$(_context6) {
+              while (1) switch (_context6.prev = _context6.next) {
+                case 0:
+                  if (!enableOfflineSupport) {
+                    _context6.next = 5;
+                    break;
+                  }
+                  if (!(image.state === _utils2.FileState.NOT_SUPPORTED)) {
+                    _context6.next = 3;
+                    break;
+                  }
+                  return _context6.abrupt("return", {
+                    v: void 0
+                  });
+                case 3:
+                  attachments.push(mapImageUploadToAttachment(image));
+                  return _context6.abrupt("return", 0);
+                case 5:
+                  if (!((!image || image.state === _utils2.FileState.UPLOAD_FAILED) && !enableOfflineSupport)) {
+                    _context6.next = 7;
+                    break;
+                  }
+                  return _context6.abrupt("return", 0);
+                case 7:
+                  if (!(image.state === _utils2.FileState.UPLOADING)) {
                     _context6.next = 14;
                     break;
-                  case 12:
-                    sending.current = false;
-                    return _context6.abrupt("return", {
-                      v: setText(prevText)
-                    });
-                  case 14:
-                    if (image.state === _utils2.FileState.UPLOADED || image.state === _utils2.FileState.FINISHED) {
-                      attachments.push(mapImageUploadToAttachment(image));
-                    }
-                  case 15:
-                  case "end":
-                    return _context6.stop();
-                }
-              }, _loop);
-            });
-            _iterator3 = _createForOfIteratorHelper(imageUploads);
-            _context7.prev = 15;
-            _iterator3.s();
-          case 17:
-            if ((_step3 = _iterator3.n()).done) {
-              _context7.next = 27;
-              break;
-            }
-            image = _step3.value;
-            return _context7.delegateYield(_loop(image), "t0", 20);
-          case 20:
-            _ret = _context7.t0;
-            if (!(_ret === 0)) {
-              _context7.next = 23;
-              break;
-            }
-            return _context7.abrupt("continue", 25);
-          case 23:
-            if (!_ret) {
-              _context7.next = 25;
-              break;
-            }
-            return _context7.abrupt("return", _ret.v);
-          case 25:
-            _context7.next = 17;
+                  }
+                  if (!value.sendImageAsync) {
+                    _context6.next = 12;
+                    break;
+                  }
+                  setAsyncIds(function (prevAsyncIds) {
+                    return [].concat((0, _toConsumableArray2["default"])(prevAsyncIds), [image.id]);
+                  });
+                  _context6.next = 14;
+                  break;
+                case 12:
+                  sending.current = false;
+                  return _context6.abrupt("return", {
+                    v: setText(prevText)
+                  });
+                case 14:
+                  if (image.state === _utils2.FileState.UPLOADED || image.state === _utils2.FileState.FINISHED) {
+                    attachments.push(mapImageUploadToAttachment(image));
+                  }
+                case 15:
+                case "end":
+                  return _context6.stop();
+              }
+            }, _loop);
+          });
+          _iterator3 = _createForOfIteratorHelper(imageUploads);
+          _context7.prev = 15;
+          _iterator3.s();
+        case 17:
+          if ((_step3 = _iterator3.n()).done) {
+            _context7.next = 27;
             break;
-          case 27:
-            _context7.next = 32;
+          }
+          image = _step3.value;
+          return _context7.delegateYield(_loop(image), "t0", 20);
+        case 20:
+          _ret = _context7.t0;
+          if (!(_ret === 0)) {
+            _context7.next = 23;
             break;
-          case 29:
-            _context7.prev = 29;
-            _context7.t1 = _context7["catch"](15);
-            _iterator3.e(_context7.t1);
-          case 32:
-            _context7.prev = 32;
-            _iterator3.f();
-            return _context7.finish(32);
-          case 35:
-            _iterator4 = _createForOfIteratorHelper(fileUploads);
-            _context7.prev = 36;
-            _iterator4.s();
-          case 38:
-            if ((_step4 = _iterator4.n()).done) {
-              _context7.next = 53;
-              break;
-            }
-            file = _step4.value;
-            if (!enableOfflineSupport) {
-              _context7.next = 45;
-              break;
-            }
-            if (!(file.state === _utils2.FileState.NOT_SUPPORTED)) {
-              _context7.next = 43;
-              break;
-            }
-            return _context7.abrupt("return");
-          case 43:
-            attachments.push(mapFileUploadToAttachment(file));
-            return _context7.abrupt("continue", 51);
-          case 45:
-            if (!(!file || file.state === _utils2.FileState.UPLOAD_FAILED)) {
-              _context7.next = 47;
-              break;
-            }
-            return _context7.abrupt("continue", 51);
-          case 47:
-            if (!(file.state === _utils2.FileState.UPLOADING)) {
-              _context7.next = 50;
-              break;
-            }
-            sending.current = false;
-            return _context7.abrupt("return");
-          case 50:
-            if (file.state === _utils2.FileState.UPLOADED || file.state === _utils2.FileState.FINISHED) {
-              attachments.push(mapFileUploadToAttachment(file));
-            }
-          case 51:
-            _context7.next = 38;
+          }
+          return _context7.abrupt("continue", 25);
+        case 23:
+          if (!_ret) {
+            _context7.next = 25;
             break;
-          case 53:
-            _context7.next = 58;
+          }
+          return _context7.abrupt("return", _ret.v);
+        case 25:
+          _context7.next = 17;
+          break;
+        case 27:
+          _context7.next = 32;
+          break;
+        case 29:
+          _context7.prev = 29;
+          _context7.t1 = _context7["catch"](15);
+          _iterator3.e(_context7.t1);
+        case 32:
+          _context7.prev = 32;
+          _iterator3.f();
+          return _context7.finish(32);
+        case 35:
+          _iterator4 = _createForOfIteratorHelper(fileUploads);
+          _context7.prev = 36;
+          _iterator4.s();
+        case 38:
+          if ((_step4 = _iterator4.n()).done) {
+            _context7.next = 53;
             break;
-          case 55:
-            _context7.prev = 55;
-            _context7.t2 = _context7["catch"](36);
-            _iterator4.e(_context7.t2);
-          case 58:
-            _context7.prev = 58;
-            _iterator4.f();
-            return _context7.finish(58);
-          case 61:
-            if (!(!prevText && attachments.length === 0 && !(customMessageData != null && customMessageData.poll_id))) {
-              _context7.next = 64;
-              break;
-            }
-            sending.current = false;
-            return _context7.abrupt("return");
-          case 64:
-            message = value.editing;
-            if (!(message && message.type !== 'error')) {
-              _context7.next = 74;
-              break;
-            }
-            updatedMessage = Object.assign({}, message, {
-              attachments: attachments,
-              mentioned_users: mentionedUsers,
-              quoted_message: undefined,
-              text: prevText
-            }, customMessageData);
-            value.clearEditingState();
-            updateMessagePromise = value.editMessage((0, _removeReservedFields.removeReservedFields)(updatedMessage)).then(value.clearEditingState);
-            resetInput(attachments);
-            (0, _streamChat.logChatPromiseExecution)(updateMessagePromise, 'update message');
-            sending.current = false;
-            _context7.next = 90;
+          }
+          file = _step4.value;
+          if (!enableOfflineSupport) {
+            _context7.next = 45;
             break;
-          case 74:
-            _context7.prev = 74;
-            if (!(message && (0, _utils2.isBouncedMessage)(message))) {
-              _context7.next = 78;
-              break;
-            }
+          }
+          if (!(file.state === _utils2.FileState.NOT_SUPPORTED)) {
+            _context7.next = 43;
+            break;
+          }
+          return _context7.abrupt("return");
+        case 43:
+          attachments.push(mapFileUploadToAttachment(file));
+          return _context7.abrupt("continue", 51);
+        case 45:
+          if (!(!file || file.state === _utils2.FileState.UPLOAD_FAILED)) {
+            _context7.next = 47;
+            break;
+          }
+          return _context7.abrupt("continue", 51);
+        case 47:
+          if (!(file.state === _utils2.FileState.UPLOADING)) {
+            _context7.next = 50;
+            break;
+          }
+          sending.current = false;
+          return _context7.abrupt("return");
+        case 50:
+          if (file.state === _utils2.FileState.UPLOADED || file.state === _utils2.FileState.FINISHED) {
+            attachments.push(mapFileUploadToAttachment(file));
+          }
+        case 51:
+          _context7.next = 38;
+          break;
+        case 53:
+          _context7.next = 58;
+          break;
+        case 55:
+          _context7.prev = 55;
+          _context7.t2 = _context7["catch"](36);
+          _iterator4.e(_context7.t2);
+        case 58:
+          _context7.prev = 58;
+          _iterator4.f();
+          return _context7.finish(58);
+        case 61:
+          if (!(!prevText && attachments.length === 0 && !(customMessageData != null && customMessageData.poll_id))) {
+            _context7.next = 64;
+            break;
+          }
+          sending.current = false;
+          return _context7.abrupt("return");
+        case 64:
+          message = value.editing;
+          if (!(message && message.type !== 'error')) {
+            _context7.next = 74;
+            break;
+          }
+          updatedMessage = Object.assign({}, message, {
+            attachments: attachments,
+            mentioned_users: mentionedUsers.map(function (userId) {
+              return {
+                id: userId
+              };
+            }),
+            quoted_message: undefined,
+            text: prevText
+          }, customMessageData);
+          value.clearEditingState();
+          updateMessagePromise = value.editMessage((0, _removeReservedFields.removeReservedFields)(updatedMessage)).then(value.clearEditingState);
+          (0, _streamChat.logChatPromiseExecution)(updateMessagePromise, 'update message');
+          resetInput(attachments);
+          sending.current = false;
+          _context7.next = 90;
+          break;
+        case 74:
+          _context7.prev = 74;
+          if (!(message && (0, _utils2.isBouncedMessage)(message))) {
             _context7.next = 78;
-            return removeMessage(message);
-          case 78:
-            value.sendMessage(Object.assign({
-              attachments: attachments,
-              mentioned_users: (0, _uniq["default"])(mentionedUsers),
-              parent_id: thread == null ? void 0 : thread.id,
-              quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
-              show_in_channel: sendThreadMessageInChannel || undefined,
-              text: prevText
-            }, customMessageData));
-            value.clearQuotedMessageState();
-            sending.current = false;
-            resetInput(attachments);
-            _context7.next = 90;
             break;
-          case 84:
-            _context7.prev = 84;
-            _context7.t3 = _context7["catch"](74);
-            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');
-          case 90:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee6, null, [[15, 29, 32, 35], [36, 55, 58, 61], [74, 84]]);
-    }));
-    return function sendMessage() {
-      return _ref7.apply(this, arguments);
-    };
-  }();
-  var sendMessageAsync = function sendMessageAsync(id) {
+          }
+          _context7.next = 78;
+          return removeMessage(message);
+        case 78:
+          value.sendMessage(Object.assign({
+            attachments: attachments,
+            mentioned_users: (0, _uniq["default"])(mentionedUsers),
+            parent_id: thread == null ? void 0 : thread.id,
+            quoted_message_id: value.quotedMessage ? value.quotedMessage.id : undefined,
+            show_in_channel: sendThreadMessageInChannel || undefined,
+            text: prevText
+          }, customMessageData));
+          value.clearQuotedMessageState();
+          sending.current = false;
+          resetInput(attachments);
+          _context7.next = 90;
+          break;
+        case 84:
+          _context7.prev = 84;
+          _context7.t3 = _context7["catch"](74);
+          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');
+        case 90:
+        case "end":
+          return _context7.stop();
+      }
+    }, _callee6, null, [[15, 29, 32, 35], [36, 55, 58, 61], [74, 84]]);
+  })));
+  var sendMessageAsync = useStableCallback(function (id) {
     var image = asyncUploads[id];
     if (!image || image.state === _utils2.FileState.UPLOAD_FAILED) {
       return;
@@ -829,29 +838,29 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         console.log('Failed');
       }
     }
-  };
-  var setInputBoxRef = function setInputBoxRef(ref) {
+  });
+  var setInputBoxRef = useStableCallback(function (ref) {
     inputBoxRef.current = ref;
     if (value.setInputRef) {
       value.setInputRef(ref);
     }
-  };
-  var getTriggerSettings = function getTriggerSettings() {
+  });
+  var triggerSettings = (0, _react.useMemo)(function () {
     try {
       var _triggerSettings = {};
       if (channel) {
-        if (value.autoCompleteTriggerSettings) {
-          _triggerSettings = value.autoCompleteTriggerSettings({
+        if (autoCompleteTriggerSettings) {
+          _triggerSettings = autoCompleteTriggerSettings({
             channel: channel,
             client: client,
-            emojiSearchIndex: value.emojiSearchIndex,
+            emojiSearchIndex: emojiSearchIndex,
             onMentionSelectItem: onSelectItem
           });
         } else {
           _triggerSettings = (0, _ACITriggerSettings.ACITriggerSettings)({
             channel: channel,
             client: client,
-            emojiSearchIndex: value.emojiSearchIndex,
+            emojiSearchIndex: emojiSearchIndex,
             onMentionSelectItem: onSelectItem
           });
         }
@@ -861,44 +870,38 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       console.warn('Error in getting trigger settings', error);
       throw error;
     }
-  };
-  var triggerSettings = getTriggerSettings();
-  var updateMessage = function () {
-    var _ref9 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7() {
-      return _regenerator["default"].wrap(function _callee7$(_context8) {
-        while (1) switch (_context8.prev = _context8.next) {
-          case 0:
-            _context8.prev = 0;
-            if (!value.editing) {
-              _context8.next = 4;
-              break;
-            }
+  }, [channel, client, onSelectItem, autoCompleteTriggerSettings, emojiSearchIndex]);
+  var updateMessage = useStableCallback((0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7() {
+    return _regenerator["default"].wrap(function _callee7$(_context8) {
+      while (1) switch (_context8.prev = _context8.next) {
+        case 0:
+          _context8.prev = 0;
+          if (!value.editing) {
             _context8.next = 4;
-            return client.updateMessage(Object.assign({}, value.editing, {
-              quoted_message: undefined,
-              text: giphyEnabled && giphyActive ? "/giphy ".concat(text) : text
-            }));
-          case 4:
-            value.clearEditingState();
-            resetInput();
-            _context8.next = 11;
             break;
-          case 8:
-            _context8.prev = 8;
-            _context8.t0 = _context8["catch"](0);
-            console.log(_context8.t0);
-          case 11:
-          case "end":
-            return _context8.stop();
-        }
-      }, _callee7, null, [[0, 8]]);
-    }));
-    return function updateMessage() {
-      return _ref9.apply(this, arguments);
-    };
-  }();
+          }
+          _context8.next = 4;
+          return client.updateMessage(Object.assign({}, value.editing, {
+            quoted_message: undefined,
+            text: giphyEnabled && giphyActive ? "/giphy ".concat(text) : text
+          }));
+        case 4:
+          value.clearEditingState();
+          resetInput();
+          _context8.next = 11;
+          break;
+        case 8:
+          _context8.prev = 8;
+          _context8.t0 = _context8["catch"](0);
+          console.log(_context8.t0);
+        case 11:
+        case "end":
+          return _context8.stop();
+      }
+    }, _callee7, null, [[0, 8]]);
+  })));
   var regexCondition = /File (extension \.\w{2,4}|type \S+) is not supported/;
-  var getUploadSetStateAction = function getUploadSetStateAction(id, fileState) {
+  var getUploadSetStateAction = useStableCallback(function (id, fileState) {
     var extraData = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     return function (prevUploads) {
       return prevUploads.map(function (prevUpload) {
@@ -910,8 +913,8 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         return prevUpload;
       });
     };
-  };
-  var handleFileOrImageUploadError = function handleFileOrImageUploadError(error, isImageError, id) {
+  });
+  var handleFileOrImageUploadError = useStableCallback(function (error, isImageError, id) {
     if (isImageError) {
       setNumberOfUploads(function (prevNumberOfUploads) {
         return prevNumberOfUploads - 1;
@@ -933,10 +936,10 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         return setFileUploads(getUploadSetStateAction(id, _utils2.FileState.UPLOAD_FAILED));
       }
     }
-  };
-  var uploadFile = function () {
+  });
+  var uploadFile = useStableCallback(function () {
     var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(_ref10) {
-      var newFile, file, id, filename, response, _file$mimeType, compressedUri, extraData;
+      var newFile, file, id, filename, response, _file$type, compressedUri, extraData;
       return _regenerator["default"].wrap(function _callee8$(_context9) {
         while (1) switch (_context9.prev = _context9.next) {
           case 0:
@@ -962,7 +965,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
               break;
             }
             uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
-            if (!((_file$mimeType = file.mimeType) != null && _file$mimeType.includes('image'))) {
+            if (!((_file$type = file.type) != null && _file$type.includes('image'))) {
               _context9.next = 23;
               break;
             }
@@ -971,14 +974,14 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
           case 17:
             compressedUri = _context9.sent;
             _context9.next = 20;
-            return channel.sendFile(compressedUri, filename, file.mimeType);
+            return channel.sendFile(compressedUri, filename, file.type);
           case 20:
             response = _context9.sent;
             _context9.next = 26;
             break;
           case 23:
             _context9.next = 25;
-            return channel.sendFile(file.uri, filename, file.mimeType);
+            return channel.sendFile(file.uri, filename, file.type);
           case 25:
             response = _context9.sent;
           case 26:
@@ -1008,14 +1011,14 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee8, null, [[5, 31]]);
     }));
-    return function uploadFile(_x4) {
+    return function (_x4) {
       return _ref11.apply(this, arguments);
     };
-  }();
-  var uploadImage = function () {
+  }());
+  var uploadImage = useStableCallback(function () {
     var _ref13 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee9(_ref12) {
       var _file$name;
-      var newImage, _ref14, file, id, response, uri, filename, compressedUri, contentType, newImageUploads;
+      var newImage, _ref14, file, id, response, uri, filename, contentType, newImageUploads;
       return _regenerator["default"].wrap(function _callee9$(_context10) {
         while (1) switch (_context10.prev = _context10.next) {
           case 0:
@@ -1031,32 +1034,28 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
             uri = file.uri || '';
             filename = escapeRegExp((_file$name = file.name) != null ? _file$name : (0, _utils2.getFileNameFromPath)(uri));
             _context10.prev = 7;
-            _context10.next = 10;
-            return (0, _compressImage.compressedImageURI)(file, value.compressImageQuality);
-          case 10:
-            compressedUri = _context10.sent;
-            contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
+            contentType = file.type || 'multipart/form-data';
             if (!value.doImageUploadRequest) {
-              _context10.next = 18;
+              _context10.next = 15;
               break;
             }
-            _context10.next = 15;
+            _context10.next = 12;
             return value.doImageUploadRequest(file, channel);
-          case 15:
+          case 12:
             response = _context10.sent;
-            _context10.next = 29;
+            _context10.next = 26;
             break;
-          case 18:
-            if (!(compressedUri && channel)) {
-              _context10.next = 29;
+          case 15:
+            if (!channel) {
+              _context10.next = 26;
               break;
             }
             if (!value.sendImageAsync) {
-              _context10.next = 24;
+              _context10.next = 21;
               break;
             }
             uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
-            channel.sendImage(compressedUri, filename, contentType).then(function (res) {
+            channel.sendImage(file.uri, filename, contentType).then(function (res) {
               uploadAbortControllerRef.current["delete"](filename);
               if (asyncIds.includes(id)) {
                 setAsyncUploads(function (prevAsyncUploads) {
@@ -1075,16 +1074,16 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
             }, function () {
               uploadAbortControllerRef.current["delete"](filename);
             });
-            _context10.next = 29;
+            _context10.next = 26;
             break;
-          case 24:
+          case 21:
             uploadAbortControllerRef.current.set(filename, client.createAbortControllerForNextRequest());
-            _context10.next = 27;
-            return channel.sendImage(compressedUri, filename, contentType);
-          case 27:
+            _context10.next = 24;
+            return channel.sendImage(file.uri, filename, contentType);
+          case 24:
             response = _context10.sent;
             uploadAbortControllerRef.current["delete"](filename);
-          case 29:
+          case 26:
             if (Object.keys(response).length) {
               newImageUploads = getUploadSetStateAction(id, _utils2.FileState.UPLOADED, {
                 height: file.height,
@@ -1093,32 +1092,32 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
               });
               setImageUploads(newImageUploads);
             }
-            _context10.next = 38;
+            _context10.next = 35;
             break;
-          case 32:
-            _context10.prev = 32;
+          case 29:
+            _context10.prev = 29;
             _context10.t0 = _context10["catch"](7);
             if (!(_context10.t0 instanceof Error && (_context10.t0.name === 'AbortError' || _context10.t0.name === 'CanceledError'))) {
-              _context10.next = 37;
+              _context10.next = 34;
               break;
             }
             uploadAbortControllerRef.current["delete"](filename);
             return _context10.abrupt("return");
-          case 37:
+          case 34:
             handleFileOrImageUploadError(_context10.t0, true, id);
-          case 38:
+          case 35:
           case "end":
             return _context10.stop();
         }
-      }, _callee9, null, [[7, 32]]);
+      }, _callee9, null, [[7, 29]]);
     }));
-    return function uploadImage(_x5) {
+    return function (_x5) {
       return _ref13.apply(this, arguments);
     };
-  }();
-  var uploadNewFile = function () {
-    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(file) {
-      var _file$mimeType2, id, fileConfig, size_limit, isAllowed, sizeLimit, fileState, fileType, newFile;
+  }());
+  var uploadNewFile = useStableCallback(function () {
+    var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(file, fileType) {
+      var id, fileConfig, size_limit, isAllowed, sizeLimit, fileState, derivedFileType, newFile;
       return _regenerator["default"].wrap(function _callee10$(_context11) {
         while (1) switch (_context11.prev = _context11.next) {
           case 0:
@@ -1145,13 +1144,15 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
             return _context11.abrupt("return");
           case 10:
             fileState = isAllowed ? _utils2.FileState.UPLOADING : _utils2.FileState.NOT_SUPPORTED;
-            fileType = file.type || ((_file$mimeType2 = file.mimeType) == null ? void 0 : _file$mimeType2.split('/')[0]);
+            derivedFileType = fileType != null ? fileType : (0, _utils2.getFileTypeFromMimeType)(file.type);
             newFile = {
               duration: file.duration || 0,
               file: file,
-              id: file.id || id,
+              id: id,
+              mime_type: file.type,
               state: fileState,
-              type: fileType,
+              thumb_url: file.thumb_url,
+              type: derivedFileType,
               url: file.uri
             };
             _context11.next = 15;
@@ -1182,11 +1183,11 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee10, null, [[0, 20]]);
     }));
-    return function uploadNewFile(_x6) {
+    return function (_x6, _x7) {
       return _ref15.apply(this, arguments);
     };
-  }();
-  var uploadNewImage = function () {
+  }());
+  var uploadNewImage = useStableCallback(function () {
     var _ref16 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee11(image) {
       var id, imageUploadConfig, size_limit, isAllowed, sizeLimit, imageState, newImage;
       return _regenerator["default"].wrap(function _callee11$(_context12) {
@@ -1219,7 +1220,9 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
               file: image,
               height: image.height,
               id: id,
+              mime_type: image.type,
               state: imageState,
+              type: _types.FileTypes.Image,
               url: image.uri,
               width: image.width
             };
@@ -1251,11 +1254,11 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee11, null, [[0, 19]]);
     }));
-    return function uploadNewImage(_x7) {
+    return function (_x8) {
       return _ref16.apply(this, arguments);
     };
-  }();
-  var openPollCreationDialog = function openPollCreationDialog() {
+  }());
+  var openPollCreationDialog = useStableCallback(function () {
     if (openPollCreationDialogFromContext) {
       openPollCreationDialogFromContext({
         sendMessage: sendMessage
@@ -1263,7 +1266,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       return;
     }
     defaultOpenPollCreationDialog();
-  };
+  });
   var messageInputContext = (0, _useCreateMessageInputContext.useCreateMessageInputContext)(Object.assign({
     appendText: appendText,
     asyncIds: asyncIds,
@@ -1272,6 +1275,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
     cooldownEndsAt: cooldownEndsAt,
     fileUploads: fileUploads,
     giphyActive: giphyActive,
+    giphyEnabled: giphyEnabled,
     imageUploads: imageUploads,
     inputBoxRef: inputBoxRef,
     isValidMessage: isValidMessage,
@@ -1316,6 +1320,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
     uploadNewImage: uploadNewImage
   }, value, {
     closePollCreationDialog: closePollCreationDialog,
+    hasText: !!text,
     openPollCreationDialog: openPollCreationDialog,
     sendMessage: sendMessage,
     showPollCreationDialog: showPollCreationDialog,
@@ -1333,4 +1338,11 @@ var useMessageInputContext = exports.useMessageInputContext = function useMessag
   }
   return contextValue;
 };
+var useStableCallback = function useStableCallback(callback) {
+  var ref = (0, _react.useRef)(callback);
+  ref.current = callback;
+  return (0, _react.useCallback)(function () {
+    return ref.current.apply(ref, arguments);
+  }, []);
+};
 //# sourceMappingURL=MessageInputContext.js.map