stream-chat-react-native-core 6.7.3-beta.2 → 6.7.3-beta.4

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

@@ -138,17 +138,19 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
   var _useCooldown = (0, _useCooldown2.useCooldown)(),
     cooldownEndsAt = _useCooldown.endsAt,
     startCooldown = _useCooldown.start;
-  var onChangeText = value.onChangeText;
+  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;
     }
@@ -192,7 +194,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       _iterator2.f();
     }
     return false;
-  };
+  });
   var onChange = (0, _react.useCallback)(function (newText) {
     if (sending.current) {
       return;
@@ -205,19 +207,19 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       onChangeText(newText);
     }
   }, [channel, channelCapabities.sendTypingEvents, isOnline, setText, thread == null ? void 0 : thread.id, onChangeText]);
-  var openCommandsPicker = function openCommandsPicker() {
+  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;
       return _regenerator["default"].wrap(function _callee$(_context) {
@@ -269,90 +271,85 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _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) {
+              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;
-                    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 uploadNewImage(asset);
+                  case 3:
+                    _context2.next = 7;
+                    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);
+  })));
   var openAttachmentPicker = (0, _react.useCallback)(function () {
     _reactNative.Keyboard.dismiss();
     setSelectedPicker('images');
@@ -369,66 +366,61 @@ 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) {
+                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);
+  })));
   var removeFile = (0, _react.useCallback)(function (id) {
     if (fileUploads.some(function (file) {
       return file.id === id;
@@ -457,7 +449,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([]);
@@ -475,8 +467,8 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
     if (value.editing) {
       value.clearEditingState();
     }
-  };
-  var mapImageUploadToAttachment = function mapImageUploadToAttachment(image) {
+  });
+  var mapImageUploadToAttachment = useStableCallback(function (image) {
     var mime_type = (0, _mimeTypes.lookup)(image.file.name);
     var name = image.file.name;
     return {
@@ -488,8 +480,8 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       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,
@@ -540,260 +532,258 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         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('');
-            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 = 14;
-            _iterator3.s();
-          case 16:
-            if ((_step3 = _iterator3.n()).done) {
-              _context7.next = 26;
-              break;
-            }
-            image = _step3.value;
-            return _context7.delegateYield(_loop(image), "t0", 19);
-          case 19:
-            _ret = _context7.t0;
-            if (!(_ret === 0)) {
-              _context7.next = 22;
-              break;
-            }
-            return _context7.abrupt("continue", 24);
-          case 22:
-            if (!_ret) {
-              _context7.next = 24;
-              break;
-            }
-            return _context7.abrupt("return", _ret.v);
-          case 24:
-            _context7.next = 16;
+                  }
+                  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 26:
-            _context7.next = 31;
+          }
+          image = _step3.value;
+          return _context7.delegateYield(_loop(image), "t0", 20);
+        case 20:
+          _ret = _context7.t0;
+          if (!(_ret === 0)) {
+            _context7.next = 23;
             break;
-          case 28:
-            _context7.prev = 28;
-            _context7.t1 = _context7["catch"](14);
-            _iterator3.e(_context7.t1);
-          case 31:
-            _context7.prev = 31;
-            _iterator3.f();
-            return _context7.finish(31);
-          case 34:
-            _iterator4 = _createForOfIteratorHelper(fileUploads);
-            _context7.prev = 35;
-            _iterator4.s();
-          case 37:
-            if ((_step4 = _iterator4.n()).done) {
-              _context7.next = 52;
-              break;
-            }
-            file = _step4.value;
-            if (!enableOfflineSupport) {
-              _context7.next = 44;
-              break;
-            }
-            if (!(file.state === _utils2.FileState.NOT_SUPPORTED)) {
-              _context7.next = 42;
-              break;
-            }
-            return _context7.abrupt("return");
-          case 42:
-            attachments.push(mapFileUploadToAttachment(file));
-            return _context7.abrupt("continue", 50);
-          case 44:
-            if (!(!file || file.state === _utils2.FileState.UPLOAD_FAILED)) {
-              _context7.next = 46;
-              break;
-            }
-            return _context7.abrupt("continue", 50);
-          case 46:
-            if (!(file.state === _utils2.FileState.UPLOADING)) {
-              _context7.next = 49;
-              break;
-            }
-            sending.current = false;
-            return _context7.abrupt("return");
-          case 49:
-            if (file.state === _utils2.FileState.UPLOADED || file.state === _utils2.FileState.FINISHED) {
-              attachments.push(mapFileUploadToAttachment(file));
-            }
-          case 50:
-            _context7.next = 37;
+          }
+          return _context7.abrupt("continue", 25);
+        case 23:
+          if (!_ret) {
+            _context7.next = 25;
             break;
-          case 52:
-            _context7.next = 57;
+          }
+          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 54:
-            _context7.prev = 54;
-            _context7.t2 = _context7["catch"](35);
-            _iterator4.e(_context7.t2);
-          case 57:
-            _context7.prev = 57;
-            _iterator4.f();
-            return _context7.finish(57);
-          case 60:
-            if (!(!prevText && attachments.length === 0 && !(customMessageData != null && customMessageData.poll_id))) {
-              _context7.next = 63;
-              break;
-            }
-            sending.current = false;
-            return _context7.abrupt("return");
-          case 63:
-            message = value.editing;
-            if (!(message && message.type !== 'error')) {
-              _context7.next = 73;
-              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 = 89;
+          }
+          file = _step4.value;
+          if (!enableOfflineSupport) {
+            _context7.next = 45;
             break;
-          case 73:
-            _context7.prev = 73;
-            if (!(message && (0, _utils2.isBouncedMessage)(message))) {
-              _context7.next = 77;
-              break;
-            }
-            _context7.next = 77;
-            return removeMessage(message);
-          case 77:
-            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 = 89;
+          }
+          if (!(file.state === _utils2.FileState.NOT_SUPPORTED)) {
+            _context7.next = 43;
             break;
-          case 83:
-            _context7.prev = 83;
-            _context7.t3 = _context7["catch"](73);
-            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 89:
-          case "end":
-            return _context7.stop();
-        }
-      }, _callee6, null, [[14, 28, 31, 34], [35, 54, 57, 60], [73, 83]]);
-    }));
-    return function sendMessage() {
-      return _ref7.apply(this, arguments);
-    };
-  }();
-  var sendMessageAsync = function sendMessageAsync(id) {
+          }
+          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,
+            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;
+            break;
+          }
+          _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;
@@ -827,29 +817,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
           });
         }
