stream-chat-react-native-core 4.1.0-next.1 → 4.1.1-beta.2

package/lib/module/components/AttachmentPicker/AttachmentPicker.js

@@ -70,7 +70,7 @@ var AttachmentImage = function AttachmentImage(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.ImageBackground, {
@@ -85,7 +85,7 @@ var AttachmentImage = function AttachmentImage(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 65,
+      lineNumber: 66,
       columnNumber: 7
     }
   }, selected && _react["default"].createElement(_reactNative.View, {
@@ -95,14 +95,14 @@ var AttachmentImage = function AttachmentImage(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 78,
       columnNumber: 11
     }
   }, _react["default"].createElement(ImageOverlaySelectedComponent, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 79,
       columnNumber: 13
     }
   }))));
@@ -144,7 +144,7 @@ var renderImage = function renderImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 121,
       columnNumber: 5
     }
   });
@@ -342,6 +342,7 @@ var AttachmentPicker = _react["default"].forwardRef(function (props, ref) {
   }, [androidBottomBarHeightAdjustment, attachmentPickerBottomSheetHeight, fullScreenHeight, handleHeight, screenHeight, topInset]);
   return _react["default"].createElement(_react["default"].Fragment, null, _react["default"].createElement(_bottomSheet["default"], {
     containerHeight: fullScreenHeight,
+    enablePanDownToClose: true,
     handleComponent: photoError ? null : AttachmentPickerBottomSheetHandle,
     handleHeight: handleHeight,
     index: -1,
@@ -353,7 +354,7 @@ var AttachmentPicker = _react["default"].forwardRef(function (props, ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 345,
+      lineNumber: 346,
       columnNumber: 9
     }
   }, _react["default"].createElement(_bottomSheet.BottomSheetFlatList, {
@@ -372,7 +373,7 @@ var AttachmentPicker = _react["default"].forwardRef(function (props, ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 360,
+      lineNumber: 362,
       columnNumber: 11
     }
   })), selectedPicker === 'images' && photoError && _react["default"].createElement(AttachmentPickerError, {
@@ -383,7 +384,7 @@ var AttachmentPicker = _react["default"].forwardRef(function (props, ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 375,
+      lineNumber: 377,
       columnNumber: 11
     }
   }));

package/lib/module/components/AttachmentPicker/AttachmentPicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentPicker.tsx"],"names":["styles","StyleSheet","create","container","flexGrow","overlay","alignItems","flex","screenHeight","fullScreenHeight","Dimensions","get","height","AttachmentImage","props","ImageOverlaySelectedComponent","numberOfAttachmentPickerImageColumns","onPress","selected","uri","theme","attachmentPicker","image","imageOverlay","colors","size","margin","width","backgroundColor","renderImage","item","asset","maxNumberOfFiles","setSelectedImages","images","filter","length","AttachmentPicker","React","forwardRef","ref","AttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","numberOfAttachmentImagesToLoadPerCall","translucentStatusBar","bottomSheetContentContainer","white","closePicker","selectedImages","selectedPicker","setSelectedPicker","topInset","currentIndex","setCurrentIndex","endCursor","setEndCursor","photoError","setPhotoError","hasNextPage","setHasNextPage","loadingPhotos","setLoadingPhotos","photos","setPhotos","hideAttachmentPicker","undefined","current","close","getMorePhotos","after","first","results","assets","console","log","backAction","backHandler","BackHandler","addEventListener","remove","Platform","OS","Keyboard","addListener","removeListener","selectedPhotos","map","some","handleHeight","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidBottomBarHeightAdjustment","snapPoints","index","opacity","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  BackHandler,\n  Dimensions,\n  ImageBackground,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  View,\n} from 'react-native';\nimport BottomSheet, {\n  BottomSheetFlatList,\n  BottomSheetHandleProps,\n  TouchableOpacity,\n} from '@gorhom/bottom-sheet';\n\nimport { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Asset, getPhotos } from '../../native';\nimport { vh, vw } from '../../utils/utils';\n\nimport type { AttachmentPickerErrorProps } from './components/AttachmentPickerError';\n\nconst styles = StyleSheet.create({\n  container: {\n    flexGrow: 1,\n  },\n  overlay: {\n    alignItems: 'flex-end',\n    flex: 1,\n  },\n});\n\nconst screenHeight = vh(100);\nconst fullScreenHeight = Dimensions.get('screen').height;\n\ntype AttachmentImageProps = {\n  ImageOverlaySelectedComponent: React.ComponentType;\n  onPress: () => void;\n  selected: boolean;\n  uri: string;\n  numberOfAttachmentPickerImageColumns?: number;\n};\n\nconst AttachmentImage: React.FC<AttachmentImageProps> = (props) => {\n  const {\n    ImageOverlaySelectedComponent,\n    numberOfAttachmentPickerImageColumns,\n    onPress,\n    selected,\n    uri,\n  } = props;\n  const {\n    theme: {\n      attachmentPicker: { image, imageOverlay },\n      colors: { overlay },\n    },\n  } = useTheme();\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  return (\n    <TouchableOpacity onPress={onPress}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst renderImage = ({\n  item,\n}: {\n  item: {\n    asset: Asset;\n    ImageOverlaySelectedComponent: React.ComponentType;\n    maxNumberOfFiles: number;\n    selected: boolean;\n    setSelectedImages: React.Dispatch<React.SetStateAction<Asset[]>>;\n    numberOfAttachmentPickerImageColumns?: number;\n  };\n}) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    selected,\n    setSelectedImages,\n  } = item;\n  const onPress = () => {\n    if (selected) {\n      setSelectedImages((images) => images.filter((image) => image.uri !== asset.uri));\n    } else {\n      setSelectedImages((images) => {\n        if (images.length >= maxNumberOfFiles) {\n          return images;\n        }\n        return [...images, asset];\n      });\n    }\n  };\n\n  return (\n    <AttachmentImage\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      onPress={onPress}\n      selected={selected}\n      uri={asset.uri}\n    />\n  );\n};\n\nexport type AttachmentPickerProps = {\n  /**\n   * Custom UI component to render [draggable handle](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/1.png) of attachment picker.\n   *\n   * **Default** [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx)\n   */\n  AttachmentPickerBottomSheetHandle: React.FC<BottomSheetHandleProps>;\n  /**\n   * Custom UI component to render error component while opening attachment picker.\n   *\n   * **Default** [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerError.tsx)\n   */\n  AttachmentPickerError: React.ComponentType<AttachmentPickerErrorProps>;\n  /**\n   * Custom UI component to render error image for attachment picker\n   *\n   * **Default** [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx)\n   */\n  AttachmentPickerErrorImage: React.ComponentType;\n  /**\n   * Custom UI component to render overlay component, that shows up on top of [selected image](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/1.png) (with tick mark)\n   *\n   * **Default** [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx)\n   */\n  ImageOverlaySelectedComponent: React.ComponentType;\n  attachmentPickerBottomSheetHandleHeight?: number;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n  numberOfAttachmentImagesToLoadPerCall?: number;\n  numberOfAttachmentPickerImageColumns?: number;\n  translucentStatusBar?: boolean;\n};\n\nexport const AttachmentPicker = React.forwardRef(\n  (props: AttachmentPickerProps, ref: React.ForwardedRef<BottomSheet>) => {\n    const {\n      AttachmentPickerBottomSheetHandle,\n      attachmentPickerBottomSheetHandleHeight,\n      attachmentPickerBottomSheetHeight,\n      AttachmentPickerError,\n      attachmentPickerErrorButtonText,\n      AttachmentPickerErrorImage,\n      attachmentPickerErrorText,\n      ImageOverlaySelectedComponent,\n      numberOfAttachmentImagesToLoadPerCall,\n      numberOfAttachmentPickerImageColumns,\n      translucentStatusBar,\n    } = props;\n\n    const {\n      theme: {\n        attachmentPicker: { bottomSheetContentContainer },\n        colors: { white },\n      },\n    } = useTheme();\n    const {\n      closePicker,\n      maxNumberOfFiles,\n      selectedImages,\n      selectedPicker,\n      setSelectedImages,\n      setSelectedPicker,\n      topInset,\n    } = useAttachmentPickerContext();\n\n    const [currentIndex, setCurrentIndex] = useState(-1);\n    const [endCursor, setEndCursor] = useState<string>();\n    const [photoError, setPhotoError] = useState(false);\n    const [hasNextPage, setHasNextPage] = useState(true);\n    const [loadingPhotos, setLoadingPhotos] = useState(false);\n    const [photos, setPhotos] = useState<Asset[]>([]);\n\n    const hideAttachmentPicker = () => {\n      setSelectedPicker(undefined);\n      if ((ref as React.MutableRefObject<BottomSheet>)?.current) {\n        (ref as React.MutableRefObject<BottomSheet>).current.close();\n      }\n    };\n\n    const getMorePhotos = async () => {\n      if (hasNextPage && !loadingPhotos && currentIndex > -1 && selectedPicker === 'images') {\n        setLoadingPhotos(true);\n        try {\n          const results = await getPhotos({\n            after: endCursor,\n            first: numberOfAttachmentImagesToLoadPerCall ?? 60,\n          });\n          if (endCursor) {\n            setPhotos([...photos, ...results.assets]);\n          } else {\n            setPhotos(results.assets);\n          }\n          setEndCursor(results.endCursor);\n          setHasNextPage(results.hasNextPage || false);\n        } catch (error) {\n          console.log(error);\n          setPhotoError(true);\n        }\n        setLoadingPhotos(false);\n      }\n    };\n\n    useEffect(() => {\n      const backAction = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n          closePicker();\n          return true;\n        }\n\n        return false;\n      };\n\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n      return () => backHandler.remove();\n    }, [selectedPicker]);\n\n    useEffect(() => {\n      if (Platform.OS === 'ios') {\n        Keyboard.addListener('keyboardWillShow', hideAttachmentPicker);\n      } else {\n        Keyboard.addListener('keyboardDidShow', hideAttachmentPicker);\n      }\n\n      return () => {\n        if (Platform.OS === 'ios') {\n          Keyboard.removeListener('keyboardWillShow', hideAttachmentPicker);\n        } else {\n          Keyboard.removeListener('keyboardDidShow', hideAttachmentPicker);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (currentIndex < 0) {\n        setSelectedPicker(undefined);\n        if (!loadingPhotos) {\n          setEndCursor(undefined);\n          setHasNextPage(true);\n        }\n      }\n    }, [currentIndex]);\n\n    useEffect(() => {\n      if (\n        selectedPicker === 'images' &&\n        endCursor === undefined &&\n        currentIndex > -1 &&\n        !loadingPhotos\n      ) {\n        setPhotoError(false);\n        getMorePhotos();\n      }\n    }, [currentIndex, selectedPicker]);\n\n    const selectedPhotos = photos.map((asset) => ({\n      asset,\n      ImageOverlaySelectedComponent,\n      maxNumberOfFiles,\n      numberOfAttachmentPickerImageColumns,\n      selected: selectedImages.some((image) => image.uri === asset.uri),\n      setSelectedImages,\n    }));\n\n    const handleHeight = attachmentPickerBottomSheetHandleHeight || 20;\n\n    /**\n     * This is to handle issues with Android measurements coming back incorrect.\n     * If the StatusBar height is perfectly 1/2 of the difference between the two\n     * dimensions for screen and window, it is incorrect and we need to account for\n     * this. If you use a translucent header bar more adjustments are needed.\n     */\n    const statusBarHeight = StatusBar.currentHeight ?? 0;\n    const bottomBarHeight = fullScreenHeight - screenHeight - statusBarHeight;\n    const androidBottomBarHeightAdjustment =\n      Platform.OS === 'android'\n        ? bottomBarHeight === statusBarHeight\n          ? translucentStatusBar\n            ? 0\n            : StatusBar.currentHeight ?? 0\n          : translucentStatusBar\n          ? bottomBarHeight > statusBarHeight\n            ? -bottomBarHeight + statusBarHeight\n            : bottomBarHeight > 0\n            ? -statusBarHeight\n            : 0\n          : bottomBarHeight > 0\n          ? 0\n          : statusBarHeight\n        : 0;\n\n    /**\n     * Snap points changing cause a rerender of the position,\n     * this is an issue if you are calling close on the bottom sheet.\n     */\n    const snapPoints = useMemo(\n      () => [\n        attachmentPickerBottomSheetHeight ??\n          308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) - handleHeight,\n        fullScreenHeight - topInset - handleHeight,\n      ],\n      [\n        androidBottomBarHeightAdjustment,\n        attachmentPickerBottomSheetHeight,\n        fullScreenHeight,\n        handleHeight,\n        screenHeight,\n        topInset,\n      ],\n    );\n\n    return (\n      <>\n        <BottomSheet\n          containerHeight={fullScreenHeight}\n          handleComponent={\n            /**\n             * using `null` here instead of `style={{ opacity: photoError ? 0 : 1 }}`\n             * as opacity is not an allowed style\n             */\n            photoError ? null : AttachmentPickerBottomSheetHandle\n          }\n          handleHeight={handleHeight}\n          index={-1}\n          onChange={(index: number) => setCurrentIndex(index)}\n          ref={ref}\n          snapPoints={snapPoints}\n        >\n          <BottomSheetFlatList\n            contentContainerStyle={[\n              styles.container,\n              { backgroundColor: white },\n              bottomSheetContentContainer,\n              { opacity: photoError ? 0 : 1 },\n            ]}\n            data={selectedPhotos}\n            keyExtractor={(item) => item.asset.uri}\n            numColumns={numberOfAttachmentPickerImageColumns ?? 3}\n            onEndReached={getMorePhotos}\n            renderItem={renderImage}\n          />\n        </BottomSheet>\n        {selectedPicker === 'images' && photoError && (\n          <AttachmentPickerError\n            attachmentPickerBottomSheetHeight={attachmentPickerBottomSheetHeight}\n            attachmentPickerErrorButtonText={attachmentPickerErrorButtonText}\n            AttachmentPickerErrorImage={AttachmentPickerErrorImage}\n            attachmentPickerErrorText={attachmentPickerErrorText}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n"]}
+{"version":3,"sources":["AttachmentPicker.tsx"],"names":["styles","StyleSheet","create","container","flexGrow","overlay","alignItems","flex","screenHeight","fullScreenHeight","Dimensions","get","height","AttachmentImage","props","ImageOverlaySelectedComponent","numberOfAttachmentPickerImageColumns","onPress","selected","uri","theme","attachmentPicker","image","imageOverlay","colors","size","margin","width","backgroundColor","renderImage","item","asset","maxNumberOfFiles","setSelectedImages","images","filter","length","AttachmentPicker","React","forwardRef","ref","AttachmentPickerBottomSheetHandle","attachmentPickerBottomSheetHandleHeight","attachmentPickerBottomSheetHeight","AttachmentPickerError","attachmentPickerErrorButtonText","AttachmentPickerErrorImage","attachmentPickerErrorText","numberOfAttachmentImagesToLoadPerCall","translucentStatusBar","bottomSheetContentContainer","white","closePicker","selectedImages","selectedPicker","setSelectedPicker","topInset","currentIndex","setCurrentIndex","endCursor","setEndCursor","photoError","setPhotoError","hasNextPage","setHasNextPage","loadingPhotos","setLoadingPhotos","photos","setPhotos","hideAttachmentPicker","undefined","current","close","getMorePhotos","after","first","results","assets","console","log","backAction","backHandler","BackHandler","addEventListener","remove","Platform","OS","Keyboard","addListener","removeListener","selectedPhotos","map","some","handleHeight","statusBarHeight","StatusBar","currentHeight","bottomBarHeight","androidBottomBarHeightAdjustment","snapPoints","index","opacity","displayName"],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  BackHandler,\n  Dimensions,\n  ImageBackground,\n  Keyboard,\n  Platform,\n  StatusBar,\n  StyleSheet,\n  View,\n} from 'react-native';\n\nimport BottomSheet, {\n  BottomSheetFlatList,\n  BottomSheetHandleProps,\n  TouchableOpacity,\n} from '@gorhom/bottom-sheet';\n\nimport type { AttachmentPickerErrorProps } from './components/AttachmentPickerError';\n\nimport { useAttachmentPickerContext } from '../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { Asset, getPhotos } from '../../native';\nimport { vh, vw } from '../../utils/utils';\n\nconst styles = StyleSheet.create({\n  container: {\n    flexGrow: 1,\n  },\n  overlay: {\n    alignItems: 'flex-end',\n    flex: 1,\n  },\n});\n\nconst screenHeight = vh(100);\nconst fullScreenHeight = Dimensions.get('screen').height;\n\ntype AttachmentImageProps = {\n  ImageOverlaySelectedComponent: React.ComponentType;\n  onPress: () => void;\n  selected: boolean;\n  uri: string;\n  numberOfAttachmentPickerImageColumns?: number;\n};\n\nconst AttachmentImage: React.FC<AttachmentImageProps> = (props) => {\n  const {\n    ImageOverlaySelectedComponent,\n    numberOfAttachmentPickerImageColumns,\n    onPress,\n    selected,\n    uri,\n  } = props;\n  const {\n    theme: {\n      attachmentPicker: { image, imageOverlay },\n      colors: { overlay },\n    },\n  } = useTheme();\n\n  const size = vw(100) / (numberOfAttachmentPickerImageColumns || 3) - 2;\n\n  return (\n    <TouchableOpacity onPress={onPress}>\n      <ImageBackground\n        source={{ uri }}\n        style={[\n          {\n            height: size,\n            margin: 1,\n            width: size,\n          },\n          image,\n        ]}\n      >\n        {selected && (\n          <View style={[styles.overlay, { backgroundColor: overlay }, imageOverlay]}>\n            <ImageOverlaySelectedComponent />\n          </View>\n        )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst renderImage = ({\n  item,\n}: {\n  item: {\n    asset: Asset;\n    ImageOverlaySelectedComponent: React.ComponentType;\n    maxNumberOfFiles: number;\n    selected: boolean;\n    setSelectedImages: React.Dispatch<React.SetStateAction<Asset[]>>;\n    numberOfAttachmentPickerImageColumns?: number;\n  };\n}) => {\n  const {\n    asset,\n    ImageOverlaySelectedComponent,\n    maxNumberOfFiles,\n    numberOfAttachmentPickerImageColumns,\n    selected,\n    setSelectedImages,\n  } = item;\n  const onPress = () => {\n    if (selected) {\n      setSelectedImages((images) => images.filter((image) => image.uri !== asset.uri));\n    } else {\n      setSelectedImages((images) => {\n        if (images.length >= maxNumberOfFiles) {\n          return images;\n        }\n        return [...images, asset];\n      });\n    }\n  };\n\n  return (\n    <AttachmentImage\n      ImageOverlaySelectedComponent={ImageOverlaySelectedComponent}\n      numberOfAttachmentPickerImageColumns={numberOfAttachmentPickerImageColumns}\n      onPress={onPress}\n      selected={selected}\n      uri={asset.uri}\n    />\n  );\n};\n\nexport type AttachmentPickerProps = {\n  /**\n   * Custom UI component to render [draggable handle](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/1.png) of attachment picker.\n   *\n   * **Default** [AttachmentPickerBottomSheetHandle](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerBottomSheetHandle.tsx)\n   */\n  AttachmentPickerBottomSheetHandle: React.FC<BottomSheetHandleProps>;\n  /**\n   * Custom UI component to render error component while opening attachment picker.\n   *\n   * **Default** [AttachmentPickerError](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerError.tsx)\n   */\n  AttachmentPickerError: React.ComponentType<AttachmentPickerErrorProps>;\n  /**\n   * Custom UI component to render error image for attachment picker\n   *\n   * **Default** [AttachmentPickerErrorImage](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/AttachmentPickerErrorImage.tsx)\n   */\n  AttachmentPickerErrorImage: React.ComponentType;\n  /**\n   * Custom UI component to render overlay component, that shows up on top of [selected image](https://github.com/GetStream/stream-chat-react-native/blob/master/screenshots/docs/1.png) (with tick mark)\n   *\n   * **Default** [ImageOverlaySelectedComponent](https://github.com/GetStream/stream-chat-react-native/blob/master/src/components/AttachmentPicker/components/ImageOverlaySelectedComponent.tsx)\n   */\n  ImageOverlaySelectedComponent: React.ComponentType;\n  attachmentPickerBottomSheetHandleHeight?: number;\n  attachmentPickerBottomSheetHeight?: number;\n  attachmentPickerErrorButtonText?: string;\n  attachmentPickerErrorText?: string;\n  numberOfAttachmentImagesToLoadPerCall?: number;\n  numberOfAttachmentPickerImageColumns?: number;\n  translucentStatusBar?: boolean;\n};\n\nexport const AttachmentPicker = React.forwardRef(\n  (props: AttachmentPickerProps, ref: React.ForwardedRef<BottomSheet>) => {\n    const {\n      AttachmentPickerBottomSheetHandle,\n      attachmentPickerBottomSheetHandleHeight,\n      attachmentPickerBottomSheetHeight,\n      AttachmentPickerError,\n      attachmentPickerErrorButtonText,\n      AttachmentPickerErrorImage,\n      attachmentPickerErrorText,\n      ImageOverlaySelectedComponent,\n      numberOfAttachmentImagesToLoadPerCall,\n      numberOfAttachmentPickerImageColumns,\n      translucentStatusBar,\n    } = props;\n\n    const {\n      theme: {\n        attachmentPicker: { bottomSheetContentContainer },\n        colors: { white },\n      },\n    } = useTheme();\n    const {\n      closePicker,\n      maxNumberOfFiles,\n      selectedImages,\n      selectedPicker,\n      setSelectedImages,\n      setSelectedPicker,\n      topInset,\n    } = useAttachmentPickerContext();\n\n    const [currentIndex, setCurrentIndex] = useState(-1);\n    const [endCursor, setEndCursor] = useState<string>();\n    const [photoError, setPhotoError] = useState(false);\n    const [hasNextPage, setHasNextPage] = useState(true);\n    const [loadingPhotos, setLoadingPhotos] = useState(false);\n    const [photos, setPhotos] = useState<Asset[]>([]);\n\n    const hideAttachmentPicker = () => {\n      setSelectedPicker(undefined);\n      if ((ref as React.MutableRefObject<BottomSheet>)?.current) {\n        (ref as React.MutableRefObject<BottomSheet>).current.close();\n      }\n    };\n\n    const getMorePhotos = async () => {\n      if (hasNextPage && !loadingPhotos && currentIndex > -1 && selectedPicker === 'images') {\n        setLoadingPhotos(true);\n        try {\n          const results = await getPhotos({\n            after: endCursor,\n            first: numberOfAttachmentImagesToLoadPerCall ?? 60,\n          });\n          if (endCursor) {\n            setPhotos([...photos, ...results.assets]);\n          } else {\n            setPhotos(results.assets);\n          }\n          setEndCursor(results.endCursor);\n          setHasNextPage(results.hasNextPage || false);\n        } catch (error) {\n          console.log(error);\n          setPhotoError(true);\n        }\n        setLoadingPhotos(false);\n      }\n    };\n\n    useEffect(() => {\n      const backAction = () => {\n        if (selectedPicker) {\n          setSelectedPicker(undefined);\n          closePicker();\n          return true;\n        }\n\n        return false;\n      };\n\n      const backHandler = BackHandler.addEventListener('hardwareBackPress', backAction);\n\n      return () => backHandler.remove();\n    }, [selectedPicker]);\n\n    useEffect(() => {\n      if (Platform.OS === 'ios') {\n        Keyboard.addListener('keyboardWillShow', hideAttachmentPicker);\n      } else {\n        Keyboard.addListener('keyboardDidShow', hideAttachmentPicker);\n      }\n\n      return () => {\n        if (Platform.OS === 'ios') {\n          Keyboard.removeListener('keyboardWillShow', hideAttachmentPicker);\n        } else {\n          Keyboard.removeListener('keyboardDidShow', hideAttachmentPicker);\n        }\n      };\n    }, []);\n\n    useEffect(() => {\n      if (currentIndex < 0) {\n        setSelectedPicker(undefined);\n        if (!loadingPhotos) {\n          setEndCursor(undefined);\n          setHasNextPage(true);\n        }\n      }\n    }, [currentIndex]);\n\n    useEffect(() => {\n      if (\n        selectedPicker === 'images' &&\n        endCursor === undefined &&\n        currentIndex > -1 &&\n        !loadingPhotos\n      ) {\n        setPhotoError(false);\n        getMorePhotos();\n      }\n    }, [currentIndex, selectedPicker]);\n\n    const selectedPhotos = photos.map((asset) => ({\n      asset,\n      ImageOverlaySelectedComponent,\n      maxNumberOfFiles,\n      numberOfAttachmentPickerImageColumns,\n      selected: selectedImages.some((image) => image.uri === asset.uri),\n      setSelectedImages,\n    }));\n\n    const handleHeight = attachmentPickerBottomSheetHandleHeight || 20;\n\n    /**\n     * This is to handle issues with Android measurements coming back incorrect.\n     * If the StatusBar height is perfectly 1/2 of the difference between the two\n     * dimensions for screen and window, it is incorrect and we need to account for\n     * this. If you use a translucent header bar more adjustments are needed.\n     */\n    const statusBarHeight = StatusBar.currentHeight ?? 0;\n    const bottomBarHeight = fullScreenHeight - screenHeight - statusBarHeight;\n    const androidBottomBarHeightAdjustment =\n      Platform.OS === 'android'\n        ? bottomBarHeight === statusBarHeight\n          ? translucentStatusBar\n            ? 0\n            : StatusBar.currentHeight ?? 0\n          : translucentStatusBar\n          ? bottomBarHeight > statusBarHeight\n            ? -bottomBarHeight + statusBarHeight\n            : bottomBarHeight > 0\n            ? -statusBarHeight\n            : 0\n          : bottomBarHeight > 0\n          ? 0\n          : statusBarHeight\n        : 0;\n\n    /**\n     * Snap points changing cause a rerender of the position,\n     * this is an issue if you are calling close on the bottom sheet.\n     */\n    const snapPoints = useMemo(\n      () => [\n        attachmentPickerBottomSheetHeight ??\n          308 + (fullScreenHeight - screenHeight + androidBottomBarHeightAdjustment) - handleHeight,\n        fullScreenHeight - topInset - handleHeight,\n      ],\n      [\n        androidBottomBarHeightAdjustment,\n        attachmentPickerBottomSheetHeight,\n        fullScreenHeight,\n        handleHeight,\n        screenHeight,\n        topInset,\n      ],\n    );\n\n    return (\n      <>\n        <BottomSheet\n          containerHeight={fullScreenHeight}\n          enablePanDownToClose={true}\n          handleComponent={\n            /**\n             * using `null` here instead of `style={{ opacity: photoError ? 0 : 1 }}`\n             * as opacity is not an allowed style\n             */\n            photoError ? null : AttachmentPickerBottomSheetHandle\n          }\n          handleHeight={handleHeight}\n          index={-1}\n          onChange={(index: number) => setCurrentIndex(index)}\n          ref={ref}\n          snapPoints={snapPoints}\n        >\n          <BottomSheetFlatList\n            contentContainerStyle={[\n              styles.container,\n              { backgroundColor: white },\n              bottomSheetContentContainer,\n              { opacity: photoError ? 0 : 1 },\n            ]}\n            data={selectedPhotos}\n            keyExtractor={(item) => item.asset.uri}\n            numColumns={numberOfAttachmentPickerImageColumns ?? 3}\n            onEndReached={getMorePhotos}\n            renderItem={renderImage}\n          />\n        </BottomSheet>\n        {selectedPicker === 'images' && photoError && (\n          <AttachmentPickerError\n            attachmentPickerBottomSheetHeight={attachmentPickerBottomSheetHeight}\n            attachmentPickerErrorButtonText={attachmentPickerErrorButtonText}\n            AttachmentPickerErrorImage={AttachmentPickerErrorImage}\n            attachmentPickerErrorText={attachmentPickerErrorText}\n          />\n        )}\n      </>\n    );\n  },\n);\n\nAttachmentPicker.displayName = 'AttachmentPicker';\n"]}

package/lib/module/components/AttachmentPicker/components/AttachmentSelectionBar.js

@@ -128,6 +128,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     onPress: function onPress() {
       return setPicker('images');
     },
+    testID: "upload-photo-touchable",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
@@ -139,7 +140,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 72,
       columnNumber: 9
     }
   }, _react["default"].createElement(ImageSelectorIcon, {
@@ -148,7 +149,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 73,
       columnNumber: 11
     }
   }))), hasFilePicker && _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -157,10 +158,11 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
       top: 15
     },
     onPress: openFilePicker,
