stream-chat-react-native-core 5.8.0-beta.4 → 5.8.0-beta.6

package/lib/module/components/MessageInput/MessageInput.js

@@ -1,61 +1,34 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MessageInput = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _useCountdown2 = require("./hooks/useCountdown");
-
 var _contexts = require("../../contexts");
-
 var _AttachmentPickerContext = require("../../contexts/attachmentPickerContext/AttachmentPickerContext");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
-
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
-
 var _MessagesContext = require("../../contexts/messagesContext/MessagesContext");
-
 var _OwnCapabilitiesContext = require("../../contexts/ownCapabilitiesContext/OwnCapabilitiesContext");
-
 var _SuggestionsContext = require("../../contexts/suggestionsContext/SuggestionsContext");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
-
 var _ThreadContext = require("../../contexts/threadContext/ThreadContext");
-
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
-
 var _AttachmentSelectionBar = require("../AttachmentPicker/components/AttachmentSelectionBar");
-
 var _AutoCompleteInput = require("../AutoCompleteInput/AutoCompleteInput");
-
 var _this = this,
-    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/MessageInput.tsx";
-
+  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/MessageInput.tsx";
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 var styles = _reactNative.StyleSheet.create({
   attachmentSeparator: {
     borderBottomWidth: 1,
@@ -106,103 +79,94 @@ var styles = _reactNative.StyleSheet.create({
     shadowOpacity: 0.15
   }
 });
-
 var MessageInputWithContext = function MessageInputWithContext(props) {
   var additionalTextInputProps = props.additionalTextInputProps,
-      asyncIds = props.asyncIds,
-      asyncUploads = props.asyncUploads,
-      AutoCompleteSuggestionList = props.AutoCompleteSuggestionList,
-      closeAttachmentPicker = props.closeAttachmentPicker,
-      cooldownEndsAt = props.cooldownEndsAt,
-      CooldownTimer = props.CooldownTimer,
-      disabled = props.disabled,
-      editing = props.editing,
-      FileUploadPreview = props.FileUploadPreview,
-      fileUploads = props.fileUploads,
-      giphyActive = props.giphyActive,
-      ImageUploadPreview = props.ImageUploadPreview,
-      imageUploads = props.imageUploads,
-      Input = props.Input,
-      inputBoxRef = props.inputBoxRef,
-      InputButtons = props.InputButtons,
-      InputEditingStateHeader = props.InputEditingStateHeader,
-      InputGiphySearch = props.InputGiphySearch,
-      InputReplyStateHeader = props.InputReplyStateHeader,
-      isOnline = props.isOnline,
-      isValidMessage = props.isValidMessage,
-      maxNumberOfFiles = props.maxNumberOfFiles,
-      members = props.members,
-      mentionedUsers = props.mentionedUsers,
-      numberOfUploads = props.numberOfUploads,
-      quotedMessage = props.quotedMessage,
-      removeFile = props.removeFile,
-      removeImage = props.removeImage,
-      Reply = props.Reply,
-      resetInput = props.resetInput,
-      SendButton = props.SendButton,
-      sending = props.sending,
-      sendMessageAsync = props.sendMessageAsync,
-      ShowThreadMessageInChannelButton = props.ShowThreadMessageInChannelButton,
-      suggestions = props.suggestions,
-      thread = props.thread,
-      threadList = props.threadList,
-      triggerType = props.triggerType,
-      uploadNewFile = props.uploadNewFile,
-      uploadNewImage = props.uploadNewImage,
-      watchers = props.watchers;
-
+    asyncIds = props.asyncIds,
+    asyncUploads = props.asyncUploads,
+    AutoCompleteSuggestionList = props.AutoCompleteSuggestionList,
+    closeAttachmentPicker = props.closeAttachmentPicker,
+    cooldownEndsAt = props.cooldownEndsAt,
+    CooldownTimer = props.CooldownTimer,
+    disabled = props.disabled,
+    editing = props.editing,
+    FileUploadPreview = props.FileUploadPreview,
+    fileUploads = props.fileUploads,
+    giphyActive = props.giphyActive,
+    ImageUploadPreview = props.ImageUploadPreview,
+    imageUploads = props.imageUploads,
+    Input = props.Input,
+    inputBoxRef = props.inputBoxRef,
+    InputButtons = props.InputButtons,
+    InputEditingStateHeader = props.InputEditingStateHeader,
+    InputGiphySearch = props.InputGiphySearch,
+    InputReplyStateHeader = props.InputReplyStateHeader,
+    isOnline = props.isOnline,
+    isValidMessage = props.isValidMessage,
+    maxNumberOfFiles = props.maxNumberOfFiles,
+    members = props.members,
+    mentionedUsers = props.mentionedUsers,
+    numberOfUploads = props.numberOfUploads,
+    quotedMessage = props.quotedMessage,
+    removeFile = props.removeFile,
+    removeImage = props.removeImage,
+    Reply = props.Reply,
+    resetInput = props.resetInput,
+    SendButton = props.SendButton,
+    sending = props.sending,
+    sendMessageAsync = props.sendMessageAsync,
+    ShowThreadMessageInChannelButton = props.ShowThreadMessageInChannelButton,
+    suggestions = props.suggestions,
+    thread = props.thread,
+    threadList = props.threadList,
+    triggerType = props.triggerType,
+    uploadNewFile = props.uploadNewFile,
+    uploadNewImage = props.uploadNewImage,
+    watchers = props.watchers;
   var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      height = _useState2[0],
-      setHeight = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    height = _useState2[0],
+    setHeight = _useState2[1];
   var _useTheme = (0, _ThemeContext.useTheme)(),
-      _useTheme$theme = _useTheme.theme,
-      _useTheme$theme$color = _useTheme$theme.colors,
-      border = _useTheme$theme$color.border,
-      grey_whisper = _useTheme$theme$color.grey_whisper,
-      white = _useTheme$theme$color.white,
-      white_smoke = _useTheme$theme$color.white_smoke,
-      _useTheme$theme$messa = _useTheme$theme.messageInput,
-      attachmentSelectionBar = _useTheme$theme$messa.attachmentSelectionBar,
-      autoCompleteInputContainer = _useTheme$theme$messa.autoCompleteInputContainer,
-      composerContainer = _useTheme$theme$messa.composerContainer,
-      container = _useTheme$theme$messa.container,
-      inputBoxContainer = _useTheme$theme$messa.inputBoxContainer,
-      optionsContainer = _useTheme$theme$messa.optionsContainer,
-      replyContainer = _useTheme$theme$messa.replyContainer,
-      sendButtonContainer = _useTheme$theme$messa.sendButtonContainer,
-      suggestionListContainer = _useTheme$theme$messa.suggestionsListContainer.container;
-
+    _useTheme$theme = _useTheme.theme,
+    _useTheme$theme$color = _useTheme$theme.colors,
+    border = _useTheme$theme$color.border,
+    grey_whisper = _useTheme$theme$color.grey_whisper,
+    white = _useTheme$theme$color.white,
+    white_smoke = _useTheme$theme$color.white_smoke,
+    _useTheme$theme$messa = _useTheme$theme.messageInput,
+    attachmentSelectionBar = _useTheme$theme$messa.attachmentSelectionBar,
+    autoCompleteInputContainer = _useTheme$theme$messa.autoCompleteInputContainer,
+    composerContainer = _useTheme$theme$messa.composerContainer,
+    container = _useTheme$theme$messa.container,
+    inputBoxContainer = _useTheme$theme$messa.inputBoxContainer,
+    optionsContainer = _useTheme$theme$messa.optionsContainer,
+    replyContainer = _useTheme$theme$messa.replyContainer,
+    sendButtonContainer = _useTheme$theme$messa.sendButtonContainer,
+    suggestionListContainer = _useTheme$theme$messa.suggestionsListContainer.container;
   var _useAttachmentPickerC = (0, _AttachmentPickerContext.useAttachmentPickerContext)(),
-      attachmentPickerBottomSheetHeight = _useAttachmentPickerC.attachmentPickerBottomSheetHeight,
-      attachmentSelectionBarHeight = _useAttachmentPickerC.attachmentSelectionBarHeight,
-      bottomInset = _useAttachmentPickerC.bottomInset,
-      selectedFiles = _useAttachmentPickerC.selectedFiles,
-      selectedImages = _useAttachmentPickerC.selectedImages,
-      selectedPicker = _useAttachmentPickerC.selectedPicker,
-      setMaxNumberOfFiles = _useAttachmentPickerC.setMaxNumberOfFiles,
-      setSelectedFiles = _useAttachmentPickerC.setSelectedFiles,
-      setSelectedImages = _useAttachmentPickerC.setSelectedImages;
-
+    attachmentPickerBottomSheetHeight = _useAttachmentPickerC.attachmentPickerBottomSheetHeight,
+    attachmentSelectionBarHeight = _useAttachmentPickerC.attachmentSelectionBarHeight,
+    bottomInset = _useAttachmentPickerC.bottomInset,
+    selectedFiles = _useAttachmentPickerC.selectedFiles,
+    selectedImages = _useAttachmentPickerC.selectedImages,
+    selectedPicker = _useAttachmentPickerC.selectedPicker,
+    setMaxNumberOfFiles = _useAttachmentPickerC.setMaxNumberOfFiles,
+    setSelectedFiles = _useAttachmentPickerC.setSelectedFiles,
+    setSelectedImages = _useAttachmentPickerC.setSelectedImages;
   var _useCountdown = (0, _useCountdown2.useCountdown)(cooldownEndsAt),
-      cooldownRemainingSeconds = _useCountdown.seconds;
-
+    cooldownRemainingSeconds = _useCountdown.seconds;
   (0, _react.useEffect)(function () {
     setMaxNumberOfFiles(maxNumberOfFiles != null ? maxNumberOfFiles : 10);
     return closeAttachmentPicker;
   }, []);
-
   var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      hasResetImages = _useState4[0],
-      setHasResetImages = _useState4[1];
-
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    hasResetImages = _useState4[0],
+    setHasResetImages = _useState4[1];
   var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      hasResetFiles = _useState6[0],
-      setHasResetFiles = _useState6[1];
-
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    hasResetFiles = _useState6[0],
+    setHasResetFiles = _useState6[1];
   var selectedImagesLength = hasResetImages ? selectedImages.length : 0;
   var imageUploadsLength = hasResetImages ? imageUploads.length : 0;
   var selectedFilesLength = hasResetFiles ? selectedFiles.length : 0;
@@ -210,26 +174,22 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   var imagesForInput = !!thread && !!threadList || !thread && !threadList;
   (0, _react.useEffect)(function () {
     setSelectedImages([]);
-
     if (imageUploads.length) {
       imageUploads.forEach(function (image) {
         return removeImage(image.id);
       });
     }
-
     return function () {
       return setSelectedImages([]);
     };
   }, []);
   (0, _react.useEffect)(function () {
     setSelectedFiles([]);
-
     if (fileUploads.length) {
       fileUploads.forEach(function (file) {
         return removeFile(file.id);
       });
     }
-
     return function () {
       return setSelectedFiles([]);
     };
@@ -253,7 +213,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   }, [imagesForInput]);
   var MEGA_BYTES_TO_BYTES = 1024 * 1024;
   var MAX_FILE_SIZE_TO_UPLOAD_IN_MB = 100;
-
   var uploadImagesHandler = function uploadImagesHandler() {
     var imageToUpload = selectedImages.find(function (selectedImage) {
       var uploadedImage = imageUploads.find(function (imageUpload) {
@@ -261,10 +220,8 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       });
       return !uploadedImage;
     });
-
     if (imageToUpload && Number(imageToUpload.fileSize) / MEGA_BYTES_TO_BYTES > MAX_FILE_SIZE_TO_UPLOAD_IN_MB) {
       _reactNative.Alert.alert("Maximum file size upload limit reached, please upload an image below " + MAX_FILE_SIZE_TO_UPLOAD_IN_MB + "MB.");
-
       setSelectedImages(selectedImages.filter(function (selectedImage) {
         return selectedImage.uri !== imageToUpload.uri;
       }));
@@ -272,7 +229,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       if (imageToUpload) uploadNewImage(imageToUpload);
     }
   };
-
   var removeImagesHandler = function removeImagesHandler() {
     var imagesToRemove = imageUploads.filter(function (imageUpload) {
       return !selectedImages.find(function (selectedImage) {
@@ -283,7 +239,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       return removeImage(image.id);
     });
   };
-
   (0, _react.useEffect)(function () {
     if (imagesForInput) {
       if (selectedImagesLength > imageUploadsLength) {
@@ -301,10 +256,8 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
         });
         return !uploadedFile;
       });
-
       if (fileToUpload && Number(fileToUpload.size) / MEGA_BYTES_TO_BYTES > MAX_FILE_SIZE_TO_UPLOAD_IN_MB) {
         _reactNative.Alert.alert("Maximum file size upload limit reached, please upload a file below " + MAX_FILE_SIZE_TO_UPLOAD_IN_MB + "MB.");
-
         setSelectedFiles(selectedFiles.filter(function (selectedFile) {
           return selectedFile.uri !== fileToUpload.uri;
         }));
@@ -370,7 +323,6 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     if (editing && inputBoxRef.current) {
       inputBoxRef.current.focus();
     }
-
     if (!editing && (giphyActive || fileUploads.length > 0 || mentionedUsers.length > 0 || imageUploads.length > 0 || numberOfUploads > 0)) {
       resetInput();
     }
@@ -378,7 +330,7 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
   var asyncIdsString = asyncIds.join();
   var asyncUploadsString = Object.values(asyncUploads).map(function (_ref) {
     var state = _ref.state,
-        url = _ref.url;
+      url = _ref.url;
     return "" + state + url;
   }).join();
   (0, _react.useEffect)(function () {
@@ -390,10 +342,8 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       sending.current = false;
     }
   }, [asyncIdsString, asyncUploadsString, sendMessageAsync]);
-
   var getMembers = function getMembers() {
     var result = [];
-
     if (members && Object.values(members).length) {
       Object.values(members).forEach(function (member) {
         if (member.user) {
@@ -401,40 +351,37 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
         }
       });
     }
-
     return result;
   };
-
   var getUsers = function getUsers() {
     var users = [].concat((0, _toConsumableArray2["default"])(getMembers()), (0, _toConsumableArray2["default"])(getWatchers()));
     var uniqueUsers = {};
-
     for (var _iterator = _createForOfIteratorHelperLoose(users), _step; !(_step = _iterator()).done;) {
       var user = _step.value;
-
       if (user && !uniqueUsers[user.id]) {
         uniqueUsers[user.id] = user;
       }
     }
-
     var usersArray = Object.values(uniqueUsers);
     return usersArray;
   };
-
   var getWatchers = function getWatchers() {
     var result = [];
-
     if (watchers && Object.values(watchers).length) {
       result.push.apply(result, (0, _toConsumableArray2["default"])(Object.values(watchers)));
     }
-
     return result;
   };
-
   var additionalTextInputContainerProps = (0, _extends2["default"])({
     editable: disabled ? false : undefined
   }, additionalTextInputProps);
-  return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
+  return _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 510,
+      columnNumber: 5
+    }
+  }, _react["default"].createElement(_reactNative.View, {
     onLayout: function onLayout(_ref2) {
       var newHeight = _ref2.nativeEvent.layout.height;
       return setHeight(newHeight);
@@ -480,7 +427,13 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
       lineNumber: 523,
       columnNumber: 13
     }
-  }) : _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_reactNative.View, {
+  }) : _react["default"].createElement(_react["default"].Fragment, {
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 528,
+      columnNumber: 13
+    }
+  }, _react["default"].createElement(_reactNative.View, {
     style: [styles.optionsContainer, optionsContainer],
     __self: _this,
     __source: {
@@ -646,42 +599,41 @@ var MessageInputWithContext = function MessageInputWithContext(props) {
     }
   })));
 };
