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

package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js

@@ -98,12 +98,28 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
       tDateTimeParser = _useTranslationContex.tDateTimeParser;
 
   var _useOverlayContext = (0, _OverlayContext.useOverlayContext)(),
-      setBlurType = _useOverlayContext.setBlurType,
       setOverlay = _useOverlayContext.setOverlay,
       translucentStatusBar = _useOverlayContext.translucentStatusBar;
 
-  var parsedDate = tDateTimeParser(photo == null ? void 0 : photo.created_at);
-  var date = parsedDate && (0, _TranslationContext.isDayOrMoment)(parsedDate) ? parsedDate.calendar ? parsedDate.calendar() : parsedDate.fromNow() : parsedDate;
+  var parsedDate = photo ? tDateTimeParser(photo == null ? void 0 : photo.created_at) : null;
+
+  var getDateObject = function getDateObject(date) {
+    if (date === null || !(0, _TranslationContext.isDayOrMoment)(date)) {
+      return null;
+    }
+
+    if (date.calendar) {
+      return date.calendar();
+    }
+
+    if (date.fromNow) {
+      return date.fromNow();
+    }
+
+    return null;
+  };
+
+  var date = getDateObject(parsedDate);
   var headerStyle = (0, _reactNativeReanimated.useAnimatedStyle)(function () {
     return {
       opacity: opacity.value,
@@ -118,7 +134,6 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
 
   var hideOverlay = function hideOverlay() {
     setOverlay('none');
-    setBlurType(undefined);
   };
 
   return _react["default"].createElement(_reactNative.View, {
@@ -129,7 +144,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 159,
       columnNumber: 5
     }
   }, _react["default"].createElement(ReanimatedSafeAreaView, {
@@ -139,7 +154,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 163,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -147,7 +162,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 166,
       columnNumber: 9
     }
   }, leftElement ? leftElement({
@@ -158,7 +173,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 170,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -166,14 +181,14 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 171,
       columnNumber: 15
     }
   }, CloseIcon ? CloseIcon : _react["default"].createElement(_icons.Close, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 172,
       columnNumber: 42
     }
   }))), centerElement ? centerElement({
@@ -184,7 +199,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 179,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -194,18 +209,18 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 160,
+      lineNumber: 180,
       columnNumber: 15
     }
-  }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || t('Unknown User')), _react["default"].createElement(_reactNative.Text, {
+  }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
     style: [styles.date, {
       color: black
     }, dateText],
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
-      columnNumber: 15
+      lineNumber: 183,
+      columnNumber: 24
     }
   }, date)), rightElement ? rightElement({
     hideOverlay: hideOverlay,
@@ -215,7 +230,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 189,
       columnNumber: 13
     }
   }))));

