stream-chat-react-native-core 5.4.1 → 5.4.2-beta.2

package/lib/commonjs/components/MessageList/NetworkDownIndicator.js

@@ -52,10 +52,18 @@ var NetworkDownIndicator = function NetworkDownIndicator() {
   var _useTranslationContex = (0, _TranslationContext.useTranslationContext)(),
       t = _useTranslationContex.t;
 
-  if (isOnline && !error) {
-    return null;
-  }
+  var getText = function getText() {
+    if (!isOnline) {
+      return t('Reconnecting...');
+    } else if (error) {
+      return t('Error loading messages for this channel...');
+    }
+
+    return '';
+  };
 
+  var indicatorText = getText();
+  if (!indicatorText) return null;
   return _react["default"].createElement(_reactNative.View, {
     style: [styles.errorNotification, {
       backgroundColor: grey + "E6"
@@ -64,7 +72,7 @@ var NetworkDownIndicator = function NetworkDownIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 50,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -72,10 +80,10 @@ var NetworkDownIndicator = function NetworkDownIndicator() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 54,
       columnNumber: 7
     }
-  }, !isOnline ? t('Reconnecting...') : error ? t('Error loading messages for this channel...') : ''));
+  }, indicatorText));
 };
 
 exports.NetworkDownIndicator = NetworkDownIndicator;