+    testID: "upload-file-touchable",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 80,
       columnNumber: 9
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -168,7 +170,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 77,
+      lineNumber: 85,
       columnNumber: 11
     }
   }, _react["default"].createElement(FileSelectorIcon, {
@@ -177,7 +179,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 86,
       columnNumber: 13
     }
   }))), _react["default"].createElement(_reactNative.TouchableOpacity, {
@@ -186,10 +188,11 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
       top: 15
     },
     onPress: takeAndUploadImage,
+    testID: "take-photo-touchable",
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 93,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -197,7 +200,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 98,
       columnNumber: 9
     }
   }, _react["default"].createElement(CameraSelectorIcon, {
@@ -206,7 +209,7 @@ var AttachmentSelectionBar = function AttachmentSelectionBar() {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 99,
       columnNumber: 11
     }
   }))));

package/lib/module/components/AttachmentPicker/components/AttachmentSelectionBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AttachmentSelectionBar.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","icon","marginHorizontal","AttachmentSelectionBar","attachmentSelectionBarHeight","CameraSelectorIcon","closePicker","FileSelectorIcon","ImageSelectorIcon","selectedPicker","setSelectedImages","setSelectedPicker","compressImageQuality","hasFilePicker","imageUploads","pickFile","theme","attachmentSelectionBar","setPicker","selection","undefined","openFilePicker","takeAndUploadImage","photo","cancelled","images","height","bottom","top","length"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { takePhoto } from '../../../native';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 6,\n  },\n  icon: {\n    marginHorizontal: 12,\n  },\n});\n\nexport const AttachmentSelectionBar: React.FC = () => {\n  const {\n    attachmentSelectionBarHeight,\n    CameraSelectorIcon,\n    closePicker,\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    selectedPicker,\n    setSelectedImages,\n    setSelectedPicker,\n  } = useAttachmentPickerContext();\n\n  const { compressImageQuality, hasFilePicker, imageUploads, pickFile } = useMessageInputContext();\n\n  const {\n    theme: {\n      attachmentSelectionBar: { container, icon },\n    },\n  } = useTheme();\n\n  const setPicker = (selection: 'images') => {\n    if (selectedPicker === selection) {\n      setSelectedPicker(undefined);\n      closePicker();\n    } else {\n      setSelectedPicker(selection);\n    }\n  };\n\n  const openFilePicker = () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    pickFile();\n  };\n\n  const takeAndUploadImage = async () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    const photo = await takePhoto({ compressImageQuality });\n    if (!photo.cancelled) {\n      setSelectedImages((images) => [...images, photo]);\n    }\n  };\n\n  return (\n    <View style={[styles.container, container, { height: attachmentSelectionBarHeight ?? 52 }]}>\n      <TouchableOpacity hitSlop={{ bottom: 15, top: 15 }} onPress={() => setPicker('images')}>\n        <View style={[styles.icon, icon]}>\n          <ImageSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n      {hasFilePicker && (\n        <TouchableOpacity hitSlop={{ bottom: 15, top: 15 }} onPress={openFilePicker}>\n          <View style={[styles.icon, icon]}>\n            <FileSelectorIcon\n              numberOfImageUploads={imageUploads.length}\n              selectedPicker={selectedPicker}\n            />\n          </View>\n        </TouchableOpacity>\n      )}\n      <TouchableOpacity hitSlop={{ bottom: 15, top: 15 }} onPress={takeAndUploadImage}>\n        <View style={[styles.icon, icon]}>\n          <CameraSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n"]}
+{"version":3,"sources":["AttachmentSelectionBar.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flexDirection","paddingHorizontal","icon","marginHorizontal","AttachmentSelectionBar","attachmentSelectionBarHeight","CameraSelectorIcon","closePicker","FileSelectorIcon","ImageSelectorIcon","selectedPicker","setSelectedImages","setSelectedPicker","compressImageQuality","hasFilePicker","imageUploads","pickFile","theme","attachmentSelectionBar","setPicker","selection","undefined","openFilePicker","takeAndUploadImage","photo","cancelled","images","height","bottom","top","length"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, TouchableOpacity, View } from 'react-native';\n\nimport { useAttachmentPickerContext } from '../../../contexts/attachmentPickerContext/AttachmentPickerContext';\nimport { useMessageInputContext } from '../../../contexts/messageInputContext/MessageInputContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\n\nimport { takePhoto } from '../../../native';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingHorizontal: 6,\n  },\n  icon: {\n    marginHorizontal: 12,\n  },\n});\n\nexport const AttachmentSelectionBar: React.FC = () => {\n  const {\n    attachmentSelectionBarHeight,\n    CameraSelectorIcon,\n    closePicker,\n    FileSelectorIcon,\n    ImageSelectorIcon,\n    selectedPicker,\n    setSelectedImages,\n    setSelectedPicker,\n  } = useAttachmentPickerContext();\n\n  const { compressImageQuality, hasFilePicker, imageUploads, pickFile } = useMessageInputContext();\n\n  const {\n    theme: {\n      attachmentSelectionBar: { container, icon },\n    },\n  } = useTheme();\n\n  const setPicker = (selection: 'images') => {\n    if (selectedPicker === selection) {\n      setSelectedPicker(undefined);\n      closePicker();\n    } else {\n      setSelectedPicker(selection);\n    }\n  };\n\n  const openFilePicker = () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    pickFile();\n  };\n\n  const takeAndUploadImage = async () => {\n    setSelectedPicker(undefined);\n    closePicker();\n    const photo = await takePhoto({ compressImageQuality });\n    if (!photo.cancelled) {\n      setSelectedImages((images) => [...images, photo]);\n    }\n  };\n\n  return (\n    <View style={[styles.container, container, { height: attachmentSelectionBarHeight ?? 52 }]}>\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={() => setPicker('images')}\n        testID='upload-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <ImageSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n      {hasFilePicker && (\n        <TouchableOpacity\n          hitSlop={{ bottom: 15, top: 15 }}\n          onPress={openFilePicker}\n          testID='upload-file-touchable'\n        >\n          <View style={[styles.icon, icon]}>\n            <FileSelectorIcon\n              numberOfImageUploads={imageUploads.length}\n              selectedPicker={selectedPicker}\n            />\n          </View>\n        </TouchableOpacity>\n      )}\n      <TouchableOpacity\n        hitSlop={{ bottom: 15, top: 15 }}\n        onPress={takeAndUploadImage}\n        testID='take-photo-touchable'\n      >\n        <View style={[styles.icon, icon]}>\n          <CameraSelectorIcon\n            numberOfImageUploads={imageUploads.length}\n            selectedPicker={selectedPicker}\n          />\n        </View>\n      </TouchableOpacity>\n    </View>\n  );\n};\n"]}