package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGalleryHeader.tsx"],"names":["ReanimatedSafeAreaView","Animated","createAnimatedComponent","SafeAreaView","styles","StyleSheet","create","centerContainer","alignItems","flex","justifyContent","date","fontSize","fontWeight","marginTop","opacity","innerContainer","flexDirection","height","leftContainer","marginLeft","rightContainer","marginRight","width","userName","ImageGalleryHeader","props","centerElement","CloseIcon","leftElement","photo","rightElement","visible","setHeight","theme","colors","black","white","imageGallery","header","container","dateText","usernameText","t","tDateTimeParser","setBlurType","setOverlay","translucentStatusBar","parsedDate","created_at","calendar","fromNow","headerStyle","value","transform","translateY","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","event","nativeEvent","layout","backgroundColor","color","user","name","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Platform,\n  SafeAreaView,\n  StatusBar,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Animated, { Extrapolate, interpolate, useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useOverlayContext } from '../../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../../icons';\n\nimport type { Photo } from '../ImageGallery';\n\nimport type { DefaultUserType, UnknownType } from '../../../types/types';\n\nconst ReanimatedSafeAreaView = Animated.createAnimatedComponent\n  ? Animated.createAnimatedComponent(SafeAreaView)\n  : SafeAreaView;\n\nconst styles = StyleSheet.create({\n  centerContainer: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  date: {\n    fontSize: 12,\n    fontWeight: '500',\n    marginTop: 4,\n    opacity: 0.5,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n    height: 56,\n  },\n  leftContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    marginLeft: 8,\n  },\n  rightContainer: {\n    marginRight: 8,\n    width: 24, // Width of icon currently on left\n  },\n  userName: {\n    fontSize: 16,\n    fontWeight: '700',\n  },\n});\n\nexport type ImageGalleryHeaderCustomComponent<Us extends UnknownType = DefaultUserType> = ({\n  hideOverlay,\n  photo,\n}: {\n  hideOverlay: () => void;\n  photo?: Photo<Us>;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryHeaderCustomComponentProps<Us extends UnknownType = DefaultUserType> = {\n  centerElement?: ImageGalleryHeaderCustomComponent<Us>;\n  CloseIcon?: React.ReactElement;\n  leftElement?: ImageGalleryHeaderCustomComponent<Us>;\n  rightElement?: ImageGalleryHeaderCustomComponent<Us>;\n};\n\ntype Props<Us extends UnknownType = DefaultUserType> =\n  ImageGalleryHeaderCustomComponentProps<Us> & {\n    opacity: Animated.SharedValue<number>;\n    visible: Animated.SharedValue<number>;\n    photo?: Photo<Us>;\n  };\n\nexport const ImageGalleryHeader = <Us extends UnknownType = DefaultUserType>(props: Props<Us>) => {\n  const { centerElement, CloseIcon, leftElement, opacity, photo, rightElement, visible } = props;\n  const [height, setHeight] = useState(200);\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        header: {\n          centerContainer,\n          container,\n          dateText,\n          innerContainer,\n          leftContainer,\n          rightContainer,\n          usernameText,\n        },\n      },\n    },\n  } = useTheme();\n  const { t, tDateTimeParser } = useTranslationContext();\n  const { setBlurType, setOverlay, translucentStatusBar } = useOverlayContext();\n\n  const parsedDate = tDateTimeParser(photo?.created_at);\n\n  /**\n   * .calendar is required on moment types, but in reality it\n   * is unavailable on first render. We therefore check if it\n   * is available and call it, otherwise we call .fromNow.\n   */\n  const date =\n    parsedDate && isDayOrMoment(parsedDate)\n      ? parsedDate.calendar\n        ? parsedDate.calendar()\n        : parsedDate.fromNow()\n      : parsedDate;\n\n  const headerStyle = useAnimatedStyle<ViewStyle>(() => ({\n    opacity: opacity.value,\n    transform: [\n      {\n        translateY: interpolate(visible.value, [0, 1], [-height, 0], Extrapolate.CLAMP),\n      },\n    ],\n  }));\n\n  const androidTranslucentHeaderStyle = {\n    paddingTop:\n      Platform.OS === 'android' && translucentStatusBar ? StatusBar.currentHeight : undefined,\n  };\n\n  const hideOverlay = () => {\n    setOverlay('none');\n    setBlurType(undefined);\n  };\n\n  return (\n    <View\n      onLayout={(event) => setHeight(event.nativeEvent.layout.height)}\n      pointerEvents={'box-none'}\n    >\n      <ReanimatedSafeAreaView\n        style={[{ backgroundColor: white }, androidTranslucentHeaderStyle, container, headerStyle]}\n      >\n        <View style={[styles.innerContainer, innerContainer]}>\n          {leftElement ? (\n            leftElement({ hideOverlay, photo })\n          ) : (\n            <TouchableOpacity onPress={hideOverlay}>\n              <View style={[styles.leftContainer, leftContainer]}>\n                {CloseIcon ? CloseIcon : <Close />}\n              </View>\n            </TouchableOpacity>\n          )}\n          {centerElement ? (\n            centerElement({ hideOverlay, photo })\n          ) : (\n            <View style={[styles.centerContainer, centerContainer]}>\n              <Text style={[styles.userName, { color: black }, usernameText]}>\n                {photo?.user?.name || t('Unknown User')}\n              </Text>\n              <Text style={[styles.date, { color: black }, dateText]}>{date}</Text>\n            </View>\n          )}\n          {rightElement ? (\n            rightElement({ hideOverlay, photo })\n          ) : (\n            <View style={[styles.rightContainer, rightContainer]} />\n          )}\n        </View>\n      </ReanimatedSafeAreaView>\n    </View>\n  );\n};\n\nImageGalleryHeader.displayName = 'ImageGalleryHeader{imageGallery{header}}';\n"]}
+{"version":3,"sources":["ImageGalleryHeader.tsx"],"names":["ReanimatedSafeAreaView","Animated","createAnimatedComponent","SafeAreaView","styles","StyleSheet","create","centerContainer","alignItems","flex","justifyContent","date","fontSize","fontWeight","marginTop","opacity","innerContainer","flexDirection","height","leftContainer","marginLeft","rightContainer","marginRight","width","userName","ImageGalleryHeader","props","centerElement","CloseIcon","leftElement","photo","rightElement","visible","setHeight","theme","colors","black","white","imageGallery","header","container","dateText","usernameText","t","tDateTimeParser","setOverlay","translucentStatusBar","parsedDate","created_at","getDateObject","calendar","fromNow","headerStyle","value","transform","translateY","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","event","nativeEvent","layout","backgroundColor","color","user","name","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport {\n  Platform,\n  SafeAreaView,\n  StatusBar,\n  StyleSheet,\n  Text,\n  TouchableOpacity,\n  View,\n  ViewStyle,\n} from 'react-native';\nimport Animated, { Extrapolate, interpolate, useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useOverlayContext } from '../../../contexts/overlayContext/OverlayContext';\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport {\n  isDayOrMoment,\n  TDateTimeParserOutput,\n  useTranslationContext,\n} from '../../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../../icons';\n\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport type { Photo } from '../ImageGallery';\n\nconst ReanimatedSafeAreaView = Animated.createAnimatedComponent\n  ? Animated.createAnimatedComponent(SafeAreaView)\n  : SafeAreaView;\n\nconst styles = StyleSheet.create({\n  centerContainer: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  date: {\n    fontSize: 12,\n    fontWeight: '500',\n    marginTop: 4,\n    opacity: 0.5,\n  },\n  innerContainer: {\n    flexDirection: 'row',\n    height: 56,\n  },\n  leftContainer: {\n    flex: 1,\n    justifyContent: 'center',\n    marginLeft: 8,\n  },\n  rightContainer: {\n    marginRight: 8,\n    width: 24, // Width of icon currently on left\n  },\n  userName: {\n    fontSize: 16,\n    fontWeight: '700',\n  },\n});\n\nexport type ImageGalleryHeaderCustomComponent<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = ({\n  hideOverlay,\n  photo,\n}: {\n  hideOverlay: () => void;\n  photo?: Photo<StreamChatGenerics>;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryHeaderCustomComponentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  centerElement?: ImageGalleryHeaderCustomComponent<StreamChatGenerics>;\n  CloseIcon?: React.ReactElement;\n  leftElement?: ImageGalleryHeaderCustomComponent<StreamChatGenerics>;\n  rightElement?: ImageGalleryHeaderCustomComponent<StreamChatGenerics>;\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryHeaderCustomComponentProps<StreamChatGenerics> & {\n    opacity: Animated.SharedValue<number>;\n    visible: Animated.SharedValue<number>;\n    photo?: Photo<StreamChatGenerics>;\n  };\n\nexport const ImageGalleryHeader = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const { centerElement, CloseIcon, leftElement, opacity, photo, rightElement, visible } = props;\n  const [height, setHeight] = useState(200);\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        header: {\n          centerContainer,\n          container,\n          dateText,\n          innerContainer,\n          leftContainer,\n          rightContainer,\n          usernameText,\n        },\n      },\n    },\n  } = useTheme();\n  const { t, tDateTimeParser } = useTranslationContext();\n  const { setOverlay, translucentStatusBar } = useOverlayContext();\n\n  const parsedDate = photo ? tDateTimeParser(photo?.created_at) : null;\n\n  /**\n   * .calendar and .fromNow can be initialized after the first render,\n   * and attempting to access them at that time will cause an error\n   * to be thrown.\n   *\n   * This falls back to null if neither exist.\n   */\n  const getDateObject = (date: TDateTimeParserOutput | null) => {\n    if (date === null || !isDayOrMoment(date)) {\n      return null;\n    }\n\n    if (date.calendar) {\n      return date.calendar();\n    }\n\n    if (date.fromNow) {\n      return date.fromNow();\n    }\n\n    return null;\n  };\n\n  const date = getDateObject(parsedDate);\n\n  const headerStyle = useAnimatedStyle<ViewStyle>(() => ({\n    opacity: opacity.value,\n    transform: [\n      {\n        translateY: interpolate(visible.value, [0, 1], [-height, 0], Extrapolate.CLAMP),\n      },\n    ],\n  }));\n\n  const androidTranslucentHeaderStyle = {\n    paddingTop:\n      Platform.OS === 'android' && translucentStatusBar ? StatusBar.currentHeight : undefined,\n  };\n\n  const hideOverlay = () => {\n    setOverlay('none');\n  };\n\n  return (\n    <View\n      onLayout={(event) => setHeight(event.nativeEvent.layout.height)}\n      pointerEvents={'box-none'}\n    >\n      <ReanimatedSafeAreaView\n        style={[{ backgroundColor: white }, androidTranslucentHeaderStyle, container, headerStyle]}\n      >\n        <View style={[styles.innerContainer, innerContainer]}>\n          {leftElement ? (\n            leftElement({ hideOverlay, photo })\n          ) : (\n            <TouchableOpacity onPress={hideOverlay}>\n              <View style={[styles.leftContainer, leftContainer]}>\n                {CloseIcon ? CloseIcon : <Close />}\n              </View>\n            </TouchableOpacity>\n          )}\n          {centerElement ? (\n            centerElement({ hideOverlay, photo })\n          ) : (\n            <View style={[styles.centerContainer, centerContainer]}>\n              <Text style={[styles.userName, { color: black }, usernameText]}>\n                {photo?.user?.name || t('Unknown User')}\n              </Text>\n              {date && <Text style={[styles.date, { color: black }, dateText]}>{date}</Text>}\n            </View>\n          )}\n          {rightElement ? (\n            rightElement({ hideOverlay, photo })\n          ) : (\n            <View style={[styles.rightContainer, rightContainer]} />\n          )}\n        </View>\n      </ReanimatedSafeAreaView>\n    </View>\n  );\n};\n\nImageGalleryHeader.displayName = 'ImageGalleryHeader{imageGallery{header}}';\n"]}

package/lib/module/components/ImageGallery/components/ImageGrid.js

@@ -15,12 +15,12 @@ var _reactNative = require("react-native");
 
 var _bottomSheet = require("@gorhom/bottom-sheet");
 
-var _Avatar = require("../../Avatar/Avatar");
-
 var _ThemeContext = require("../../../contexts/themeContext/ThemeContext");
 
 var _utils = require("../../../utils/utils");
 
+var _Avatar = require("../../Avatar/Avatar");
+
 var _excluded = ["avatarComponent", "imageComponent"];
 
 var _this = this,
@@ -78,7 +78,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 86,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.ImageBackground, {
@@ -92,7 +92,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 87,
       columnNumber: 7
     }
   }, avatarComponent ? avatarComponent({
@@ -107,7 +107,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 94,
       columnNumber: 15
     }
   })));