package/lib/commonjs/components/MessageList/NetworkDownIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["NetworkDownIndicator.tsx"],"names":["styles","StyleSheet","create","errorNotification","alignItems","left","paddingVertical","position","right","top","errorNotificationText","color","fontSize","NetworkDownIndicator","error","isOnline","theme","grey","colors","messageList","t","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,UAAU,EAAE,QADK;AAEjBC,IAAAA,IAAI,EAAE,CAFW;AAGjBC,IAAAA,eAAe,EAAE,CAHA;AAIjBC,IAAAA,QAAQ,EAAE,UAJO;AAKjBC,IAAAA,KAAK,EAAE,CALU;AAMjBC,IAAAA,GAAG,EAAE;AANY,GADY;AAS/BC,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,KAAK,EAAE,SADc;AAErBC,IAAAA,QAAQ,EAAE;AAFW;AATQ,CAAlB,CAAf;;AAeO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACxC,2BAAkB,wCAAlB;AAAA,MAAQC,KAAR,sBAAQA,KAAR;;AACA,wBAAqB,kCAArB;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,IAFd,mBAEIC,MAFJ,CAEcD,IAFd;AAAA,8CAGIE,WAHJ;AAAA,MAGmBhB,iBAHnB,yBAGmBA,iBAHnB;AAAA,MAGsCO,qBAHtC,yBAGsCA,qBAHtC;;AAMA,8BAAc,gDAAd;AAAA,MAAQU,CAAR,yBAAQA,CAAR;;AAEA,MAAIL,QAAQ,IAAI,CAACD,KAAjB,EAAwB;AACtB,WAAO,IAAP;AACD;;AAED,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACd,MAAM,CAACG,iBAAR,EAA2B;AAAEkB,MAAAA,eAAe,EAAKJ,IAAL;AAAjB,KAA3B,EAA6Dd,iBAA7D,CADT;AAEE,IAAA,MAAM,EAAC,oBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACU,qBAAR,EAA+BA,qBAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACG,CAACK,QAAD,GACGK,CAAC,CAAC,iBAAD,CADJ,GAEGN,KAAK,GACLM,CAAC,CAAC,4CAAD,CADI,GAEL,EALN,CAJF,CADF;AAcD,CA7BM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useChannelContext } from '../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  errorNotification: {\n    alignItems: 'center',\n    left: 0,\n    paddingVertical: 4,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  errorNotificationText: {\n    color: '#FFFFFF',\n    fontSize: 14,\n  },\n});\n\nexport const NetworkDownIndicator = () => {\n  const { error } = useChannelContext();\n  const { isOnline } = useChatContext();\n  const {\n    theme: {\n      colors: { grey },\n      messageList: { errorNotification, errorNotificationText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  if (isOnline && !error) {\n    return null;\n  }\n\n  return (\n    <View\n      style={[styles.errorNotification, { backgroundColor: `${grey}E6` }, errorNotification]}\n      testID='error-notification'\n    >\n      <Text style={[styles.errorNotificationText, errorNotificationText]}>\n        {!isOnline\n          ? t('Reconnecting...')\n          : error\n          ? t('Error loading messages for this channel...')\n          : ''}\n      </Text>\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["NetworkDownIndicator.tsx"],"names":["styles","StyleSheet","create","errorNotification","alignItems","left","paddingVertical","position","right","top","errorNotificationText","color","fontSize","NetworkDownIndicator","error","isOnline","theme","grey","colors","messageList","t","getText","indicatorText","backgroundColor"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,UAAU,EAAE,QADK;AAEjBC,IAAAA,IAAI,EAAE,CAFW;AAGjBC,IAAAA,eAAe,EAAE,CAHA;AAIjBC,IAAAA,QAAQ,EAAE,UAJO;AAKjBC,IAAAA,KAAK,EAAE,CALU;AAMjBC,IAAAA,GAAG,EAAE;AANY,GADY;AAS/BC,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,KAAK,EAAE,SADc;AAErBC,IAAAA,QAAQ,EAAE;AAFW;AATQ,CAAlB,CAAf;;AAeO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,GAAM;AACxC,2BAAkB,wCAAlB;AAAA,MAAQC,KAAR,sBAAQA,KAAR;;AACA,wBAAqB,kCAArB;AAAA,MAAQC,QAAR,mBAAQA,QAAR;;AACA,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,IAFd,mBAEIC,MAFJ,CAEcD,IAFd;AAAA,8CAGIE,WAHJ;AAAA,MAGmBhB,iBAHnB,yBAGmBA,iBAHnB;AAAA,MAGsCO,qBAHtC,yBAGsCA,qBAHtC;;AAMA,8BAAc,gDAAd;AAAA,MAAQU,CAAR,yBAAQA,CAAR;;AAEA,MAAMC,OAAO,GAAG,SAAVA,OAAU,GAAM;AACpB,QAAI,CAACN,QAAL,EAAe;AACb,aAAOK,CAAC,CAAC,iBAAD,CAAR;AACD,KAFD,MAEO,IAAIN,KAAJ,EAAW;AAChB,aAAOM,CAAC,CAAC,4CAAD,CAAR;AACD;;AACD,WAAO,EAAP;AACD,GAPD;;AASA,MAAME,aAAa,GAAGD,OAAO,EAA7B;AAEA,MAAI,CAACC,aAAL,EAAoB,OAAO,IAAP;AAEpB,SACE,gCAAC,iBAAD;AACE,IAAA,KAAK,EAAE,CAACtB,MAAM,CAACG,iBAAR,EAA2B;AAAEoB,MAAAA,eAAe,EAAKN,IAAL;AAAjB,KAA3B,EAA6Dd,iBAA7D,CADT;AAEE,IAAA,MAAM,EAAC,oBAFT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAIE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACU,qBAAR,EAA+BA,qBAA/B,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAqEY,aAArE,CAJF,CADF;AAQD,CAhCM","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useChannelContext } from '../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  errorNotification: {\n    alignItems: 'center',\n    left: 0,\n    paddingVertical: 4,\n    position: 'absolute',\n    right: 0,\n    top: 0,\n  },\n  errorNotificationText: {\n    color: '#FFFFFF',\n    fontSize: 14,\n  },\n});\n\nexport const NetworkDownIndicator = () => {\n  const { error } = useChannelContext();\n  const { isOnline } = useChatContext();\n  const {\n    theme: {\n      colors: { grey },\n      messageList: { errorNotification, errorNotificationText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  const getText = () => {\n    if (!isOnline) {\n      return t('Reconnecting...');\n    } else if (error) {\n      return t('Error loading messages for this channel...');\n    }\n    return '';\n  };\n\n  const indicatorText = getText();\n\n  if (!indicatorText) return null;\n\n  return (\n    <View\n      style={[styles.errorNotification, { backgroundColor: `${grey}E6` }, errorNotification]}\n      testID='error-notification'\n    >\n      <Text style={[styles.errorNotificationText, errorNotificationText]}>{indicatorText}</Text>\n    </View>\n  );\n};\n"]}

