stream-chat-react-native-core 4.0.0-beta.3 → 4.0.0-beta.7

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

@@ -1 +1 @@
-{"version":3,"sources":["ImageGalleryFooter.tsx"],"names":["ReanimatedSafeAreaView","Animated","createAnimatedComponent","SafeAreaView","styles","StyleSheet","create","centerContainer","alignItems","flex","justifyContent","imageCountText","fontSize","fontWeight","innerContainer","flexDirection","height","leftContainer","marginLeft","rightContainer","marginRight","wrapper","bottom","left","position","right","ImageGalleryFooter","props","centerElement","GridIcon","leftElement","opacity","openGridView","photo","photoLength","rightElement","selectedIndex","ShareIcon","visible","setHeight","shareMenuOpen","setShareMenuOpen","theme","colors","black","white","imageGallery","footer","container","t","footerStyle","value","transform","translateY","Extrapolate","CLAMP","share","fileName","user","id","messageId","fromUrl","uri","localImage","type","url","console","log","event","nativeEvent","layout","backgroundColor","color","index","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { SafeAreaView, StyleSheet, Text, TouchableOpacity, View, ViewStyle } from 'react-native';\nimport Animated, { Extrapolate, interpolate, useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Grid as GridIconDefault, Share as ShareIconDefault } from '../../../icons';\nimport { deleteFile, saveFile, shareImage } from '../../../native';\n\nimport type { DefaultUserType, UnknownType } 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  imageCountText: {\n    fontSize: 16,\n    fontWeight: '600',\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    flex: 1,\n    justifyContent: 'center',\n    marginRight: 8,\n  },\n  wrapper: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n  },\n});\n\nexport type ImageGalleryFooterCustomComponent<Us extends UnknownType = DefaultUserType> = ({\n  openGridView,\n  photo,\n  share,\n  shareMenuOpen,\n}: {\n  openGridView: () => void;\n  share: () => Promise<void>;\n  shareMenuOpen: boolean;\n  photo?: Photo<Us>;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryFooterCustomComponentProps<Us extends UnknownType = DefaultUserType> = {\n  centerElement?: ImageGalleryFooterCustomComponent<Us>;\n  GridIcon?: React.ReactElement;\n  leftElement?: ImageGalleryFooterCustomComponent<Us>;\n  rightElement?: ImageGalleryFooterCustomComponent<Us>;\n  ShareIcon?: React.ReactElement;\n};\n\ntype Props<Us extends UnknownType = DefaultUserType> =\n  ImageGalleryFooterCustomComponentProps<Us> & {\n    opacity: Animated.SharedValue<number>;\n    openGridView: () => void;\n    photo: Photo<Us>;\n    photoLength: number;\n    selectedIndex: number;\n    visible: Animated.SharedValue<number>;\n  };\n\nexport const ImageGalleryFooter = <Us extends UnknownType = DefaultUserType>(props: Props<Us>) => {\n  const {\n    centerElement,\n    GridIcon,\n    leftElement,\n    opacity,\n    openGridView,\n    photo,\n    photoLength,\n    rightElement,\n    selectedIndex,\n    ShareIcon,\n    visible,\n  } = props;\n  const [height, setHeight] = useState(200);\n  const [shareMenuOpen, setShareMenuOpen] = useState(false);\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        footer: {\n          centerContainer,\n          container,\n          imageCountText,\n          innerContainer,\n          leftContainer,\n          rightContainer,\n        },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  const footerStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      opacity: opacity.value,\n      transform: [\n        {\n          translateY: interpolate(visible.value, [0, 1], [height, 0], Extrapolate.CLAMP),\n        },\n      ],\n    }),\n    [],\n  );\n\n  const share = async () => {\n    setShareMenuOpen(true);\n    try {\n      const localImage = await saveFile({\n        fileName: `${photo.user?.id || 'ChatPhoto'}-${photo.messageId}-${selectedIndex}.jpg`,\n        fromUrl: photo.uri,\n      });\n      await shareImage({ type: 'image/jpeg', url: localImage });\n      await deleteFile({ uri: localImage });\n    } catch (error) {\n      console.log(error);\n    }\n    setShareMenuOpen(false);\n  };\n\n  return (\n    <Animated.View\n      onLayout={(event) => setHeight(event.nativeEvent.layout.height)}\n      pointerEvents={'box-none'}\n      style={styles.wrapper}\n    >\n      <ReanimatedSafeAreaView style={[{ backgroundColor: white }, container, footerStyle]}>\n        <View style={[styles.innerContainer, innerContainer]}>\n          {leftElement ? (\n            leftElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <TouchableOpacity disabled={shareMenuOpen} onPress={share}>\n              <View style={[styles.leftContainer, leftContainer]}>\n                {ShareIcon ? ShareIcon : <ShareIconDefault />}\n              </View>\n            </TouchableOpacity>\n          )}\n          {centerElement ? (\n            centerElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <View style={[styles.centerContainer, centerContainer]}>\n              <Text style={[styles.imageCountText, { color: black }, imageCountText]}>\n                {t('{{ index }} of {{ photoLength }}', {\n                  index: photoLength - selectedIndex,\n                  photoLength,\n                })}\n              </Text>\n            </View>\n          )}\n          {rightElement ? (\n            rightElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <TouchableOpacity onPress={openGridView}>\n              <View style={[styles.rightContainer, rightContainer]}>\n                {GridIcon ? GridIcon : <GridIconDefault />}\n              </View>\n            </TouchableOpacity>\n          )}\n        </View>\n      </ReanimatedSafeAreaView>\n    </Animated.View>\n  );\n};\n\nImageGalleryFooter.displayName = 'ImageGalleryFooter{imageGallery{footer}}';\n"]}
+{"version":3,"sources":["ImageGalleryFooter.tsx"],"names":["ReanimatedSafeAreaView","Animated","createAnimatedComponent","SafeAreaView","styles","StyleSheet","create","centerContainer","alignItems","flex","justifyContent","imageCountText","fontSize","fontWeight","innerContainer","flexDirection","height","leftContainer","marginLeft","rightContainer","marginRight","wrapper","bottom","left","position","right","ImageGalleryFooter","props","centerElement","GridIcon","leftElement","opacity","openGridView","photo","photoLength","rightElement","selectedIndex","ShareIcon","visible","setHeight","shareMenuOpen","setShareMenuOpen","theme","colors","black","white","imageGallery","footer","container","t","footerStyle","value","transform","translateY","Extrapolate","CLAMP","share","fileName","user","id","messageId","fromUrl","uri","localImage","type","url","console","log","event","nativeEvent","layout","backgroundColor","color","index","displayName"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport { SafeAreaView, StyleSheet, Text, TouchableOpacity, View, ViewStyle } from 'react-native';\nimport Animated, { Extrapolate, interpolate, useAnimatedStyle } from 'react-native-reanimated';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport { useTranslationContext } from '../../../contexts/translationContext/TranslationContext';\nimport { Grid as GridIconDefault, Share as ShareIconDefault } from '../../../icons';\nimport { deleteFile, saveFile, shareImage } from '../../../native';\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  imageCountText: {\n    fontSize: 16,\n    fontWeight: '600',\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    flex: 1,\n    justifyContent: 'center',\n    marginRight: 8,\n  },\n  wrapper: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    right: 0,\n  },\n});\n\nexport type ImageGalleryFooterCustomComponent<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = ({\n  openGridView,\n  photo,\n  share,\n  shareMenuOpen,\n}: {\n  openGridView: () => void;\n  share: () => Promise<void>;\n  shareMenuOpen: boolean;\n  photo?: Photo<StreamChatGenerics>;\n}) => React.ReactElement | null;\n\nexport type ImageGalleryFooterCustomComponentProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = {\n  centerElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;\n  GridIcon?: React.ReactElement;\n  leftElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;\n  rightElement?: ImageGalleryFooterCustomComponent<StreamChatGenerics>;\n  ShareIcon?: React.ReactElement;\n};\n\ntype Props<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =\n  ImageGalleryFooterCustomComponentProps<StreamChatGenerics> & {\n    opacity: Animated.SharedValue<number>;\n    openGridView: () => void;\n    photo: Photo<StreamChatGenerics>;\n    photoLength: number;\n    selectedIndex: number;\n    visible: Animated.SharedValue<number>;\n  };\n\nexport const ImageGalleryFooter = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\n  const {\n    centerElement,\n    GridIcon,\n    leftElement,\n    opacity,\n    openGridView,\n    photo,\n    photoLength,\n    rightElement,\n    selectedIndex,\n    ShareIcon,\n    visible,\n  } = props;\n  const [height, setHeight] = useState(200);\n  const [shareMenuOpen, setShareMenuOpen] = useState(false);\n  const {\n    theme: {\n      colors: { black, white },\n      imageGallery: {\n        footer: {\n          centerContainer,\n          container,\n          imageCountText,\n          innerContainer,\n          leftContainer,\n          rightContainer,\n        },\n      },\n    },\n  } = useTheme();\n  const { t } = useTranslationContext();\n\n  const footerStyle = useAnimatedStyle<ViewStyle>(\n    () => ({\n      opacity: opacity.value,\n      transform: [\n        {\n          translateY: interpolate(visible.value, [0, 1], [height, 0], Extrapolate.CLAMP),\n        },\n      ],\n    }),\n    [],\n  );\n\n  const share = async () => {\n    setShareMenuOpen(true);\n    try {\n      const localImage = await saveFile({\n        fileName: `${photo.user?.id || 'ChatPhoto'}-${photo.messageId}-${selectedIndex}.jpg`,\n        fromUrl: photo.uri,\n      });\n      await shareImage({ type: 'image/jpeg', url: localImage });\n      await deleteFile({ uri: localImage });\n    } catch (error) {\n      console.log(error);\n    }\n    setShareMenuOpen(false);\n  };\n\n  return (\n    <Animated.View\n      onLayout={(event) => setHeight(event.nativeEvent.layout.height)}\n      pointerEvents={'box-none'}\n      style={styles.wrapper}\n    >\n      <ReanimatedSafeAreaView style={[{ backgroundColor: white }, container, footerStyle]}>\n        <View style={[styles.innerContainer, innerContainer]}>\n          {leftElement ? (\n            leftElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <TouchableOpacity disabled={shareMenuOpen} onPress={share}>\n              <View style={[styles.leftContainer, leftContainer]}>\n                {ShareIcon ? ShareIcon : <ShareIconDefault />}\n              </View>\n            </TouchableOpacity>\n          )}\n          {centerElement ? (\n            centerElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <View style={[styles.centerContainer, centerContainer]}>\n              <Text style={[styles.imageCountText, { color: black }, imageCountText]}>\n                {t('{{ index }} of {{ photoLength }}', {\n                  index: photoLength - selectedIndex,\n                  photoLength,\n                })}\n              </Text>\n            </View>\n          )}\n          {rightElement ? (\n            rightElement({ openGridView, photo, share, shareMenuOpen })\n          ) : (\n            <TouchableOpacity onPress={openGridView}>\n              <View style={[styles.rightContainer, rightContainer]}>\n                {GridIcon ? GridIcon : <GridIconDefault />}\n              </View>\n            </TouchableOpacity>\n          )}\n        </View>\n      </ReanimatedSafeAreaView>\n    </Animated.View>\n  );\n};\n\nImageGalleryFooter.displayName = 'ImageGalleryFooter{imageGallery{footer}}';\n"]}

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