@@ -120,7 +120,7 @@ var renderItem = function renderItem(_ref2) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 107,
+      lineNumber: 116,
       columnNumber: 7
     }
   });
@@ -132,7 +132,6 @@ var ImageGrid = function ImageGrid(props) {
       imageComponent = props.imageComponent,
       numberOfImageGalleryGridColumns = props.numberOfImageGalleryGridColumns,
       photos = props.photos,
-      resetVisibleValues = props.resetVisibleValues,
       setImage = props.setImage;
 
   var _useTheme2 = (0, _ThemeContext.useTheme)(),
@@ -146,7 +145,6 @@ var ImageGrid = function ImageGrid(props) {
       imageComponent: imageComponent,
       numberOfImageGalleryGridColumns: numberOfImageGalleryGridColumns,
       selectAndClose: function selectAndClose() {
-        resetVisibleValues();
         setImage({
           messageId: photo.messageId,
           url: photo.uri
@@ -168,7 +166,7 @@ var ImageGrid = function ImageGrid(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 169,
       columnNumber: 5
     }
   });

package/lib/module/components/ImageGallery/components/ImageGrid.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGrid.tsx"],"names":["styles","StyleSheet","create","avatarImage","borderRadius","height","width","avatarImageWrapper","borderWidth","margin","contentContainer","flexGrow","image","GridImage","item","theme","white","colors","imageGallery","grid","gridAvatar","gridAvatarWrapper","gridImage","avatarComponent","imageComponent","restItem","numberOfImageGalleryGridColumns","selectAndClose","uri","user","size","backgroundColor","renderItem","ImageGrid","props","closeGridView","photos","resetVisibleValues","setImage","imageGridItems","map","photo","messageId","url","index","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ImageBackground, StyleSheet } from 'react-native';\nimport { BottomSheetFlatList, TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { Avatar } from '../../Avatar/Avatar';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { vw } from '../../../utils/utils';\n\nimport type { Photo } from '../ImageGallery';\n\nimport type { DefaultUserType, UnknownType } from '../../../types/types';\n\nconst styles = StyleSheet.create({\n  avatarImage: {\n    borderRadius: 22,\n    height: 22,\n    width: 22,\n  },\n  avatarImageWrapper: {\n    borderRadius: 24,\n    borderWidth: 1,\n    height: 24,\n    margin: 8,\n    width: 24,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  image: {\n    margin: 1,\n  },\n});\n\nexport type ImageGalleryGridImageComponent<Us extends UnknownType = DefaultUserType> = ({\n  item,\n}: {\n  item: Photo<Us> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridImageComponents<Us extends UnknownType = DefaultUserType> = {\n  avatarComponent?: ImageGalleryGridImageComponent<Us>;\n  imageComponent?: ImageGalleryGridImageComponent<Us>;\n};\n\nexport type GridImageItem<Us extends DefaultUserType = DefaultUserType> = Photo<Us> &\n  ImageGalleryGridImageComponents<Us> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n\nconst GridImage = <Us extends DefaultUserType = DefaultUserType>({\n  item,\n}: {\n  item: GridImageItem<Us>;\n}) => {\n  const {\n    theme: {\n      colors: { white },\n      imageGallery: {\n        grid: { gridAvatar, gridAvatarWrapper, gridImage },\n      },\n    },\n  } = useTheme();\n  const { avatarComponent, imageComponent, ...restItem } = item;\n\n  const { numberOfImageGalleryGridColumns, selectAndClose, uri, user } = restItem;\n\n  const size = vw(100) / (numberOfImageGalleryGridColumns || 3) - 2;\n\n  if (imageComponent) {\n    return imageComponent({ item: restItem });\n  }\n\n  return (\n    <TouchableOpacity onPress={selectAndClose}>\n      <ImageBackground\n        source={{ uri }}\n        style={[styles.image, { height: size, width: size }, gridImage]}\n      >\n        {avatarComponent\n          ? avatarComponent({ item: restItem })\n          : !!user?.image && (\n              <Avatar\n                containerStyle={[\n                  styles.avatarImageWrapper,\n                  { backgroundColor: white },\n                  gridAvatarWrapper,\n                ]}\n                image={user.image}\n                imageStyle={gridAvatar}\n                size={22}\n              />\n            )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst renderItem = <Us extends UnknownType = DefaultUserType>({\n  item,\n}: {\n  item: GridImageItem<Us>;\n}) => <GridImage item={item} />;\n\ntype Props<Us extends UnknownType = DefaultUserType> = ImageGalleryGridImageComponents<Us> & {\n  closeGridView: () => void;\n  photos: Photo<Us>[];\n  resetVisibleValues: () => void;\n  setImage: React.Dispatch<\n    React.SetStateAction<\n      | {\n          messageId?: string | undefined;\n          url?: string | undefined;\n        }\n      | undefined\n    >\n  >;\n  numberOfImageGalleryGridColumns?: number;\n};\n\nexport const ImageGrid = <Us extends UnknownType = DefaultUserType>(props: Props<Us>) => {\n  const {\n    avatarComponent,\n    closeGridView,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    photos,\n    resetVisibleValues,\n    setImage,\n  } = props;\n\n  const {\n    theme: {\n      colors: { white },\n      imageGallery: {\n        grid: { contentContainer },\n      },\n    },\n  } = useTheme();\n\n  const imageGridItems = photos.map((photo) => ({\n    ...photo,\n    avatarComponent,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    selectAndClose: () => {\n      resetVisibleValues();\n      setImage({ messageId: photo.messageId, url: photo.uri });\n      closeGridView();\n    },\n  }));\n\n  return (\n    <BottomSheetFlatList\n      contentContainerStyle={[\n        styles.contentContainer,\n        { backgroundColor: white },\n        contentContainer,\n      ]}\n      data={imageGridItems}\n      keyExtractor={(item, index) => `${item.uri}-${index}`}\n      numColumns={numberOfImageGalleryGridColumns || 3}\n      renderItem={renderItem}\n    />\n  );\n};\n\nImageGrid.displayName = 'ImageGrid{imageGallery{grid}}';\n"]}
+{"version":3,"sources":["ImageGrid.tsx"],"names":["styles","StyleSheet","create","avatarImage","borderRadius","height","width","avatarImageWrapper","borderWidth","margin","contentContainer","flexGrow","image","GridImage","item","theme","white","colors","imageGallery","grid","gridAvatar","gridAvatarWrapper","gridImage","avatarComponent","imageComponent","restItem","numberOfImageGalleryGridColumns","selectAndClose","uri","user","size","backgroundColor","renderItem","ImageGrid","props","closeGridView","photos","setImage","imageGridItems","map","photo","messageId","url","index","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ImageBackground, StyleSheet } from 'react-native';\n\nimport { BottomSheetFlatList, TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport type { DefaultStreamChatGenerics } from '../../../types/types';\nimport { vw } from '../../../utils/utils';\nimport { Avatar } from '../../Avatar/Avatar';\n\nimport type { Photo } from '../ImageGallery';\n\nconst styles = StyleSheet.create({\n  avatarImage: {\n    borderRadius: 22,\n    height: 22,\n    width: 22,\n  },\n  avatarImageWrapper: {\n    borderRadius: 24,\n    borderWidth: 1,\n    height: 24,\n    margin: 8,\n    width: 24,\n  },\n  contentContainer: {\n    flexGrow: 1,\n  },\n  image: {\n    margin: 1,\n  },\n});\n\nexport type ImageGalleryGridImageComponent<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = ({\n  item,\n}: {\n  item: Photo<StreamChatGenerics> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridImageComponents<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  avatarComponent?: ImageGalleryGridImageComponent<StreamChatGenerics>;\n  imageComponent?: ImageGalleryGridImageComponent<StreamChatGenerics>;\n};\n\nexport type GridImageItem<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Photo<StreamChatGenerics> &\n  ImageGalleryGridImageComponents<StreamChatGenerics> & {\n    selectAndClose: () => void;\n    numberOfImageGalleryGridColumns?: number;\n  };\n\nconst GridImage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: GridImageItem<StreamChatGenerics>;\n}) => {\n  const {\n    theme: {\n      colors: { white },\n      imageGallery: {\n        grid: { gridAvatar, gridAvatarWrapper, gridImage },\n      },\n    },\n  } = useTheme();\n  const { avatarComponent, imageComponent, ...restItem } = item;\n\n  const { numberOfImageGalleryGridColumns, selectAndClose, uri, user } = restItem;\n\n  const size = vw(100) / (numberOfImageGalleryGridColumns || 3) - 2;\n\n  if (imageComponent) {\n    return imageComponent({ item: restItem });\n  }\n\n  return (\n    <TouchableOpacity onPress={selectAndClose}>\n      <ImageBackground\n        source={{ uri }}\n        style={[styles.image, { height: size, width: size }, gridImage]}\n      >\n        {avatarComponent\n          ? avatarComponent({ item: restItem })\n          : !!user?.image && (\n              <Avatar\n                containerStyle={[\n                  styles.avatarImageWrapper,\n                  { backgroundColor: white },\n                  gridAvatarWrapper,\n                ]}\n                image={user.image}\n                imageStyle={gridAvatar}\n                size={22}\n              />\n            )}\n      </ImageBackground>\n    </TouchableOpacity>\n  );\n};\n\nconst renderItem = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>({\n  item,\n}: {\n  item: GridImageItem<StreamChatGenerics>;\n}) => <GridImage item={item} />;\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryGridImageComponents<StreamChatGenerics> & {\n    closeGridView: () => void;\n    photos: Photo<StreamChatGenerics>[];\n    setImage: React.Dispatch<\n      React.SetStateAction<\n        | {\n            messageId?: string | undefined;\n            url?: string | undefined;\n          }\n        | undefined\n      >\n    >;\n    numberOfImageGalleryGridColumns?: number;\n  };\n\nexport const ImageGrid = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    avatarComponent,\n    closeGridView,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    photos,\n    setImage,\n  } = props;\n\n  const {\n    theme: {\n      colors: { white },\n      imageGallery: {\n        grid: { contentContainer },\n      },\n    },\n  } = useTheme();\n\n  const imageGridItems = photos.map((photo) => ({\n    ...photo,\n    avatarComponent,\n    imageComponent,\n    numberOfImageGalleryGridColumns,\n    selectAndClose: () => {\n      setImage({ messageId: photo.messageId, url: photo.uri });\n      closeGridView();\n    },\n  }));\n\n  return (\n    <BottomSheetFlatList<GridImageItem<StreamChatGenerics>>\n      contentContainerStyle={[\n        styles.contentContainer,\n        { backgroundColor: white },\n        contentContainer,\n      ]}\n      data={imageGridItems as GridImageItem<StreamChatGenerics>[]}\n      keyExtractor={(item, index) => `${item.uri}-${index}`}\n      numColumns={numberOfImageGalleryGridColumns || 3}\n      renderItem={renderItem}\n    />\n  );\n};\n\nImageGrid.displayName = 'ImageGrid{imageGallery{grid}}';\n"]}

package/lib/module/components/ImageGallery/components/ImageGridHandle.js

@@ -69,7 +69,7 @@ var ImageGridHandle = function ImageGridHandle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 5
     }
   }, leftComponent ? leftComponent({
@@ -79,7 +79,7 @@ var ImageGridHandle = function ImageGridHandle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 59
     }
   }), centerComponent ? centerComponent({
@@ -91,7 +91,7 @@ var ImageGridHandle = function ImageGridHandle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, t('Photos')), rightComponent ? rightComponent({
@@ -101,7 +101,7 @@ var ImageGridHandle = function ImageGridHandle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 73,
       columnNumber: 9
     }
   }, _react["default"].createElement(_icons.Close, {
@@ -109,7 +109,7 @@ var ImageGridHandle = function ImageGridHandle(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 74,
       columnNumber: 11
     }
   })));

package/lib/module/components/ImageGallery/components/ImageGridHandle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ImageGridHandle.tsx"],"names":["styles","StyleSheet","create","closeButton","marginRight","handle","alignItems","borderTopLeftRadius","borderTopRightRadius","flexDirection","height","justifyContent","leftContainer","marginLeft","width","text","flex","fontSize","fontWeight","textAlign","ImageGridHandle","props","centerComponent","closeGridView","leftComponent","rightComponent","theme","colors","black","white","imageGallery","grid","handleText","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,WAAW,EAAE;AADF,GADkB;AAI/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,QADN;AAENC,IAAAA,mBAAmB,EAAE,EAFf;AAGNC,IAAAA,oBAAoB,EAAE,EAHhB;AAINC,IAAAA,aAAa,EAAE,KAJT;AAKNC,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,cAAc,EAAE;AANV,GAJuB;AAY/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE,EADC;AAEbC,IAAAA,KAAK,EAAE;AAFM,GAZgB;AAgB/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CADF;AAEJC,IAAAA,QAAQ,EAAE,EAFN;AAGJC,IAAAA,UAAU,EAAE,KAHR;AAIJC,IAAAA,SAAS,EAAE;AAJP;AAhByB,CAAlB,CAAf;;AAwCO,IAAMC,eAAgC,GAAG,SAAnCA,eAAmC,CAACC,KAAD,EAAW;AACzD,MAAQC,eAAR,GAA0ED,KAA1E,CAAQC,eAAR;AAAA,MAAyBC,aAAzB,GAA0EF,KAA1E,CAAyBE,aAAzB;AAAA,MAAwCC,aAAxC,GAA0EH,KAA1E,CAAwCG,aAAxC;AAAA,MAAuDC,cAAvD,GAA0EJ,KAA1E,CAAuDI,cAAvD;;AACA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,KAFrB,yBAEqBA,KAFrB;AAAA,8CAGIC,YAHJ,CAIMC,IAJN;AAAA,MAIc1B,MAJd,yBAIcA,MAJd;AAAA,MAIsB2B,UAJtB,yBAIsBA,UAJtB;;AAQA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACjC,MAAM,CAACK,MAAR,EAAgB;AAAE6B,MAAAA,eAAe,EAAEL;AAAnB,KAAhB,EAA4CxB,MAA5C,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGmB,aAAa,GAAGA,aAAa,CAAC;AAAED,IAAAA,aAAa,EAAbA;AAAF,GAAD,CAAhB,GAAsC,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEvB,MAAM,CAACY,aAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADtD,EAEGU,eAAe,GACdA,eAAe,CAAC;AAAEC,IAAAA,aAAa,EAAbA;AAAF,GAAD,CADD,GAGd,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACvB,MAAM,CAACe,IAAR,EAAc;AAAEoB,MAAAA,KAAK,EAAEP;AAAT,KAAd,EAAgCI,UAAhC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA2DC,CAAC,CAAC,QAAD,CAA5D,CALJ,EAOGR,cAAc,GACbA,cAAc,CAAC;AAAEF,IAAAA,aAAa,EAAbA;AAAF,GAAD,CADD,GAGb,gCAAC,6BAAD;AAAkB,IAAA,OAAO,EAAEA,aAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,YAAD;AAAO,IAAA,KAAK,EAAEvB,MAAM,CAACG,WAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAVJ,CADF;AAiBD,CA7BM;;;AA+BPiB,eAAe,CAACgB,WAAhB,GAA8B,6CAA9B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\nimport { TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../../icons';\n\nconst styles = StyleSheet.create({\n  closeButton: {\n    marginRight: 16,\n  },\n  handle: {\n    alignItems: 'center',\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    flexDirection: 'row',\n    height: 40,\n    justifyContent: 'center',\n  },\n  leftContainer: {\n    marginLeft: 16,\n    width: 24, // Close icon width on right\n  },\n  text: {\n    flex: 1,\n    fontSize: 16,\n    fontWeight: '600',\n    textAlign: 'center',\n  },\n});\n\nexport type ImageGalleryGridHandleCustomComponent = ({\n  closeGridView,\n}: {\n  closeGridView: () => void;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridHandleCustomComponentProps = {\n  centerComponent?: ImageGalleryGridHandleCustomComponent;\n  leftComponent?: ImageGalleryGridHandleCustomComponent;\n  rightComponent?: ImageGalleryGridHandleCustomComponent;\n};\n\ntype Props = ImageGalleryGridHandleCustomComponentProps & {\n  closeGridView: () => void;\n};\n\nexport const ImageGridHandle: React.FC<Props> = (props) => {\n  const { centerComponent, closeGridView, leftComponent, rightComponent } = props;\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        grid: { handle, handleText },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.handle, { backgroundColor: white }, handle]}>\n      {leftComponent ? leftComponent({ closeGridView }) : <View style={styles.leftContainer} />}\n      {centerComponent ? (\n        centerComponent({ closeGridView })\n      ) : (\n        <Text style={[styles.text, { color: black }, handleText]}>{t('Photos')}</Text>\n      )}\n      {rightComponent ? (\n        rightComponent({ closeGridView })\n      ) : (\n        <TouchableOpacity onPress={closeGridView}>\n          <Close style={styles.closeButton} />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nImageGridHandle.displayName = 'ImageGridHandle{imageGallery{grid{handle}}}';\n"]}
+{"version":3,"sources":["ImageGridHandle.tsx"],"names":["styles","StyleSheet","create","closeButton","marginRight","handle","alignItems","borderTopLeftRadius","borderTopRightRadius","flexDirection","height","justifyContent","leftContainer","marginLeft","width","text","flex","fontSize","fontWeight","textAlign","ImageGridHandle","props","centerComponent","closeGridView","leftComponent","rightComponent","theme","colors","black","white","imageGallery","grid","handleText","t","backgroundColor","color","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,WAAW,EAAE;AADF,GADkB;AAI/BC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,QADN;AAENC,IAAAA,mBAAmB,EAAE,EAFf;AAGNC,IAAAA,oBAAoB,EAAE,EAHhB;AAINC,IAAAA,aAAa,EAAE,KAJT;AAKNC,IAAAA,MAAM,EAAE,EALF;AAMNC,IAAAA,cAAc,EAAE;AANV,GAJuB;AAY/BC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE,EADC;AAEbC,IAAAA,KAAK,EAAE;AAFM,GAZgB;AAgB/BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,IAAI,EAAE,CADF;AAEJC,IAAAA,QAAQ,EAAE,EAFN;AAGJC,IAAAA,UAAU,EAAE,KAHR;AAIJC,IAAAA,SAAS,EAAE;AAJP;AAhByB,CAAlB,CAAf;;AAwCO,IAAMC,eAAgC,GAAG,SAAnCA,eAAmC,CAACC,KAAD,EAAW;AACzD,MAAQC,eAAR,GAA0ED,KAA1E,CAAQC,eAAR;AAAA,MAAyBC,aAAzB,GAA0EF,KAA1E,CAAyBE,aAAzB;AAAA,MAAwCC,aAAxC,GAA0EH,KAA1E,CAAwCG,aAAxC;AAAA,MAAuDC,cAAvD,GAA0EJ,KAA1E,CAAuDI,cAAvD;;AACA,kBAOI,6BAPJ;AAAA,kCACEC,KADF;AAAA,8CAEIC,MAFJ;AAAA,MAEcC,KAFd,yBAEcA,KAFd;AAAA,MAEqBC,KAFrB,yBAEqBA,KAFrB;AAAA,8CAGIC,YAHJ,CAIMC,IAJN;AAAA,MAIc1B,MAJd,yBAIcA,MAJd;AAAA,MAIsB2B,UAJtB,yBAIsBA,UAJtB;;AAQA,8BAAc,gDAAd;AAAA,MAAQC,CAAR,yBAAQA,CAAR;;AAEA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACjC,MAAM,CAACK,MAAR,EAAgB;AAAE6B,MAAAA,eAAe,EAAEL;AAAnB,KAAhB,EAA4CxB,MAA5C,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGmB,aAAa,GAAGA,aAAa,CAAC;AAAED,IAAAA,aAAa,EAAbA;AAAF,GAAD,CAAhB,GAAsC,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAEvB,MAAM,CAACY,aAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADtD,EAEGU,eAAe,GACdA,eAAe,CAAC;AAAEC,IAAAA,aAAa,EAAbA;AAAF,GAAD,CADD,GAGd,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACvB,MAAM,CAACe,IAAR,EAAc;AAAEoB,MAAAA,KAAK,EAAEP;AAAT,KAAd,EAAgCI,UAAhC,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA2DC,CAAC,CAAC,QAAD,CAA5D,CALJ,EAOGR,cAAc,GACbA,cAAc,CAAC;AAAEF,IAAAA,aAAa,EAAbA;AAAF,GAAD,CADD,GAGb,gCAAC,6BAAD;AAAkB,IAAA,OAAO,EAAEA,aAA3B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,YAAD;AAAO,IAAA,KAAK,EAAEvB,MAAM,CAACG,WAArB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,CAVJ,CADF;AAiBD,CA7BM;;;AA+BPiB,eAAe,CAACgB,WAAhB,GAA8B,6CAA9B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Close } from '../../../icons';\n\nconst styles = StyleSheet.create({\n  closeButton: {\n    marginRight: 16,\n  },\n  handle: {\n    alignItems: 'center',\n    borderTopLeftRadius: 16,\n    borderTopRightRadius: 16,\n    flexDirection: 'row',\n    height: 40,\n    justifyContent: 'center',\n  },\n  leftContainer: {\n    marginLeft: 16,\n    width: 24, // Close icon width on right\n  },\n  text: {\n    flex: 1,\n    fontSize: 16,\n    fontWeight: '600',\n    textAlign: 'center',\n  },\n});\n\nexport type ImageGalleryGridHandleCustomComponent = ({\n  closeGridView,\n}: {\n  closeGridView: () => void;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryGridHandleCustomComponentProps = {\n  centerComponent?: ImageGalleryGridHandleCustomComponent;\n  leftComponent?: ImageGalleryGridHandleCustomComponent;\n  rightComponent?: ImageGalleryGridHandleCustomComponent;\n};\n\ntype Props = ImageGalleryGridHandleCustomComponentProps & {\n  closeGridView: () => void;\n};\n\nexport const ImageGridHandle: React.FC<Props> = (props) => {\n  const { centerComponent, closeGridView, leftComponent, rightComponent } = props;\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        grid: { handle, handleText },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  return (\n    <View style={[styles.handle, { backgroundColor: white }, handle]}>\n      {leftComponent ? leftComponent({ closeGridView }) : <View style={styles.leftContainer} />}\n      {centerComponent ? (\n        centerComponent({ closeGridView })\n      ) : (\n        <Text style={[styles.text, { color: black }, handleText]}>{t('Photos')}</Text>\n      )}\n      {rightComponent ? (\n        rightComponent({ closeGridView })\n      ) : (\n        <TouchableOpacity onPress={closeGridView}>\n          <Close style={styles.closeButton} />\n        </TouchableOpacity>\n      )}\n    </View>\n  );\n};\n\nImageGridHandle.displayName = 'ImageGridHandle{imageGallery{grid{handle}}}';\n"]}

package/lib/module/components/Indicators/LoadingErrorIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LoadingErrorIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","width","errorText","fontSize","fontWeight","marginTop","retryText","LoadingErrorWrapper","props","children","onPress","text","theme","accent_red","colors","loadingErrorIndicator","color","LoadingErrorIndicator","listType","retry","black","t","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n  retryText: {\n    fontSize: 30,\n    fontWeight: '600',\n  },\n});\n\ntype LoadingErrorWrapperProps = {\n  text: string;\n  onPress?: () => void;\n};\n\nconst LoadingErrorWrapper: React.FC<LoadingErrorWrapperProps> = (props) => {\n  const { children, onPress, text } = props;\n\n  const {\n    theme: {\n      colors: { accent_red },\n      loadingErrorIndicator: { container, errorText },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={onPress} style={[styles.container, container]}>\n      <Text style={[styles.errorText, { color: accent_red }, errorText]} testID='loading-error'>\n        {text}\n      </Text>\n      {children}\n    </TouchableOpacity>\n  );\n};\n\nexport type LoadingErrorProps = {\n  error?: boolean;\n  listType?: 'channel' | 'message' | 'default';\n  loadNextPage?: () => Promise<void>;\n  retry?: () => void;\n};\n\nexport const LoadingErrorIndicator: React.FC<LoadingErrorProps> = (props) => {\n  const { listType, retry = () => null } = props;\n\n  const {\n    theme: {\n      colors: { black },\n      loadingErrorIndicator: { retryText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  switch (listType) {\n    case 'channel':\n      return (\n        <LoadingErrorWrapper onPress={retry} text={t('Error loading channel list...')}>\n          <Text style={[styles.retryText, { color: black }, retryText]}>⟳</Text>\n        </LoadingErrorWrapper>\n      );\n    case 'message':\n      return (\n        <LoadingErrorWrapper\n          onPress={retry}\n          text={t('Error loading messages for this channel...')}\n        />\n      );\n    default:\n      return <LoadingErrorWrapper text={t('Error loading')} />;\n  }\n};\n\nLoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';\n"]}
+{"version":3,"sources":["LoadingErrorIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","height","justifyContent","width","errorText","fontSize","fontWeight","marginTop","retryText","LoadingErrorWrapper","props","children","onPress","text","theme","accent_red","colors","loadingErrorIndicator","color","LoadingErrorIndicator","listType","retry","black","t","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, TouchableOpacity } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    height: '100%',\n    justifyContent: 'center',\n    width: '100%',\n  },\n  errorText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n  retryText: {\n    fontSize: 30,\n    fontWeight: '600',\n  },\n});\n\ntype LoadingErrorWrapperProps = {\n  text: string;\n  onPress?: () => void;\n};\n\nconst LoadingErrorWrapper: React.FC<LoadingErrorWrapperProps> = (props) => {\n  const { children, onPress, text } = props;\n\n  const {\n    theme: {\n      colors: { accent_red },\n      loadingErrorIndicator: { container, errorText },\n    },\n  } = useTheme();\n\n  return (\n    <TouchableOpacity onPress={onPress} style={[styles.container, container]}>\n      <Text style={[styles.errorText, { color: accent_red }, errorText]} testID='loading-error'>\n        {text}\n      </Text>\n      {children}\n    </TouchableOpacity>\n  );\n};\n\nexport type LoadingErrorProps = {\n  error?: boolean | Error;\n  listType?: 'channel' | 'message' | 'default';\n  loadNextPage?: () => Promise<void>;\n  retry?: () => void;\n};\n\nexport const LoadingErrorIndicator: React.FC<LoadingErrorProps> = (props) => {\n  const { listType, retry = () => null } = props;\n\n  const {\n    theme: {\n      colors: { black },\n      loadingErrorIndicator: { retryText },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  switch (listType) {\n    case 'channel':\n      return (\n        <LoadingErrorWrapper onPress={retry} text={t('Error loading channel list...')}>\n          <Text style={[styles.retryText, { color: black }, retryText]}>⟳</Text>\n        </LoadingErrorWrapper>\n      );\n    case 'message':\n      return (\n        <LoadingErrorWrapper\n          onPress={retry}\n          text={t('Error loading messages for this channel...')}\n        />\n      );\n    default:\n      return <LoadingErrorWrapper text={t('Error loading')} />;\n  }\n};\n\nLoadingErrorIndicator.displayName = 'LoadingErrorIndicator{loadingErrorIndicator}';\n"]}

package/lib/module/components/Indicators/LoadingIndicator.js

@@ -9,12 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _reactNative = require("react-native");
 
-var _Spinner = require("../Spinner/Spinner");
-
 var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
 
 var _TranslationContext = require("../../contexts/translationContext/TranslationContext");
 
+var _Spinner = require("../Spinner/Spinner");
+
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Indicators/LoadingIndicator.tsx";
 
@@ -46,14 +46,14 @@ var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 30,
       columnNumber: 5
     }
   }, _react["default"].createElement(_Spinner.Spinner, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 32,
+      lineNumber: 31,
       columnNumber: 7
     }
   }), _react["default"].createElement(_reactNative.Text, {
@@ -64,7 +64,7 @@ var LoadingIndicatorWrapper = function LoadingIndicatorWrapper(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 32,
       columnNumber: 7
     }
   }, text));
@@ -83,7 +83,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 12
       }
     });