package/lib/module/components/AutoCompleteInput/AutoCompleteInput.js

@@ -21,10 +21,6 @@ var _reactNative = require("react-native");
 
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 
-var _CommandsHeader = require("./CommandsHeader");
-
-var _EmojisHeader = require("./EmojisHeader");
-
 var _ChannelContext = require("../../contexts/channelContext/ChannelContext");
 
 var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
@@ -67,6 +63,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
   var additionalTextInputProps = props.additionalTextInputProps,
       autoCompleteSuggestionsLimit = props.autoCompleteSuggestionsLimit,
       closeSuggestions = props.closeSuggestions,
+      _props$cooldownActive = props.cooldownActive,
+      cooldownActive = _props$cooldownActive === void 0 ? false : _props$cooldownActive,
       giphyActive = props.giphyActive,
       giphyEnabled = props.giphyEnabled,
       maxMessageLength = props.maxMessageLength,
@@ -116,30 +114,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
 
     if (triggerSetting) {
       isTrackingStarted.current = true;
-      var Component = triggerSetting.component;
-      openSuggestions(typeof Component === 'string' ? Component : _react["default"].createElement(Component, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 166,
-          columnNumber: 53
-        }
-      }), trigger === ':' ? _react["default"].createElement(_EmojisHeader.EmojisHeader, {
-        title: "",
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 168,
-          columnNumber: 11
-        }
-      }) : trigger === '/' ? _react["default"].createElement(_CommandsHeader.CommandsHeader, {
-        __self: _this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 170,
-          columnNumber: 11
-        }
-      }) : undefined);
+      var type = triggerSetting.type;
+      openSuggestions(type);
     }
   };
 