@@ -859,44 +849,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) {
@@ -908,8 +892,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;
@@ -931,8 +915,8 @@ 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;
       return _regenerator["default"].wrap(function _callee8$(_context9) {
@@ -1006,11 +990,11 @@ 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;
@@ -1110,11 +1094,11 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee9, null, [[7, 32]]);
     }));
-    return function uploadImage(_x5) {
+    return function (_x5) {
       return _ref13.apply(this, arguments);
     };
-  }();
-  var uploadNewFile = function () {
+  }());
+  var uploadNewFile = useStableCallback(function () {
     var _ref15 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee10(file) {
       var _file$mimeType2, id, fileConfig, size_limit, isAllowed, sizeLimit, fileState, fileType, newFile;
       return _regenerator["default"].wrap(function _callee10$(_context11) {
@@ -1180,11 +1164,11 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee10, null, [[0, 20]]);
     }));
-    return function uploadNewFile(_x6) {
+    return function (_x6) {
       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) {
@@ -1249,11 +1233,11 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
         }
       }, _callee11, null, [[0, 19]]);
     }));
-    return function uploadNewImage(_x7) {
+    return function (_x7) {
       return _ref16.apply(this, arguments);
     };
-  }();
-  var openPollCreationDialog = function openPollCreationDialog() {
+  }());
+  var openPollCreationDialog = useStableCallback(function () {
     if (openPollCreationDialogFromContext) {
       openPollCreationDialogFromContext({
         sendMessage: sendMessage
@@ -1261,7 +1245,7 @@ var MessageInputProvider = exports.MessageInputProvider = function MessageInputP
       return;
     }
     defaultOpenPollCreationDialog();
-  };
+  });
   var messageInputContext = (0, _useCreateMessageInputContext.useCreateMessageInputContext)(Object.assign({
     appendText: appendText,
     asyncIds: asyncIds,
@@ -1333,4 +1317,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