-
 var areEqual = function areEqual(prevProps, nextProps) {
   var prevAdditionalTextInputProps = prevProps.additionalTextInputProps,
-      prevAsyncUploads = prevProps.asyncUploads,
-      prevDisabled = prevProps.disabled,
-      prevEditing = prevProps.editing,
-      prevFileUploads = prevProps.fileUploads,
-      prevGiphyActive = prevProps.giphyActive,
-      prevImageUploads = prevProps.imageUploads,
-      prevIsOnline = prevProps.isOnline,
-      prevIsValidMessage = prevProps.isValidMessage,
-      prevMentionedUsers = prevProps.mentionedUsers,
-      prevQuotedMessage = prevProps.quotedMessage,
-      prevSending = prevProps.sending,
-      prevShowMoreOptions = prevProps.showMoreOptions,
-      prevSuggestions = prevProps.suggestions,
-      prevT = prevProps.t,
-      prevThread = prevProps.thread,
-      prevThreadList = prevProps.threadList;
+    prevAsyncUploads = prevProps.asyncUploads,
+    prevDisabled = prevProps.disabled,
+    prevEditing = prevProps.editing,
+    prevFileUploads = prevProps.fileUploads,
+    prevGiphyActive = prevProps.giphyActive,
+    prevImageUploads = prevProps.imageUploads,
+    prevIsOnline = prevProps.isOnline,
+    prevIsValidMessage = prevProps.isValidMessage,
+    prevMentionedUsers = prevProps.mentionedUsers,
+    prevQuotedMessage = prevProps.quotedMessage,
+    prevSending = prevProps.sending,
+    prevShowMoreOptions = prevProps.showMoreOptions,
+    prevSuggestions = prevProps.suggestions,
+    prevT = prevProps.t,
+    prevThread = prevProps.thread,
+    prevThreadList = prevProps.threadList;
   var nextAdditionalTextInputProps = nextProps.additionalTextInputProps,
-      nextAsyncUploads = nextProps.asyncUploads,
-      nextDisabled = nextProps.disabled,
-      nextEditing = nextProps.editing,
-      nextFileUploads = nextProps.fileUploads,
-      nextGiphyActive = nextProps.giphyActive,
-      nextImageUploads = nextProps.imageUploads,
-      nextIsOnline = nextProps.isOnline,
-      nextIsValidMessage = nextProps.isValidMessage,
-      nextMentionedUsers = nextProps.mentionedUsers,
-      nextQuotedMessage = nextProps.quotedMessage,
-      nextSending = nextProps.sending,
-      nextShowMoreOptions = nextProps.showMoreOptions,
-      nextSuggestions = nextProps.suggestions,
-      nextT = nextProps.t,
-      nextThread = nextProps.thread,
-      nextThreadList = nextProps.threadList;
+    nextAsyncUploads = nextProps.asyncUploads,
+    nextDisabled = nextProps.disabled,
+    nextEditing = nextProps.editing,
+    nextFileUploads = nextProps.fileUploads,
+    nextGiphyActive = nextProps.giphyActive,
+    nextImageUploads = nextProps.imageUploads,
+    nextIsOnline = nextProps.isOnline,
+    nextIsValidMessage = nextProps.isValidMessage,
+    nextMentionedUsers = nextProps.mentionedUsers,
+    nextQuotedMessage = nextProps.quotedMessage,
+    nextSending = nextProps.sending,
+    nextShowMoreOptions = nextProps.showMoreOptions,
+    nextSuggestions = nextProps.suggestions,
+    nextT = nextProps.t,
+    nextThread = nextProps.thread,
+    nextThreadList = nextProps.threadList;
   var tEqual = prevT === nextT;
   if (!tEqual) return false;
   var additionalTextInputPropsEven = prevAdditionalTextInputProps === nextAdditionalTextInputProps;
@@ -723,77 +675,67 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!threadListEqual) return false;
   return true;
 };