@@ -180,7 +156,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                         item: item,
                         trigger: trigger
                       });
-                    }
+                    },
+                    queryText: query
                   });
                 }
               }, {
@@ -219,7 +196,8 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                       item: item,
                       trigger: trigger
                     });
-                  }
+                  },
+                  queryText: query
                 });
               }, {
                 limit: autoCompleteSuggestionsLimit
@@ -250,16 +228,9 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                       item: item,
                       trigger: trigger
                     });
-                  }
-                }, _react["default"].createElement(_EmojisHeader.EmojisHeader, {
-                  title: query,
-                  __self: _this,
-                  __source: {
-                    fileName: _jsxFileName,
-                    lineNumber: 243,
-                    columnNumber: 13
-                  }
-                }));
+                  },
+                  queryText: query
+                });
               });
 
             case 19:
@@ -315,7 +286,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     }
 
     var textToModify = text.slice(0, selectionEnd.current);
-    var startOfTokenPosition = textToModify.search(new RegExp("\\" + trigger + ("[^\\" + trigger + '\\s' + "]") + "*$"));
+    var startOfTokenPosition = textToModify.lastIndexOf(trigger, selectionEnd.current);
     var newCaretPosition = computeCaretPosition(newTokenString, startOfTokenPosition);
     var modifiedText = "" + textToModify.substring(0, startOfTokenPosition) + newTokenString;
     stopTracking();