@@ -102,7 +102,24 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
       translucentStatusBar = _useOverlayContext.translucentStatusBar;
 
   var parsedDate = photo ? tDateTimeParser(photo == null ? void 0 : photo.created_at) : null;
-  var date = parsedDate && (0, _TranslationContext.isDayOrMoment)(parsedDate) ? parsedDate.calendar ? parsedDate.calendar() : parsedDate.fromNow() : 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,
@@ -127,7 +144,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 159,
       columnNumber: 5
     }
   }, _react["default"].createElement(ReanimatedSafeAreaView, {
@@ -137,7 +154,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 163,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -145,7 +162,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 166,
       columnNumber: 9
     }
   }, leftElement ? leftElement({
@@ -156,7 +173,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 170,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -164,14 +181,14 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 149,
+      lineNumber: 171,
       columnNumber: 15
     }
   }, CloseIcon ? CloseIcon : _react["default"].createElement(_icons.Close, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 172,
       columnNumber: 42
     }
   }))), centerElement ? centerElement({
@@ -182,7 +199,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 179,
       columnNumber: 13
     }
   }, _react["default"].createElement(_reactNative.Text, {
@@ -192,7 +209,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 180,
       columnNumber: 15
     }
   }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
@@ -202,7 +219,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 183,
       columnNumber: 24
     }
   }, date)), rightElement ? rightElement({
@@ -213,7 +230,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      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","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 { DefaultUserType, UnknownType } 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<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 { setOverlay, translucentStatusBar } = useOverlayContext();\n\n  const parsedDate = photo ? tDateTimeParser(photo?.created_at) : null;\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      : null;\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"]}
+{"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

@@ -78,7 +78,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 86,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.ImageBackground, {
@@ -92,7 +92,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 87,
       columnNumber: 7
     }
   }, avatarComponent ? avatarComponent({
@@ -107,7 +107,7 @@ var GridImage = function GridImage(_ref) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 94,
       columnNumber: 15
     }
   })));