@@ -96,7 +96,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 59,
+          lineNumber: 58,
           columnNumber: 14
         }
       });
@@ -107,7 +107,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 60,
           columnNumber: 14
         }
       });
@@ -118,7 +118,7 @@ var LoadingIndicator = function LoadingIndicator(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 63,
+          lineNumber: 62,
           columnNumber: 14
         }
       });

package/lib/module/components/Indicators/LoadingIndicator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["LoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","text","theme","black","colors","loadingIndicator","color","LoadingIndicator","props","listType","t","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EADC;AAEXC,IAAAA,UAAU,EAAE,KAFD;AAGXC,IAAAA,SAAS,EAAE;AAHA;AANkB,CAAlB,CAAf;;AAaA,IAAMC,uBAAmD,GAAG,SAAtDA,uBAAsD,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACxE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,KAFd,mBAEIC,MAFJ,CAEcD,KAFd;AAAA,8CAGIE,gBAHJ;AAAA,MAGwBb,SAHxB,yBAGwBA,SAHxB;AAAA,MAGmCI,WAHnC,yBAGmCA,WAHnC;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACP,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACO,WAAR,EAAqB;AAAEU,MAAAA,KAAK,EAAEH;AAAT,KAArB,EAAuCP,WAAvC,CAAb;AAAkE,IAAA,MAAM,EAAC,SAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,IADH,CAFF,CADF;AAQD,CAhBD;;AA0BO,IAAMM,gBAAwC,GAAG,SAA3CA,gBAA2C,CAACC,KAAD,EAAW;AACjE,MAAQC,QAAR,GAAkCD,KAAlC,CAAQC,QAAR;AAAA,MAAkBb,WAAlB,GAAkCY,KAAlC,CAAkBZ,WAAlB;;AAEA,8BAAc,gDAAd;AAAA,MAAQc,CAAR,yBAAQA,CAAR;;AAEA,MAAId,WAAJ,EAAiB;AACf,WAAO,gCAAC,uBAAD;AAAyB,MAAA,IAAI,EAAEA,WAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAP;AACD;;AAED,UAAQa,QAAR;AACE,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEC,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,YAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;AANJ;AAQD,CAjBM;;;AAmBPH,gBAAgB,CAACI,WAAjB,GAA+B,oCAA/B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { Spinner } from '../Spinner/Spinner';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"]}
+{"version":3,"sources":["LoadingIndicator.tsx"],"names":["styles","StyleSheet","create","container","alignItems","flex","justifyContent","loadingText","fontSize","fontWeight","marginTop","LoadingIndicatorWrapper","text","theme","black","colors","loadingIndicator","color","LoadingIndicator","props","listType","t","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;AAEA,IAAMA,MAAM,GAAGC,wBAAWC,MAAX,CAAkB;AAC/BC,EAAAA,SAAS,EAAE;AACTC,IAAAA,UAAU,EAAE,QADH;AAETC,IAAAA,IAAI,EAAE,CAFG;AAGTC,IAAAA,cAAc,EAAE;AAHP,GADoB;AAM/BC,EAAAA,WAAW,EAAE;AACXC,IAAAA,QAAQ,EAAE,EADC;AAEXC,IAAAA,UAAU,EAAE,KAFD;AAGXC,IAAAA,SAAS,EAAE;AAHA;AANkB,CAAlB,CAAf;;AAaA,IAAMC,uBAAmD,GAAG,SAAtDA,uBAAsD,OAAc;AAAA,MAAXC,IAAW,QAAXA,IAAW;;AACxE,kBAKI,6BALJ;AAAA,kCACEC,KADF;AAAA,MAEcC,KAFd,mBAEIC,MAFJ,CAEcD,KAFd;AAAA,8CAGIE,gBAHJ;AAAA,MAGwBb,SAHxB,yBAGwBA,SAHxB;AAAA,MAGmCI,WAHnC,yBAGmCA,WAHnC;;AAOA,SACE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACP,MAAM,CAACG,SAAR,EAAmBA,SAAnB,CAAb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,gCAAC,gBAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADF,EAEE,gCAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACH,MAAM,CAACO,WAAR,EAAqB;AAAEU,MAAAA,KAAK,EAAEH;AAAT,KAArB,EAAuCP,WAAvC,CAAb;AAAkE,IAAA,MAAM,EAAC,SAAzE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGK,IADH,CAFF,CADF;AAQD,CAhBD;;AA0BO,IAAMM,gBAAwC,GAAG,SAA3CA,gBAA2C,CAACC,KAAD,EAAW;AACjE,MAAQC,QAAR,GAAkCD,KAAlC,CAAQC,QAAR;AAAA,MAAkBb,WAAlB,GAAkCY,KAAlC,CAAkBZ,WAAlB;;AAEA,8BAAc,gDAAd;AAAA,MAAQc,CAAR,yBAAQA,CAAR;;AAEA,MAAId,WAAJ,EAAiB;AACf,WAAO,gCAAC,uBAAD;AAAyB,MAAA,IAAI,EAAEA,WAA/B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAP;AACD;;AAED,UAAQa,QAAR;AACE,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEC,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF,SAAK,SAAL;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,qBAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;;AACF;AACE,aAAO,gCAAC,uBAAD;AAAyB,QAAA,IAAI,EAAEA,CAAC,CAAC,YAAD,CAAhC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAP;AANJ;AAQD,CAjBM;;;AAmBPH,gBAAgB,CAACI,WAAjB,GAA+B,oCAA/B","sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../contexts/translationContext/TranslationContext';\nimport { Spinner } from '../Spinner/Spinner';\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: 'center',\n    flex: 1,\n    justifyContent: 'center',\n  },\n  loadingText: {\n    fontSize: 14,\n    fontWeight: '600',\n    marginTop: 20,\n  },\n});\n\nconst LoadingIndicatorWrapper: React.FC<{ text: string }> = ({ text }) => {\n  const {\n    theme: {\n      colors: { black },\n      loadingIndicator: { container, loadingText },\n    },\n  } = useTheme();\n\n  return (\n    <View style={[styles.container, container]}>\n      <Spinner />\n      <Text style={[styles.loadingText, { color: black }, loadingText]} testID='loading'>\n        {text}\n      </Text>\n    </View>\n  );\n};\n\nexport type LoadingProps = {\n  listType?: 'channel' | 'message' | 'default';\n  loadingText?: string;\n};\n\n/**\n * UI Component for LoadingIndicator\n */\nexport const LoadingIndicator: React.FC<LoadingProps> = (props) => {\n  const { listType, loadingText } = props;\n\n  const { t } = useTranslationContext();\n\n  if (loadingText) {\n    return <LoadingIndicatorWrapper text={loadingText} />;\n  }\n\n  switch (listType) {\n    case 'channel':\n      return <LoadingIndicatorWrapper text={t('Loading channels...')} />;\n    case 'message':\n      return <LoadingIndicatorWrapper text={t('Loading messages...')} />;\n    default:\n      return <LoadingIndicatorWrapper text={t('Loading...')} />;\n  }\n};\n\nLoadingIndicator.displayName = 'LoadingIndicator{loadingIndicator}';\n"]}