-
 var MemoizedMessageInput = _react["default"].memo(MessageInputWithContext, areEqual);
-
 var MessageInput = function MessageInput(props) {
   var _useChatContext = (0, _contexts.useChatContext)(),
-      isOnline = _useChatContext.isOnline;
-
+    isOnline = _useChatContext.isOnline;
   var ownCapabilities = (0, _OwnCapabilitiesContext.useOwnCapabilitiesContext)();
-
   var _useChannelContext = (0, _ChannelContext.useChannelContext)(),
-      _useChannelContext$di = _useChannelContext.disabled,
-      disabled = _useChannelContext$di === void 0 ? false : _useChannelContext$di,
-      members = _useChannelContext.members,
-      watchers = _useChannelContext.watchers;
-
+    _useChannelContext$di = _useChannelContext.disabled,
+    disabled = _useChannelContext$di === void 0 ? false : _useChannelContext$di,
+    members = _useChannelContext.members,
+    watchers = _useChannelContext.watchers;
   var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
-      additionalTextInputProps = _useMessageInputConte.additionalTextInputProps,
-      asyncIds = _useMessageInputConte.asyncIds,
-      asyncUploads = _useMessageInputConte.asyncUploads,
-      clearEditingState = _useMessageInputConte.clearEditingState,
-      clearQuotedMessageState = _useMessageInputConte.clearQuotedMessageState,
-      closeAttachmentPicker = _useMessageInputConte.closeAttachmentPicker,
-      cooldownEndsAt = _useMessageInputConte.cooldownEndsAt,
-      CooldownTimer = _useMessageInputConte.CooldownTimer,
-      editing = _useMessageInputConte.editing,
-      FileUploadPreview = _useMessageInputConte.FileUploadPreview,
-      fileUploads = _useMessageInputConte.fileUploads,
-      giphyActive = _useMessageInputConte.giphyActive,
-      ImageUploadPreview = _useMessageInputConte.ImageUploadPreview,
-      imageUploads = _useMessageInputConte.imageUploads,
-      Input = _useMessageInputConte.Input,
-      inputBoxRef = _useMessageInputConte.inputBoxRef,
-      InputButtons = _useMessageInputConte.InputButtons,
-      InputEditingStateHeader = _useMessageInputConte.InputEditingStateHeader,
-      InputGiphySearch = _useMessageInputConte.InputGiphySearch,
-      InputReplyStateHeader = _useMessageInputConte.InputReplyStateHeader,
-      isValidMessage = _useMessageInputConte.isValidMessage,
-      maxNumberOfFiles = _useMessageInputConte.maxNumberOfFiles,
-      mentionedUsers = _useMessageInputConte.mentionedUsers,
-      numberOfUploads = _useMessageInputConte.numberOfUploads,
-      quotedMessage = _useMessageInputConte.quotedMessage,
-      removeFile = _useMessageInputConte.removeFile,
-      removeImage = _useMessageInputConte.removeImage,
-      resetInput = _useMessageInputConte.resetInput,
-      SendButton = _useMessageInputConte.SendButton,
-      sending = _useMessageInputConte.sending,
-      sendMessageAsync = _useMessageInputConte.sendMessageAsync,
-      SendMessageDisallowedIndicator = _useMessageInputConte.SendMessageDisallowedIndicator,
-      setGiphyActive = _useMessageInputConte.setGiphyActive,
-      setShowMoreOptions = _useMessageInputConte.setShowMoreOptions,
-      showMoreOptions = _useMessageInputConte.showMoreOptions,
-      ShowThreadMessageInChannelButton = _useMessageInputConte.ShowThreadMessageInChannelButton,
-      uploadNewFile = _useMessageInputConte.uploadNewFile,
-      uploadNewImage = _useMessageInputConte.uploadNewImage;
-
+    additionalTextInputProps = _useMessageInputConte.additionalTextInputProps,
+    asyncIds = _useMessageInputConte.asyncIds,
+    asyncUploads = _useMessageInputConte.asyncUploads,
+    clearEditingState = _useMessageInputConte.clearEditingState,
+    clearQuotedMessageState = _useMessageInputConte.clearQuotedMessageState,
+    closeAttachmentPicker = _useMessageInputConte.closeAttachmentPicker,
+    cooldownEndsAt = _useMessageInputConte.cooldownEndsAt,
+    CooldownTimer = _useMessageInputConte.CooldownTimer,
+    editing = _useMessageInputConte.editing,
+    FileUploadPreview = _useMessageInputConte.FileUploadPreview,
+    fileUploads = _useMessageInputConte.fileUploads,
+    giphyActive = _useMessageInputConte.giphyActive,
+    ImageUploadPreview = _useMessageInputConte.ImageUploadPreview,
+    imageUploads = _useMessageInputConte.imageUploads,
+    Input = _useMessageInputConte.Input,
+    inputBoxRef = _useMessageInputConte.inputBoxRef,
+    InputButtons = _useMessageInputConte.InputButtons,
+    InputEditingStateHeader = _useMessageInputConte.InputEditingStateHeader,
+    InputGiphySearch = _useMessageInputConte.InputGiphySearch,
+    InputReplyStateHeader = _useMessageInputConte.InputReplyStateHeader,
+    isValidMessage = _useMessageInputConte.isValidMessage,
+    maxNumberOfFiles = _useMessageInputConte.maxNumberOfFiles,
+    mentionedUsers = _useMessageInputConte.mentionedUsers,
+    numberOfUploads = _useMessageInputConte.numberOfUploads,
+    quotedMessage = _useMessageInputConte.quotedMessage,
+    removeFile = _useMessageInputConte.removeFile,
+    removeImage = _useMessageInputConte.removeImage,
+    resetInput = _useMessageInputConte.resetInput,
+    SendButton = _useMessageInputConte.SendButton,
+    sending = _useMessageInputConte.sending,
+    sendMessageAsync = _useMessageInputConte.sendMessageAsync,
+    SendMessageDisallowedIndicator = _useMessageInputConte.SendMessageDisallowedIndicator,
+    setGiphyActive = _useMessageInputConte.setGiphyActive,
+    setShowMoreOptions = _useMessageInputConte.setShowMoreOptions,
+    showMoreOptions = _useMessageInputConte.showMoreOptions,
+    ShowThreadMessageInChannelButton = _useMessageInputConte.ShowThreadMessageInChannelButton,
+    uploadNewFile = _useMessageInputConte.uploadNewFile,
+    uploadNewImage = _useMessageInputConte.uploadNewImage;
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
-      Reply = _useMessagesContext.Reply;
-
+    Reply = _useMessagesContext.Reply;
   var _useSuggestionsContex = (0, _SuggestionsContext.useSuggestionsContext)(),
-      AutoCompleteSuggestionHeader = _useSuggestionsContex.AutoCompleteSuggestionHeader,
-      AutoCompleteSuggestionItem = _useSuggestionsContex.AutoCompleteSuggestionItem,
-      AutoCompleteSuggestionList = _useSuggestionsContex.AutoCompleteSuggestionList,
-      suggestions = _useSuggestionsContex.suggestions,
-      triggerType = _useSuggestionsContex.triggerType;
-
+    AutoCompleteSuggestionHeader = _useSuggestionsContex.AutoCompleteSuggestionHeader,
+    AutoCompleteSuggestionItem = _useSuggestionsContex.AutoCompleteSuggestionItem,
+    AutoCompleteSuggestionList = _useSuggestionsContex.AutoCompleteSuggestionList,
+    suggestions = _useSuggestionsContex.suggestions,
+    triggerType = _useSuggestionsContex.triggerType;
   var _useThreadContext = (0, _ThreadContext.useThreadContext)(),
-      thread = _useThreadContext.thread;
-
+    thread = _useThreadContext.thread;
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
-      t = _useTranslationContex.t;
-
+    t = _useTranslationContex.t;
   if (!ownCapabilities.sendMessage && SendMessageDisallowedIndicator) {
     return _react["default"].createElement(SendMessageDisallowedIndicator, {
       __self: _this,
@@ -804,7 +746,6 @@ var MessageInput = function MessageInput(props) {
       }
     });
   }
-
   return _react["default"].createElement(MemoizedMessageInput, (0, _extends2["default"])({
     additionalTextInputProps: additionalTextInputProps,
     asyncIds: asyncIds,
@@ -864,7 +805,6 @@ var MessageInput = function MessageInput(props) {
     }
   }));
 };
-
 exports.MessageInput = MessageInput;
 MessageInput.displayName = 'MessageInput{messageInput}';
 //# sourceMappingURL=MessageInput.js.map