package/lib/commonjs/components/MessageList/hooks/useMessageList.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useMessageList = exports.isMessageWithStylesReadByAndDateSeparator = void 0;
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _ChannelContext = require("../../../contexts/channelContext/ChannelContext");
@@ -30,8 +32,7 @@ var isMessageWithStylesReadByAndDateSeparator = function isMessageWithStylesRead
 exports.isMessageWithStylesReadByAndDateSeparator = isMessageWithStylesReadByAndDateSeparator;
 
 var useMessageList = function useMessageList(params) {
-  var inverted = params.inverted,
-      noGroupByUser = params.noGroupByUser,
+  var noGroupByUser = params.noGroupByUser,
       threadList = params.threadList;
 
   var _useChatContext = (0, _ChatContext.useChatContext)(),
@@ -93,7 +94,7 @@ var useMessageList = function useMessageList(params) {
       readBy: msg.id ? readData[msg.id] || false : false
     });
   });
-  return inverted ? messagesWithStylesReadByAndDateSeparator.reverse() : messagesWithStylesReadByAndDateSeparator;
+  return (0, _toConsumableArray2["default"])(messagesWithStylesReadByAndDateSeparator).reverse();
 };
 
 exports.useMessageList = useMessageList;

package/lib/commonjs/components/MessageList/hooks/useMessageList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","inverted","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\n  inverted?: boolean;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageResponse<StreamChatGenerics> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageType<StreamChatGenerics>,\n): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;\n\nexport const useMessageList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: UseMessageListParams,\n) => {\n  const { inverted, noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<StreamChatGenerics>();\n  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();\n  const { threadMessages } = useThreadContext<StreamChatGenerics>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<StreamChatGenerics>({\n    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<StreamChatGenerics>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return (\n    inverted\n      ? messagesWithStylesReadByAndDateSeparator.reverse()\n      : messagesWithStylesReadByAndDateSeparator\n  ) as MessageType<StreamChatGenerics>[];\n};\n"]}
+{"version":3,"sources":["useMessageList.ts"],"names":["isMessageWithStylesReadByAndDateSeparator","message","readBy","undefined","useMessageList","params","noGroupByUser","threadList","client","hideDateSeparators","maxTimeBetweenGroupedMessages","read","deletedMessagesVisibilityType","getMessagesGroupStyles","getGroupStyles","messages","threadMessages","messageList","readList","dateSeparators","userId","userID","messageGroupStyles","readData","messagesWithStylesReadByAndDateSeparator","filter","msg","isMessageTypeDeleted","type","user","id","map","dateSeparator","groupStyles","reverse"],"mappings":"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","sourcesContent":["import type { ChannelState, MessageResponse } from 'stream-chat';\n\nimport {\n  ChannelContextValue,\n  useChannelContext,\n} from '../../../contexts/channelContext/ChannelContext';\nimport { useChatContext } from '../../../contexts/chatContext/ChatContext';\nimport {\n  DeletedMessagesVisibilityType,\n  useMessagesContext,\n} from '../../../contexts/messagesContext/MessagesContext';\nimport { usePaginatedMessageListContext } from '../../../contexts/paginatedMessageListContext/PaginatedMessageListContext';\nimport { useThreadContext } from '../../../contexts/threadContext/ThreadContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { getDateSeparators } from '../utils/getDateSeparators';\nimport { getGroupStyles } from '../utils/getGroupStyles';\nimport { getReadStates } from '../utils/getReadStates';\n\nexport type UseMessageListParams = {\n  deletedMessagesVisibilityType?: DeletedMessagesVisibilityType;\n  noGroupByUser?: boolean;\n  threadList?: boolean;\n};\n\nexport type GroupType = string;\n\nexport type MessagesWithStylesReadByAndDateSeparator<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = MessageResponse<StreamChatGenerics> & {\n  groupStyles: GroupType[];\n  readBy: boolean | number;\n  dateSeparator?: Date;\n};\n\nexport type MessageType<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> =\n  | ReturnType<ChannelState<StreamChatGenerics>['formatMessage']>\n  | MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>;\n\n// Type guards to check MessageType\nexport const isMessageWithStylesReadByAndDateSeparator = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  message: MessageType<StreamChatGenerics>,\n): message is MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics> =>\n  (message as MessagesWithStylesReadByAndDateSeparator<StreamChatGenerics>).readBy !== undefined;\n\nexport const useMessageList = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  params: UseMessageListParams,\n) => {\n  const { noGroupByUser, threadList } = params;\n  const { client } = useChatContext<StreamChatGenerics>();\n  const { hideDateSeparators, maxTimeBetweenGroupedMessages, read } =\n    useChannelContext<StreamChatGenerics>();\n  const { deletedMessagesVisibilityType, getMessagesGroupStyles = getGroupStyles } =\n    useMessagesContext<StreamChatGenerics>();\n  const { messages } = usePaginatedMessageListContext<StreamChatGenerics>();\n  const { threadMessages } = useThreadContext<StreamChatGenerics>();\n\n  const messageList = threadList ? threadMessages : messages;\n  const readList: ChannelContextValue<StreamChatGenerics>['read'] | undefined = threadList\n    ? undefined\n    : read;\n\n  const dateSeparators = getDateSeparators<StreamChatGenerics>({\n    deletedMessagesVisibilityType,\n    hideDateSeparators,\n    messages: messageList,\n    userId: client.userID,\n  });\n\n  const messageGroupStyles = getMessagesGroupStyles<StreamChatGenerics>({\n    dateSeparators,\n    hideDateSeparators,\n    maxTimeBetweenGroupedMessages,\n    messages: messageList,\n    noGroupByUser,\n    userId: client.userID,\n  });\n\n  const readData = getReadStates(client.userID, messageList, readList);\n\n  const messagesWithStylesReadByAndDateSeparator = messageList\n    .filter((msg) => {\n      const isMessageTypeDeleted = msg.type === 'deleted';\n      if (deletedMessagesVisibilityType === 'sender') {\n        return !isMessageTypeDeleted || msg.user?.id === client.userID;\n      } else if (deletedMessagesVisibilityType === 'receiver') {\n        return !isMessageTypeDeleted || msg.user?.id !== client.userID;\n      } else if (deletedMessagesVisibilityType === 'never') {\n        return !isMessageTypeDeleted;\n      } else {\n        return msg;\n      }\n    })\n    .map((msg) => ({\n      ...msg,\n      dateSeparator: dateSeparators[msg.id] || undefined,\n      groupStyles: messageGroupStyles[msg.id] || ['single'],\n      readBy: msg.id ? readData[msg.id] || false : false,\n    }));\n\n  return [\n    ...messagesWithStylesReadByAndDateSeparator,\n  ].reverse() as MessageType<StreamChatGenerics>[];\n};\n"]}

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

@@ -260,9 +260,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     if (hasImagePicker) {
       _reactNative.Keyboard.dismiss();
 
-      openPicker();
       setSelectedPicker('images');
-      setTimeout(openPicker, 600);
+      openPicker();
     } else if (hasFilePicker) {
       pickFile();
     }
@@ -652,15 +651,29 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     }
   };
 
-  var triggerSettings = channel ? value.autoCompleteTriggerSettings ? value.autoCompleteTriggerSettings({
-    channel: channel,
-    client: client,
-    onMentionSelectItem: onSelectItem
-  }) : (0, _utils.ACITriggerSettings)({
-    channel: channel,
-    client: client,
-    onMentionSelectItem: onSelectItem
-  }) : {};
+  var getTriggerSettings = function getTriggerSettings() {
+    var triggerSettings = {};
+
+    if (channel) {
+      if (value.autoCompleteTriggerSettings) {
+        triggerSettings = value.autoCompleteTriggerSettings({
+          channel: channel,
+          client: client,
+          onMentionSelectItem: onSelectItem
+        });
+      } else {
+        triggerSettings = (0, _utils.ACITriggerSettings)({
+          channel: channel,
+          client: client,
+          onMentionSelectItem: onSelectItem
+        });
+      }
+    }
+
+    return triggerSettings;
+  };
+
+  var triggerSettings = getTriggerSettings();
 
   var updateMessage = function () {
     var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
@@ -819,64 +832,100 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   }();
 
   var uploadImage = function () {
-    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5(_ref7) {
-      var newImage, _ref9, file, id, response, _file$uri, localUri, uri, compressedUri, filename, contentType, newImageUploads;
+    var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
+      var newImage, _ref9, file, id, response, getLocalUri, uri, compressedUri, filename, contentType, newImageUploads;
 
-      return _regenerator["default"].wrap(function _callee5$(_context5) {
+      return _regenerator["default"].wrap(function _callee6$(_context6) {
         while (1) {
-          switch (_context5.prev = _context5.next) {
+          switch (_context6.prev = _context6.next) {
             case 0:
               newImage = _ref7.newImage;
               _ref9 = newImage || {}, file = _ref9.file, id = _ref9.id;
 
               if (file) {
-                _context5.next = 4;
+                _context6.next = 4;
                 break;
               }
 
-              return _context5.abrupt("return");
+              return _context6.abrupt("return");
 
             case 4:
               response = {};
-              _context5.prev = 5;
-
-              if (!file.id) {
-                _context5.next = 12;
+              _context6.prev = 5;
+
+              getLocalUri = function () {
+                var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
+                  var _file$uri;
+
+                  return _regenerator["default"].wrap(function _callee5$(_context5) {
+                    while (1) {
+                      switch (_context5.prev = _context5.next) {
+                        case 0:
+                          if (!file.id) {
+                            _context5.next = 6;
+                            break;
+                          }
+
+                          _context5.next = 3;
+                          return (0, _native.getLocalAssetUri)(file.id);
+
+                        case 3:
+                          return _context5.abrupt("return", _context5.sent);
+
+                        case 6:
+                          if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
+                            _context5.next = 10;
+                            break;
+                          }
+
+                          _context5.next = 9;
+                          return (0, _native.getLocalAssetUri)(file.uri);
+
+                        case 9:
+                          return _context5.abrupt("return", _context5.sent);
+
+                        case 10:
+                          return _context5.abrupt("return", file.uri);
+
+                        case 11:
+                        case "end":
+                          return _context5.stop();
+                      }
+                    }
+                  }, _callee5);
+                }));
+
+                return function getLocalUri() {
+                  return _ref10.apply(this, arguments);
+                };
+              }();
+
+              _context6.t1 = file.name;
+
+              if (_context6.t1) {
+                _context6.next = 12;
                 break;
               }
 
-              _context5.next = 9;
-              return (0, _native.getLocalAssetUri)(file.id);
+              _context6.next = 11;
+              return getLocalUri();
 
-            case 9:
-              _context5.t0 = _context5.sent;
-              _context5.next = 20;
-              break;
+            case 11:
+              _context6.t1 = _context6.sent;
 
             case 12:
-              if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
-                _context5.next = 18;
+              _context6.t0 = _context6.t1;
+
+              if (_context6.t0) {
+                _context6.next = 15;
                 break;
               }
 
-              _context5.next = 15;
-              return (0, _native.getLocalAssetUri)(file.uri);
+              _context6.t0 = '';
 
             case 15:
-              _context5.t1 = _context5.sent;
-              _context5.next = 19;
-              break;
-
-            case 18:
-              _context5.t1 = file.uri;
-
-            case 19:
-              _context5.t0 = _context5.t1;
-
-            case 20:
-              localUri = _context5.t0;
-              uri = file.name || localUri || '';
-              _context5.next = 24;
+              uri = _context6.t0;
+              _context6.next = 18;
               return file.source === 'camera' || !file.height || !file.width || typeof value.compressImageQuality !== 'number' || value.compressImageQuality === 1 ? uri : (0, _native.compressImage)({
                 compressImageQuality: value.compressImageQuality,
                 height: file.height,
@@ -884,32 +933,32 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 width: file.width
               });
 
-            case 24:
-              compressedUri = _context5.sent;
+            case 18:
+              compressedUri = _context6.sent;
               filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
               contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
 
               if (!value.doImageUploadRequest) {
-                _context5.next = 33;
+                _context6.next = 27;
                 break;
               }
 
-              _context5.next = 30;
+              _context6.next = 24;
               return value.doImageUploadRequest(file, channel);
 
-            case 30:
-              response = _context5.sent;
-              _context5.next = 41;
+            case 24:
+              response = _context6.sent;
+              _context6.next = 35;
               break;
 
-            case 33:
+            case 27:
               if (!(compressedUri && channel)) {
-                _context5.next = 41;
+                _context6.next = 35;
                 break;
               }
 
               if (!value.sendImageAsync) {
-                _context5.next = 38;
+                _context6.next = 32;
                 break;
               }
 
@@ -929,17 +978,17 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                   setImageUploads(newImageUploads);
                 }
               });
-              _context5.next = 41;
+              _context6.next = 35;
               break;
 
-            case 38:
-              _context5.next = 40;
+            case 32:
+              _context6.next = 34;
               return channel.sendImage(compressedUri, file.filename, contentType);
 
-            case 40:
-              response = _context5.sent;
+            case 34:
+              response = _context6.sent;
 
-            case 41:
+            case 35:
               if (Object.keys(response).length) {
                 newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
                   height: file.height,
@@ -949,20 +998,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 setImageUploads(newImageUploads);
               }
 
-              _context5.next = 47;
+              _context6.next = 41;
               break;
 
-            case 44:
-              _context5.prev = 44;
-              _context5.t2 = _context5["catch"](5);
-              handleFileOrImageUploadError(_context5.t2, true, id);
+            case 38:
+              _context6.prev = 38;
+              _context6.t2 = _context6["catch"](5);
+              handleFileOrImageUploadError(_context6.t2, true, id);
 
-            case 47:
+            case 41:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
         }
-      }, _callee5, null, [[5, 44]]);
+      }, _callee6, null, [[5, 38]]);
     }));
 
     return function uploadImage(_x2) {
@@ -971,11 +1020,11 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
   }();
 
   var uploadNewFile = function () {
-    var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(file) {
+    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(file) {
       var id, mimeType, isBlockedFileExtension, isBlockedFileMimeType, fileState, newFile;
-      return _regenerator["default"].wrap(function _callee6$(_context6) {
+      return _regenerator["default"].wrap(function _callee7$(_context7) {
         while (1) {
-          switch (_context6.prev = _context6.next) {
+          switch (_context7.prev = _context7.next) {
             case 0:
               id = (0, _utils.generateRandomId)();
               mimeType = (0, _mimeTypes.lookup)(file.name);
@@ -1000,7 +1049,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 progress: 0,
                 state: fileState
               };
-              _context6.next = 8;
+              _context7.next = 8;
               return Promise.all([setFileUploads(function (prevFileUploads) {
                 return prevFileUploads.concat([newFile]);
               }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -1016,23 +1065,23 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 9:
             case "end":
-              return _context6.stop();
+              return _context7.stop();
           }
         }
-      }, _callee6);
+      }, _callee7);
     }));
 
     return function uploadNewFile(_x3) {
-      return _ref10.apply(this, arguments);
+      return _ref11.apply(this, arguments);
     };
   }();
 
   var uploadNewImage = function () {
-    var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(image) {
+    var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(image) {
       var id, isBlockedImageMimeType, isBlockedImageExtension, imageState, newImage;
-      return _regenerator["default"].wrap(function _callee7$(_context7) {
+      return _regenerator["default"].wrap(function _callee8$(_context8) {
         while (1) {
-          switch (_context7.prev = _context7.next) {
+          switch (_context8.prev = _context8.next) {
             case 0:
               id = (0, _utils.generateRandomId)();
               isBlockedImageMimeType = blockedImageMimeTypes == null ? void 0 : blockedImageMimeTypes.some(function (mimeType) {
@@ -1051,7 +1100,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
                 id: id,
                 state: imageState
               };
-              _context7.next = 7;
+              _context8.next = 7;
               return Promise.all([setImageUploads(function (prevImageUploads) {
                 return prevImageUploads.concat([newImage]);
               }), setNumberOfUploads(function (prevNumberOfUploads) {
@@ -1067,14 +1116,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
 
             case 8:
             case "end":
-              return _context7.stop();
+              return _context8.stop();
           }
         }
-      }, _callee7);
+      }, _callee8);
     }));
 
     return function uploadNewImage(_x4) {
-      return _ref11.apply(this, arguments);
+      return _ref12.apply(this, arguments);
     };
   }();
 
@@ -1134,7 +1183,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 1141,
+      lineNumber: 1143,
       columnNumber: 5
     }
   }, children);
@@ -1161,7 +1210,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 1181,
+        lineNumber: 1183,
         columnNumber: 12
       }
     }));