@@ -383,7 +354,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
 
   var handleMentions = function handleMentions(_ref6) {
     var tokenMatch = _ref6.tokenMatch;
-    var lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1].trim();
+    var lastToken = tokenMatch == null ? void 0 : tokenMatch[tokenMatch.length - 1];
     var handleMentionsTrigger = lastToken && Object.keys(triggerSettings).find(function (trigger) {
       return trigger === lastToken[0];
     }) || null;
@@ -473,7 +444,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
                 break;
               }
 
-              mentionTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?@[^\s]*\s?[^\s]*$/g);
+              mentionTokenMatch = text.slice(0, selectionEnd.current).match(/(?!^|\W)?@[^\s@]*\s?[^\s@]*$/g);
 
               if (mentionTokenMatch) {
                 handleMentions({
@@ -499,6 +470,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     };
   }();
 
+  var placeholderText = giphyActive ? t('Search GIFs') : cooldownActive ? t('Slow mode ON') : t('Send a message');
   var handleSuggestionsThrottled = (0, _throttle["default"])(handleSuggestions, 100, {
     leading: false
   });
@@ -521,7 +493,7 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
       }
     },
     onSelectionChange: handleSelectionChange,
-    placeholder: giphyActive ? t('Search GIFs') : t('Send a message'),
+    placeholder: placeholderText,
     placeholderTextColor: grey,
     ref: setInputBoxRef,
     style: [styles.inputBox, {
@@ -541,17 +513,19 @@ var AutoCompleteInputWithContext = function AutoCompleteInputWithContext(props)
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 421,
+      lineNumber: 391,
       columnNumber: 5
     }
   }));
 };
 
 var areEqual = function areEqual(prevProps, nextProps) {
-  var prevGiphyActive = prevProps.giphyActive,
+  var prevCooldownActive = prevProps.cooldownActive,
+      prevGiphyActive = prevProps.giphyActive,
       prevT = prevProps.t,
       prevText = prevProps.text;
-  var nextGiphyActive = nextProps.giphyActive,
+  var nextCooldownActive = nextProps.cooldownActive,
+      nextGiphyActive = nextProps.giphyActive,
       nextT = nextProps.t,
       nextText = nextProps.text;
   var giphyActiveEqual = prevGiphyActive === nextGiphyActive;
@@ -560,6 +534,8 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!tEqual) return false;
   var textEqual = prevText === nextText;
   if (!textEqual) return false;
+  var cooldownActiveEqual = prevCooldownActive === nextCooldownActive;
+  if (!cooldownActiveEqual) return false;
   return true;
 };
 
@@ -615,7 +591,7 @@ var AutoCompleteInput = function AutoCompleteInput(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 529,
+      lineNumber: 499,
       columnNumber: 5
     }
   }));