@@ -120,7 +120,7 @@ var renderItem = function renderItem(_ref2) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 116,
       columnNumber: 7
     }
   });
@@ -168,7 +168,7 @@ var ImageGrid = function ImageGrid(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 157,
+      lineNumber: 172,
       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';\n\nimport { BottomSheetFlatList, TouchableOpacity } from '@gorhom/bottom-sheet';\n\nimport { useTheme } from '../../../contexts/themeContext/ThemeContext';\nimport type { DefaultUserType, UnknownType } 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<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 as GridImageItem<UnknownType>[]}\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","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';\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    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 = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: Props<StreamChatGenerics>,\n) => {\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<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/Message/Message.js

@@ -530,7 +530,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 682,
+      lineNumber: 649,
       columnNumber: 5
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -540,7 +540,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 686,
+      lineNumber: 653,
       columnNumber: 7
     }
   }, _react["default"].createElement(_reactNative.View, {
@@ -550,7 +550,7 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 694,
+      lineNumber: 661,
       columnNumber: 9
     }
   }, _react["default"].createElement(_MessageContext.MessageProvider, {
@@ -558,14 +558,14 @@ var MessageWithContext = function MessageWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 701,
+      lineNumber: 668,
       columnNumber: 11
     }
   }, _react["default"].createElement(MessageSimple, {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 702,
+      lineNumber: 669,
       columnNumber: 13
     }
   })))));
@@ -687,7 +687,7 @@ var Message = function Message(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 873,
+      lineNumber: 820,
       columnNumber: 5
     }
   }));