package/lib/module/components/KeyboardCompatibleView/KeyboardCompatibleView.js

@@ -45,6 +45,7 @@ var KeyboardCompatibleView = function (_React$Component) {
     _this._frame = null;
     _this._keyboardEvent = null;
     _this._subscriptions = [];
+    _this._appStateSubscription = null;
     _this._initialFrameHeight = 0;
 
     _this._onKeyboardChange = function (event) {
@@ -190,14 +191,21 @@ var KeyboardCompatibleView = function (_React$Component) {
   }, {
     key: "componentDidMount",
     value: function componentDidMount() {
-      _reactNative.AppState.addEventListener('change', this._handleAppStateChange);
-
+      this._appStateSubscription = _reactNative.AppState.addEventListener('change', this._handleAppStateChange);
       this.setKeyboardListeners();
     }
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      _reactNative.AppState.removeEventListener('change', this._handleAppStateChange);
+      var _this$_appStateSubscr;
+
+      if ((_this$_appStateSubscr = this._appStateSubscription) != null && _this$_appStateSubscr.remove) {
+        var _this$_appStateSubscr2;
+
+        (_this$_appStateSubscr2 = this._appStateSubscription) == null ? void 0 : _this$_appStateSubscr2.remove();
+      } else {
+        _reactNative.AppState.removeEventListener('change', this._handleAppStateChange);
+      }
 
       this.unsetKeyboardListeners();
     }
@@ -231,7 +239,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 208,
+              lineNumber: 215,
               columnNumber: 11
             }
           }, _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({
@@ -242,7 +250,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 209,
+              lineNumber: 216,
               columnNumber: 13
             }
           }), children));
@@ -255,7 +263,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 222,
+              lineNumber: 229,
               columnNumber: 11
             }
           }, _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({
@@ -266,7 +274,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 223,
+              lineNumber: 230,
               columnNumber: 13
             }
           }), _react["default"].createElement(_reactNative.View, {
@@ -276,7 +284,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 224,
+              lineNumber: 231,
               columnNumber: 15
             }
           }, children)));
@@ -289,7 +297,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 237,
+              lineNumber: 244,
               columnNumber: 11
             }
           }, _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({
@@ -302,7 +310,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 238,
+              lineNumber: 245,
               columnNumber: 13
             }
           }), children));
@@ -315,7 +323,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 251,
+              lineNumber: 258,
               columnNumber: 11
             }
           }, _react["default"].createElement(_reactNative.View, (0, _extends2["default"])({
@@ -326,7 +334,7 @@ var KeyboardCompatibleView = function (_React$Component) {
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 252,
+              lineNumber: 259,
               columnNumber: 13
             }
           }), children));