stream-chat-react-native-core 5.15.3-beta.4 → 5.15.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js +20 -19
  2. package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js.map +1 -1
  3. package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js +2 -2
  4. package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
  5. package/lib/commonjs/version.json +1 -1
  6. package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js +20 -19
  7. package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js.map +1 -1
  8. package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js +2 -2
  9. package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js.map +1 -1
  10. package/lib/module/version.json +1 -1
  11. package/lib/typescript/components/ChannelPreview/ChannelPreviewUnreadCount.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx +21 -21
  14. package/src/components/ImageGallery/components/ImageGalleryHeader.tsx +1 -1
  15. package/src/version.json +1 -1
package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js CHANGED
@@ -8,21 +8,6 @@ var _reactNative = require("react-native");
8
8
  var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
9
9
  var _this = this,
10
10
  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
11
- var styles = _reactNative.StyleSheet.create({
12
- unreadContainer: {
13
- alignItems: 'center',
14
- borderRadius: 8,
15
- flexShrink: 1,
16
- justifyContent: 'center'
17
- },
18
- unreadText: {
19
- color: '#FFFFFF',
20
- fontSize: 11,
21
- fontWeight: '700',
22
- paddingHorizontal: 5,
23
- paddingVertical: 1
24
- }
25
- });
26
11
  var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
27
12
  var maxUnreadCount = props.maxUnreadCount,
28
13
  unread = props.unread;
@@ -32,6 +17,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
32
17
  unreadContainer = _useTheme$theme$chann.unreadContainer,
33
18
  unreadText = _useTheme$theme$chann.unreadText,
34
19
  accent_red = _useTheme$theme.colors.accent_red;
20
+ if (!unread) return null;
35
21
  return _react["default"].createElement(_reactNative.View, {
36
22
  style: [styles.unreadContainer, {
37
23
  backgroundColor: accent_red
@@ -39,19 +25,34 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
39
25
  __self: _this,
40
26
  __source: {
41
27
  fileName: _jsxFileName,
42
- lineNumber: 47,
28
+ lineNumber: 33,
43
29
  columnNumber: 5
44
30
  }
45
- }, !!unread && _react["default"].createElement(_reactNative.Text, {
31
+ }, _react["default"].createElement(_reactNative.Text, {
46
32
  numberOfLines: 1,
47
33
  style: [styles.unreadText, unreadText],
48
34
  __self: _this,
49
35
  __source: {
50
36
  fileName: _jsxFileName,
51
- lineNumber: 49,
52
- columnNumber: 9
37
+ lineNumber: 34,
38
+ columnNumber: 7
53
39
  }
54
40
  }, unread > maxUnreadCount ? maxUnreadCount + "+" : unread));
55
41
  };
56
42
  exports.ChannelPreviewUnreadCount = ChannelPreviewUnreadCount;
43
+ var styles = _reactNative.StyleSheet.create({
44
+ unreadContainer: {
45
+ alignItems: 'center',
46
+ borderRadius: 8,
47
+ flexShrink: 1,
48
+ justifyContent: 'center'
49
+ },
50
+ unreadText: {
51
+ color: '#FFFFFF',
52
+ fontSize: 11,
53
+ fontWeight: '700',
54
+ paddingHorizontal: 5,
55
+ paddingVertical: 1
56
+ }
57
+ });
57
58
  //# sourceMappingURL=ChannelPreviewUnreadCount.js.map
package/lib/commonjs/components/ChannelPreview/ChannelPreviewUnreadCount.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","accent_red","colors","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n unreadContainer: {\n alignItems: 'center',\n borderRadius: 8,\n flexShrink: 1,\n justifyContent: 'center',\n },\n unreadText: {\n color: '#FFFFFF',\n fontSize: 11,\n fontWeight: '700',\n paddingHorizontal: 5,\n paddingVertical: 1,\n },\n});\n\nexport type ChannelPreviewUnreadCountProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n maxUnreadCount: number;\n unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n const { maxUnreadCount, unread } = props;\n const {\n theme: {\n channelPreview: { unreadContainer, unreadText },\n colors: { accent_red },\n },\n } = useTheme();\n\n return (\n <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n {!!unread && (\n <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n </Text>\n )}\n </View>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AASK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIpB,eAAe,GAAAmB,qBAAA,CAAfnB,eAAe;IAAEK,UAAU,GAAAc,qBAAA,CAAVd,UAAU;IACnCgB,UAAU,GAAAJ,eAAA,CAApBK,MAAM,CAAID,UAAU;EAIxB,OACE/B,MAAA,YAAAiC,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAE,CAAC5B,MAAM,CAACG,eAAe,EAAE;MAAE0B,eAAe,EAAEL;IAAW,CAAC,EAAErB,eAAe,CAAE;IAAA2B,MAAA,EAAAhC,KAAA;IAAAiC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrF,CAAC,CAACjB,MAAM,IACPxB,MAAA,YAAAiC,aAAA,CAAC9B,YAAA,CAAAuC,IAAI;IAACC,aAAa,EAAE,CAAE;IAACR,KAAK,EAAE,CAAC5B,MAAM,CAACQ,UAAU,EAAEA,UAAU,CAAE;IAAAsB,MAAA,EAAAhC,KAAA;IAAAiC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DjB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CAEJ,CAAC;AAEX,CAAC;AAACoB,OAAA,CAAAvB,yBAAA,GAAAA,yBAAA"}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","unreadContainer","unreadText","accent_red","colors","createElement","View","style","styles","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports","StyleSheet","create","alignItems","borderRadius","flexShrink","justifyContent","color","fontSize","fontWeight","paddingHorizontal","paddingVertical"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewUnreadCountProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n maxUnreadCount: number;\n unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n const { maxUnreadCount, unread } = props;\n const {\n theme: {\n channelPreview: { unreadContainer, unreadText },\n colors: { accent_red },\n },\n } = useTheme();\n\n if (!unread) return null;\n\n return (\n <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n </Text>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n unreadContainer: {\n alignItems: 'center',\n borderRadius: 8,\n flexShrink: 1,\n justifyContent: 'center',\n },\n unreadText: {\n color: '#FFFFFF',\n fontSize: 11,\n fontWeight: '700',\n paddingHorizontal: 5,\n paddingVertical: 1,\n },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAW7D,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IACnCC,UAAU,GAAAN,eAAA,CAApBO,MAAM,CAAID,UAAU;EAIxB,IAAI,CAACT,MAAM,EAAE,OAAO,IAAI;EAExB,OACEV,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACP,eAAe,EAAE;MAAEQ,eAAe,EAAEN;IAAW,CAAC,EAAEF,eAAe,CAAE;IAAAS,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtF9B,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAA4B,IAAI;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAE,CAACC,MAAM,CAACN,UAAU,EAAEA,UAAU,CAAE;IAAAQ,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DpB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CACF,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAA1B,yBAAA,GAAAA,yBAAA;AAEF,IAAMiB,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,eAAe,EAAE;IACfmB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDrB,UAAU,EAAE;IACVsB,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}
package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js CHANGED
@@ -48,7 +48,7 @@ var styles = _reactNative.StyleSheet.create({
48
48
  }
49
49
  });
50
50
  var ImageGalleryHeader = function ImageGalleryHeader(props) {
51
- var _photo$user;
51
+ var _photo$user, _photo$user2;
52
52
  var centerElement = props.centerElement,
53
53
  CloseIcon = props.CloseIcon,
54
54
  leftElement = props.leftElement,
@@ -184,7 +184,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
184
184
  lineNumber: 180,
185
185
  columnNumber: 15
186
186
  }
187
- }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
187
+ }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || (photo == null ? void 0 : (_photo$user2 = photo.user) == null ? void 0 : _photo$user2.id) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
188
188
  style: [styles.date, {
189
189
  color: black
190
190
  }, dateText],
package/lib/commonjs/components/ImageGallery/components/ImageGalleryHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_OverlayContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","_photo$user","centerElement","CloseIcon","leftElement","photo","rightElement","visible","_useState","useState","_useState2","_slicedToArray2","setHeight","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","header","container","dateText","usernameText","_useTranslationContex","useTranslationContext","t","tDateTimeParser","_useOverlayContext","useOverlayContext","setOverlay","translucentStatusBar","parsedDate","created_at","getDateObject","isDayOrMoment","calendar","fromNow","headerStyle","useAnimatedStyle","value","transform","translateY","interpolate","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","createElement","View","onLayout","event","nativeEvent","layout","pointerEvents","__self","__source","fileName","lineNumber","columnNumber","style","backgroundColor","TouchableOpacity","accessibilityLabel","onPress","Close","Text","color","user","name","exports","displayName"],"sources":["ImageGalleryHeader.tsx"],"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 accessibilityLabel='Hide Overlay' 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"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_OverlayContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","_photo$user","_photo$user2","centerElement","CloseIcon","leftElement","photo","rightElement","visible","_useState","useState","_useState2","_slicedToArray2","setHeight","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","header","container","dateText","usernameText","_useTranslationContex","useTranslationContext","t","tDateTimeParser","_useOverlayContext","useOverlayContext","setOverlay","translucentStatusBar","parsedDate","created_at","getDateObject","isDayOrMoment","calendar","fromNow","headerStyle","useAnimatedStyle","value","transform","translateY","interpolate","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","createElement","View","onLayout","event","nativeEvent","layout","pointerEvents","__self","__source","fileName","lineNumber","columnNumber","style","backgroundColor","TouchableOpacity","accessibilityLabel","onPress","Close","Text","color","user","name","id","exports","displayName"],"sources":["ImageGalleryHeader.tsx"],"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 accessibilityLabel='Hide Overlay' 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 || photo?.user?.id || 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"],"mappings":"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"}
package/lib/commonjs/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "5.15.3-beta.4"
2
+ "version": "5.15.3"
3
3
  }
package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js CHANGED
@@ -8,21 +8,6 @@ var _reactNative = require("react-native");
8
8
  var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
9
9
  var _this = this,
10
10
  _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx";
11
- var styles = _reactNative.StyleSheet.create({
12
- unreadContainer: {
13
- alignItems: 'center',
14
- borderRadius: 8,
15
- flexShrink: 1,
16
- justifyContent: 'center'
17
- },
18
- unreadText: {
19
- color: '#FFFFFF',
20
- fontSize: 11,
21
- fontWeight: '700',
22
- paddingHorizontal: 5,
23
- paddingVertical: 1
24
- }
25
- });
26
11
  var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
27
12
  var maxUnreadCount = props.maxUnreadCount,
28
13
  unread = props.unread;
@@ -32,6 +17,7 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
32
17
  unreadContainer = _useTheme$theme$chann.unreadContainer,
33
18
  unreadText = _useTheme$theme$chann.unreadText,
34
19
  accent_red = _useTheme$theme.colors.accent_red;
20
+ if (!unread) return null;
35
21
  return _react["default"].createElement(_reactNative.View, {
36
22
  style: [styles.unreadContainer, {
37
23
  backgroundColor: accent_red
@@ -39,19 +25,34 @@ var ChannelPreviewUnreadCount = function ChannelPreviewUnreadCount(props) {
39
25
  __self: _this,
40
26
  __source: {
41
27
  fileName: _jsxFileName,
42
- lineNumber: 47,
28
+ lineNumber: 33,
43
29
  columnNumber: 5
44
30
  }
45
- }, !!unread && _react["default"].createElement(_reactNative.Text, {
31
+ }, _react["default"].createElement(_reactNative.Text, {
46
32
  numberOfLines: 1,
47
33
  style: [styles.unreadText, unreadText],
48
34
  __self: _this,
49
35
  __source: {
50
36
  fileName: _jsxFileName,
51
- lineNumber: 49,
52
- columnNumber: 9
37
+ lineNumber: 34,
38
+ columnNumber: 7
53
39
  }
54
40
  }, unread > maxUnreadCount ? maxUnreadCount + "+" : unread));
55
41
  };
56
42
  exports.ChannelPreviewUnreadCount = ChannelPreviewUnreadCount;
43
+ var styles = _reactNative.StyleSheet.create({
44
+ unreadContainer: {
45
+ alignItems: 'center',
46
+ borderRadius: 8,
47
+ flexShrink: 1,
48
+ justifyContent: 'center'
49
+ },
50
+ unreadText: {
51
+ color: '#FFFFFF',
52
+ fontSize: 11,
53
+ fontWeight: '700',
54
+ paddingHorizontal: 5,
55
+ paddingVertical: 1
56
+ }
57
+ });
57
58
  //# sourceMappingURL=ChannelPreviewUnreadCount.js.map
package/lib/module/components/ChannelPreview/ChannelPreviewUnreadCount.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","styles","StyleSheet","create","unreadContainer","alignItems","borderRadius","flexShrink","justifyContent","unreadText","color","fontSize","fontWeight","paddingHorizontal","paddingVertical","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","accent_red","colors","createElement","View","style","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst styles = StyleSheet.create({\n unreadContainer: {\n alignItems: 'center',\n borderRadius: 8,\n flexShrink: 1,\n justifyContent: 'center',\n },\n unreadText: {\n color: '#FFFFFF',\n fontSize: 11,\n fontWeight: '700',\n paddingHorizontal: 5,\n paddingVertical: 1,\n },\n});\n\nexport type ChannelPreviewUnreadCountProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n maxUnreadCount: number;\n unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n const { maxUnreadCount, unread } = props;\n const {\n theme: {\n channelPreview: { unreadContainer, unreadText },\n colors: { accent_red },\n },\n } = useTheme();\n\n return (\n <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n {!!unread && (\n <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n </Text>\n )}\n </View>\n );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAIpE,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC;AASK,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIpB,eAAe,GAAAmB,qBAAA,CAAfnB,eAAe;IAAEK,UAAU,GAAAc,qBAAA,CAAVd,UAAU;IACnCgB,UAAU,GAAAJ,eAAA,CAApBK,MAAM,CAAID,UAAU;EAIxB,OACE/B,MAAA,YAAAiC,aAAA,CAAC9B,YAAA,CAAA+B,IAAI;IAACC,KAAK,EAAE,CAAC5B,MAAM,CAACG,eAAe,EAAE;MAAE0B,eAAe,EAAEL;IAAW,CAAC,EAAErB,eAAe,CAAE;IAAA2B,MAAA,EAAAhC,KAAA;IAAAiC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrF,CAAC,CAACjB,MAAM,IACPxB,MAAA,YAAAiC,aAAA,CAAC9B,YAAA,CAAAuC,IAAI;IAACC,aAAa,EAAE,CAAE;IAACR,KAAK,EAAE,CAAC5B,MAAM,CAACQ,UAAU,EAAEA,UAAU,CAAE;IAAAsB,MAAA,EAAAhC,KAAA;IAAAiC,QAAA;MAAAC,QAAA,EAAAjC,YAAA;MAAAkC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DjB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CAEJ,CAAC;AAEX,CAAC;AAACoB,OAAA,CAAAvB,yBAAA,GAAAA,yBAAA"}
1
+ {"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ThemeContext","_this","_jsxFileName","ChannelPreviewUnreadCount","props","maxUnreadCount","unread","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$chann","channelPreview","unreadContainer","unreadText","accent_red","colors","createElement","View","style","styles","backgroundColor","__self","__source","fileName","lineNumber","columnNumber","Text","numberOfLines","exports","StyleSheet","create","alignItems","borderRadius","flexShrink","justifyContent","color","fontSize","fontWeight","paddingHorizontal","paddingVertical"],"sources":["ChannelPreviewUnreadCount.tsx"],"sourcesContent":["import React from 'react';\nimport { StyleSheet, Text, View } from 'react-native';\n\nimport type { ChannelPreviewProps } from './ChannelPreview';\n\nimport { useTheme } from '../../contexts/themeContext/ThemeContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nexport type ChannelPreviewUnreadCountProps<\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {\n maxUnreadCount: number;\n unread?: number;\n};\n\nexport const ChannelPreviewUnreadCount = <\n StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n props: ChannelPreviewUnreadCountProps<StreamChatGenerics>,\n) => {\n const { maxUnreadCount, unread } = props;\n const {\n theme: {\n channelPreview: { unreadContainer, unreadText },\n colors: { accent_red },\n },\n } = useTheme();\n\n if (!unread) return null;\n\n return (\n <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>\n <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>\n {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}\n </Text>\n </View>\n );\n};\n\nconst styles = StyleSheet.create({\n unreadContainer: {\n alignItems: 'center',\n borderRadius: 8,\n flexShrink: 1,\n justifyContent: 'center',\n },\n unreadText: {\n color: '#FFFFFF',\n fontSize: 11,\n fontWeight: '700',\n paddingHorizontal: 5,\n paddingVertical: 1,\n },\n});\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAIA,IAAAE,aAAA,GAAAF,OAAA;AAAoE,IAAAG,KAAA;EAAAC,YAAA;AAW7D,IAAMC,yBAAyB,GAAG,SAA5BA,yBAAyBA,CAGpCC,KAAyD,EACtD;EACH,IAAQC,cAAc,GAAaD,KAAK,CAAhCC,cAAc;IAAEC,MAAM,GAAKF,KAAK,CAAhBE,MAAM;EAC9B,IAAAC,SAAA,GAKI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAJZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,cAAc;IAAIC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IAAEC,UAAU,GAAAH,qBAAA,CAAVG,UAAU;IACnCC,UAAU,GAAAN,eAAA,CAApBO,MAAM,CAAID,UAAU;EAIxB,IAAI,CAACT,MAAM,EAAE,OAAO,IAAI;EAExB,OACEV,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAAmB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACP,eAAe,EAAE;MAAEQ,eAAe,EAAEN;IAAW,CAAC,EAAEF,eAAe,CAAE;IAAAS,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACtF9B,MAAA,YAAAqB,aAAA,CAAClB,YAAA,CAAA4B,IAAI;IAACC,aAAa,EAAE,CAAE;IAACT,KAAK,EAAE,CAACC,MAAM,CAACN,UAAU,EAAEA,UAAU,CAAE;IAAAQ,MAAA,EAAArB,KAAA;IAAAsB,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5DpB,MAAM,GAAGD,cAAc,GAAMA,cAAc,SAAMC,MAC9C,CACF,CAAC;AAEX,CAAC;AAACuB,OAAA,CAAA1B,yBAAA,GAAAA,yBAAA;AAEF,IAAMiB,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BlB,eAAe,EAAE;IACfmB,UAAU,EAAE,QAAQ;IACpBC,YAAY,EAAE,CAAC;IACfC,UAAU,EAAE,CAAC;IACbC,cAAc,EAAE;EAClB,CAAC;EACDrB,UAAU,EAAE;IACVsB,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC"}
package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js CHANGED
@@ -48,7 +48,7 @@ var styles = _reactNative.StyleSheet.create({
48
48
  }
49
49
  });
50
50
  var ImageGalleryHeader = function ImageGalleryHeader(props) {
51
- var _photo$user;
51
+ var _photo$user, _photo$user2;
52
52
  var centerElement = props.centerElement,
53
53
  CloseIcon = props.CloseIcon,
54
54
  leftElement = props.leftElement,
@@ -184,7 +184,7 @@ var ImageGalleryHeader = function ImageGalleryHeader(props) {
184
184
  lineNumber: 180,
185
185
  columnNumber: 15
186
186
  }
187
- }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
187
+ }, (photo == null ? void 0 : (_photo$user = photo.user) == null ? void 0 : _photo$user.name) || (photo == null ? void 0 : (_photo$user2 = photo.user) == null ? void 0 : _photo$user2.id) || t('Unknown User')), date && _react["default"].createElement(_reactNative.Text, {
188
188
  style: [styles.date, {
189
189
  color: black
190
190
  }, dateText],
package/lib/module/components/ImageGallery/components/ImageGalleryHeader.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_OverlayContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","_photo$user","centerElement","CloseIcon","leftElement","photo","rightElement","visible","_useState","useState","_useState2","_slicedToArray2","setHeight","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","header","container","dateText","usernameText","_useTranslationContex","useTranslationContext","t","tDateTimeParser","_useOverlayContext","useOverlayContext","setOverlay","translucentStatusBar","parsedDate","created_at","getDateObject","isDayOrMoment","calendar","fromNow","headerStyle","useAnimatedStyle","value","transform","translateY","interpolate","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","createElement","View","onLayout","event","nativeEvent","layout","pointerEvents","__self","__source","fileName","lineNumber","columnNumber","style","backgroundColor","TouchableOpacity","accessibilityLabel","onPress","Close","Text","color","user","name","exports","displayName"],"sources":["ImageGalleryHeader.tsx"],"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 accessibilityLabel='Hide Overlay' 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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAAuC,IAAAO,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAKvC,IAAMW,sBAAsB,GAAGC,iCAAQ,CAACC,uBAAuB,GAC3DD,iCAAQ,CAACC,uBAAuB,CAACC,yBAAY,CAAC,GAC9CA,yBAAY;AAEhB,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,cAAc,EAAE;IACdC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbV,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBU,UAAU,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAE,CAAC;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRZ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AA4BK,IAAMY,kBAAkB,GAAG,SAArBA,kBAAkBA,CAG7BC,KAAgC,EAC7B;EAAA,IAAAC,WAAA;EACH,IAAQC,aAAa,GAAoEF,KAAK,CAAtFE,aAAa;IAAEC,SAAS,GAAyDH,KAAK,CAAvEG,SAAS;IAAEC,WAAW,GAA4CJ,KAAK,CAA5DI,WAAW;IAAEf,OAAO,GAAmCW,KAAK,CAA/CX,OAAO;IAAEgB,KAAK,GAA4BL,KAAK,CAAtCK,KAAK;IAAEC,YAAY,GAAcN,KAAK,CAA/BM,YAAY;IAAEC,OAAO,GAAKP,KAAK,CAAjBO,OAAO;EACpF,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,GAAG,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAlChB,MAAM,GAAAkB,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAAG,SAAA,GAeI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAdZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CACtBO,YAAY,CACVC,MAAM;IACJ1C,eAAe,GAAAwC,qBAAA,CAAfxC,eAAe;IACf2C,SAAS,GAAAH,qBAAA,CAATG,SAAS;IACTC,QAAQ,GAAAJ,qBAAA,CAARI,QAAQ;IACRnC,cAAc,GAAA+B,qBAAA,CAAd/B,cAAc;IACdG,aAAa,GAAA4B,qBAAA,CAAb5B,aAAa;IACbE,cAAc,GAAA0B,qBAAA,CAAd1B,cAAc;IACd+B,YAAY,GAAAL,qBAAA,CAAZK,YAAY;EAKpB,IAAAC,qBAAA,GAA+B,IAAAC,yCAAqB,EAAC,CAAC;IAA9CC,CAAC,GAAAF,qBAAA,CAADE,CAAC;IAAEC,eAAe,GAAAH,qBAAA,CAAfG,eAAe;EAC1B,IAAAC,kBAAA,GAA6C,IAAAC,iCAAiB,EAAC,CAAC;IAAxDC,UAAU,GAAAF,kBAAA,CAAVE,UAAU;IAAEC,oBAAoB,GAAAH,kBAAA,CAApBG,oBAAoB;EAExC,IAAMC,UAAU,GAAG9B,KAAK,GAAGyB,eAAe,CAACzB,KAAK,oBAALA,KAAK,CAAE+B,UAAU,CAAC,GAAG,IAAI;EASpE,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIpD,IAAkC,EAAK;IAC5D,IAAIA,IAAI,KAAK,IAAI,IAAI,CAAC,IAAAqD,iCAAa,EAACrD,IAAI,CAAC,EAAE;MACzC,OAAO,IAAI;IACb;IAEA,IAAIA,IAAI,CAACsD,QAAQ,EAAE;MACjB,OAAOtD,IAAI,CAACsD,QAAQ,CAAC,CAAC;IACxB;IAEA,IAAItD,IAAI,CAACuD,OAAO,EAAE;MAChB,OAAOvD,IAAI,CAACuD,OAAO,CAAC,CAAC;IACvB;IAEA,OAAO,IAAI;EACb,CAAC;EAED,IAAMvD,IAAI,GAAGoD,aAAa,CAACF,UAAU,CAAC;EAEtC,IAAMM,WAAW,GAAG,IAAAC,uCAAgB,EAAY;IAAA,OAAO;MACrDrD,OAAO,EAAEA,OAAO,CAACsD,KAAK;MACtBC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE,IAAAC,kCAAW,EAACvC,OAAO,CAACoC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACnD,MAAM,EAAE,CAAC,CAAC,EAAEuD,kCAAW,CAACC,KAAK;MAChF,CAAC;IAEL,CAAC;EAAA,CAAC,CAAC;EAEH,IAAMC,6BAA6B,GAAG;IACpCC,UAAU,EACRC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAIlB,oBAAoB,GAAGmB,sBAAS,CAACC,aAAa,GAAGC;EAClF,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBvB,UAAU,CAAC,MAAM,CAAC;EACpB,CAAC;EAED,OACE5F,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAkH,IAAI;IACHC,QAAQ,EAAE,SAAAA,SAACC,KAAK;MAAA,OAAKhD,SAAS,CAACgD,KAAK,CAACC,WAAW,CAACC,MAAM,CAACtE,MAAM,CAAC;IAAA,CAAC;IAChEuE,aAAa,EAAE,UAAW;IAAAC,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1B/H,MAAA,YAAAoH,aAAA,CAACnF,sBAAsB;IACrB+F,KAAK,EAAE,CAAC;MAAEC,eAAe,EAAElD;IAAM,CAAC,EAAE6B,6BAA6B,EAAEzB,SAAS,EAAEiB,WAAW,CAAE;IAAAuB,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3F/H,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAkH,IAAI;IAACW,KAAK,EAAE,CAAC3F,MAAM,CAACY,cAAc,EAAEA,cAAc,CAAE;IAAA0E,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClDhE,WAAW,GACVA,WAAW,CAAC;IAAEoD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAEnChE,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAA+H,gBAAgB;IAACC,kBAAkB,EAAC,cAAc;IAACC,OAAO,EAAEjB,WAAY;IAAAQ,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvE/H,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAkH,IAAI;IAACW,KAAK,EAAE,CAAC3F,MAAM,CAACe,aAAa,EAAEA,aAAa,CAAE;IAAAuE,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDjE,SAAS,GAAGA,SAAS,GAAG9D,MAAA,YAAAoH,aAAA,CAAC5G,MAAA,CAAA6H,KAAK;IAAAV,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CACU,CACnB,EACAlE,aAAa,GACZA,aAAa,CAAC;IAAEsD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAErChE,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAkH,IAAI;IAACW,KAAK,EAAE,CAAC3F,MAAM,CAACG,eAAe,EAAEA,eAAe,CAAE;IAAAmF,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrD/H,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAmI,IAAI;IAACN,KAAK,EAAE,CAAC3F,MAAM,CAACoB,QAAQ,EAAE;MAAE8E,KAAK,EAAEzD;IAAM,CAAC,EAAEO,YAAY,CAAE;IAAAsC,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5D,CAAA/D,KAAK,qBAAAJ,WAAA,GAALI,KAAK,CAAEwE,IAAI,qBAAX5E,WAAA,CAAa6E,IAAI,KAAIjD,CAAC,CAAC,cAAc,CAClC,CAAC,EACN5C,IAAI,IAAI5C,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAmI,IAAI;IAACN,KAAK,EAAE,CAAC3F,MAAM,CAACO,IAAI,EAAE;MAAE2F,KAAK,EAAEzD;IAAM,CAAC,EAAEM,QAAQ,CAAE;IAAAuC,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEnF,IAAW,CACzE,CACP,EACAqB,YAAY,GACXA,YAAY,CAAC;IAAEkD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAEpChE,MAAA,YAAAoH,aAAA,CAACjH,YAAA,CAAAkH,IAAI;IAACW,KAAK,EAAE,CAAC3F,MAAM,CAACiB,cAAc,EAAEA,cAAc,CAAE;IAAAqE,MAAA,EAAAlH,KAAA;IAAAmH,QAAA;MAAAC,QAAA,EAAAnH,YAAA;MAAAoH,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAErD,CACgB,CACpB,CAAC;AAEX,CAAC;AAACW,OAAA,CAAAhF,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAACiF,WAAW,GAAG,0CAA0C"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_OverlayContext","_ThemeContext","_TranslationContext","_icons","_this","_jsxFileName","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","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","_photo$user","_photo$user2","centerElement","CloseIcon","leftElement","photo","rightElement","visible","_useState","useState","_useState2","_slicedToArray2","setHeight","_useTheme","useTheme","_useTheme$theme","theme","_useTheme$theme$color","colors","black","white","_useTheme$theme$image","imageGallery","header","container","dateText","usernameText","_useTranslationContex","useTranslationContext","t","tDateTimeParser","_useOverlayContext","useOverlayContext","setOverlay","translucentStatusBar","parsedDate","created_at","getDateObject","isDayOrMoment","calendar","fromNow","headerStyle","useAnimatedStyle","value","transform","translateY","interpolate","Extrapolate","CLAMP","androidTranslucentHeaderStyle","paddingTop","Platform","OS","StatusBar","currentHeight","undefined","hideOverlay","createElement","View","onLayout","event","nativeEvent","layout","pointerEvents","__self","__source","fileName","lineNumber","columnNumber","style","backgroundColor","TouchableOpacity","accessibilityLabel","onPress","Close","Text","color","user","name","id","exports","displayName"],"sources":["ImageGalleryHeader.tsx"],"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 accessibilityLabel='Hide Overlay' 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 || photo?.user?.id || 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"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAUA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAEA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAKA,IAAAM,MAAA,GAAAN,OAAA;AAAuC,IAAAO,KAAA;EAAAC,YAAA;AAAA,SAAAC,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAX,wBAAAe,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAKvC,IAAMW,sBAAsB,GAAGC,iCAAQ,CAACC,uBAAuB,GAC3DD,iCAAQ,CAACC,uBAAuB,CAACC,yBAAY,CAAC,GAC9CA,yBAAY;AAEhB,IAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,eAAe,EAAE;IACfC,UAAU,EAAE,QAAQ;IACpBC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX,CAAC;EACDC,cAAc,EAAE;IACdC,aAAa,EAAE,KAAK;IACpBC,MAAM,EAAE;EACV,CAAC;EACDC,aAAa,EAAE;IACbV,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBU,UAAU,EAAE;EACd,CAAC;EACDC,cAAc,EAAE;IACdC,WAAW,EAAE,CAAC;IACdC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRZ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AA4BK,IAAMY,kBAAkB,GAAG,SAArBA,kBAAkBA,CAG7BC,KAAgC,EAC7B;EAAA,IAAAC,WAAA,EAAAC,YAAA;EACH,IAAQC,aAAa,GAAoEH,KAAK,CAAtFG,aAAa;IAAEC,SAAS,GAAyDJ,KAAK,CAAvEI,SAAS;IAAEC,WAAW,GAA4CL,KAAK,CAA5DK,WAAW;IAAEhB,OAAO,GAAmCW,KAAK,CAA/CX,OAAO;IAAEiB,KAAK,GAA4BN,KAAK,CAAtCM,KAAK;IAAEC,YAAY,GAAcP,KAAK,CAA/BO,YAAY;IAAEC,OAAO,GAAKR,KAAK,CAAjBQ,OAAO;EACpF,IAAAC,SAAA,GAA4B,IAAAC,eAAQ,EAAC,GAAG,CAAC;IAAAC,UAAA,OAAAC,eAAA,aAAAH,SAAA;IAAlCjB,MAAM,GAAAmB,UAAA;IAAEE,SAAS,GAAAF,UAAA;EACxB,IAAAG,SAAA,GAeI,IAAAC,sBAAQ,EAAC,CAAC;IAAAC,eAAA,GAAAF,SAAA,CAdZG,KAAK;IAAAC,qBAAA,GAAAF,eAAA,CACHG,MAAM;IAAIC,KAAK,GAAAF,qBAAA,CAALE,KAAK;IAAEC,KAAK,GAAAH,qBAAA,CAALG,KAAK;IAAAC,qBAAA,GAAAN,eAAA,CACtBO,YAAY,CACVC,MAAM;IACJ3C,eAAe,GAAAyC,qBAAA,CAAfzC,eAAe;IACf4C,SAAS,GAAAH,qBAAA,CAATG,SAAS;IACTC,QAAQ,GAAAJ,qBAAA,CAARI,QAAQ;IACRpC,cAAc,GAAAgC,qBAAA,CAAdhC,cAAc;IACdG,aAAa,GAAA6B,qBAAA,CAAb7B,aAAa;IACbE,cAAc,GAAA2B,qBAAA,CAAd3B,cAAc;IACdgC,YAAY,GAAAL,qBAAA,CAAZK,YAAY;EAKpB,IAAAC,qBAAA,GAA+B,IAAAC,yCAAqB,EAAC,CAAC;IAA9CC,CAAC,GAAAF,qBAAA,CAADE,CAAC;IAAEC,eAAe,GAAAH,qBAAA,CAAfG,eAAe;EAC1B,IAAAC,kBAAA,GAA6C,IAAAC,iCAAiB,EAAC,CAAC;IAAxDC,UAAU,GAAAF,kBAAA,CAAVE,UAAU;IAAEC,oBAAoB,GAAAH,kBAAA,CAApBG,oBAAoB;EAExC,IAAMC,UAAU,GAAG9B,KAAK,GAAGyB,eAAe,CAACzB,KAAK,oBAALA,KAAK,CAAE+B,UAAU,CAAC,GAAG,IAAI;EASpE,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIrD,IAAkC,EAAK;IAC5D,IAAIA,IAAI,KAAK,IAAI,IAAI,CAAC,IAAAsD,iCAAa,EAACtD,IAAI,CAAC,EAAE;MACzC,OAAO,IAAI;IACb;IAEA,IAAIA,IAAI,CAACuD,QAAQ,EAAE;MACjB,OAAOvD,IAAI,CAACuD,QAAQ,CAAC,CAAC;IACxB;IAEA,IAAIvD,IAAI,CAACwD,OAAO,EAAE;MAChB,OAAOxD,IAAI,CAACwD,OAAO,CAAC,CAAC;IACvB;IAEA,OAAO,IAAI;EACb,CAAC;EAED,IAAMxD,IAAI,GAAGqD,aAAa,CAACF,UAAU,CAAC;EAEtC,IAAMM,WAAW,GAAG,IAAAC,uCAAgB,EAAY;IAAA,OAAO;MACrDtD,OAAO,EAAEA,OAAO,CAACuD,KAAK;MACtBC,SAAS,EAAE,CACT;QACEC,UAAU,EAAE,IAAAC,kCAAW,EAACvC,OAAO,CAACoC,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAACpD,MAAM,EAAE,CAAC,CAAC,EAAEwD,kCAAW,CAACC,KAAK;MAChF,CAAC;IAEL,CAAC;EAAA,CAAC,CAAC;EAEH,IAAMC,6BAA6B,GAAG;IACpCC,UAAU,EACRC,qBAAQ,CAACC,EAAE,KAAK,SAAS,IAAIlB,oBAAoB,GAAGmB,sBAAS,CAACC,aAAa,GAAGC;EAClF,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxBvB,UAAU,CAAC,MAAM,CAAC;EACpB,CAAC;EAED,OACE7F,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAmH,IAAI;IACHC,QAAQ,EAAE,SAAAA,SAACC,KAAK;MAAA,OAAKhD,SAAS,CAACgD,KAAK,CAACC,WAAW,CAACC,MAAM,CAACvE,MAAM,CAAC;IAAA,CAAC;IAChEwE,aAAa,EAAE,UAAW;IAAAC,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1BhI,MAAA,YAAAqH,aAAA,CAACpF,sBAAsB;IACrBgG,KAAK,EAAE,CAAC;MAAEC,eAAe,EAAElD;IAAM,CAAC,EAAE6B,6BAA6B,EAAEzB,SAAS,EAAEiB,WAAW,CAAE;IAAAuB,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE3FhI,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAmH,IAAI;IAACW,KAAK,EAAE,CAAC5F,MAAM,CAACY,cAAc,EAAEA,cAAc,CAAE;IAAA2E,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAClDhE,WAAW,GACVA,WAAW,CAAC;IAAEoD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAEnCjE,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAgI,gBAAgB;IAACC,kBAAkB,EAAC,cAAc;IAACC,OAAO,EAAEjB,WAAY;IAAAQ,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GACvEhI,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAmH,IAAI;IAACW,KAAK,EAAE,CAAC5F,MAAM,CAACe,aAAa,EAAEA,aAAa,CAAE;IAAAwE,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChDjE,SAAS,GAAGA,SAAS,GAAG/D,MAAA,YAAAqH,aAAA,CAAC7G,MAAA,CAAA8H,KAAK;IAAAV,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC7B,CACU,CACnB,EACAlE,aAAa,GACZA,aAAa,CAAC;IAAEsD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAErCjE,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAmH,IAAI;IAACW,KAAK,EAAE,CAAC5F,MAAM,CAACG,eAAe,EAAEA,eAAe,CAAE;IAAAoF,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrDhI,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAoI,IAAI;IAACN,KAAK,EAAE,CAAC5F,MAAM,CAACoB,QAAQ,EAAE;MAAE+E,KAAK,EAAEzD;IAAM,CAAC,EAAEO,YAAY,CAAE;IAAAsC,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC5D,CAAA/D,KAAK,qBAAAL,WAAA,GAALK,KAAK,CAAEwE,IAAI,qBAAX7E,WAAA,CAAa8E,IAAI,MAAIzE,KAAK,qBAAAJ,YAAA,GAALI,KAAK,CAAEwE,IAAI,qBAAX5E,YAAA,CAAa8E,EAAE,KAAIlD,CAAC,CAAC,cAAc,CACrD,CAAC,EACN7C,IAAI,IAAI5C,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAoI,IAAI;IAACN,KAAK,EAAE,CAAC5F,MAAM,CAACO,IAAI,EAAE;MAAE4F,KAAK,EAAEzD;IAAM,CAAC,EAAEM,QAAQ,CAAE;IAAAuC,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEpF,IAAW,CACzE,CACP,EACAsB,YAAY,GACXA,YAAY,CAAC;IAAEkD,WAAW,EAAXA,WAAW;IAAEnD,KAAK,EAALA;EAAM,CAAC,CAAC,GAEpCjE,MAAA,YAAAqH,aAAA,CAAClH,YAAA,CAAAmH,IAAI;IAACW,KAAK,EAAE,CAAC5F,MAAM,CAACiB,cAAc,EAAEA,cAAc,CAAE;IAAAsE,MAAA,EAAAnH,KAAA;IAAAoH,QAAA;MAAAC,QAAA,EAAApH,YAAA;MAAAqH,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAErD,CACgB,CACpB,CAAC;AAEX,CAAC;AAACY,OAAA,CAAAlF,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAACmF,WAAW,GAAG,0CAA0C"}
package/lib/module/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "5.15.3-beta.4"
2
+ "version": "5.15.3"
3
3
  }
package/lib/typescript/components/ChannelPreview/ChannelPreviewUnreadCount.d.ts CHANGED
@@ -5,4 +5,4 @@ export declare type ChannelPreviewUnreadCountProps<StreamChatGenerics extends De
5
5
  maxUnreadCount: number;
6
6
  unread?: number;
7
7
  };
8
- export declare const ChannelPreviewUnreadCount: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ChannelPreviewUnreadCountProps<StreamChatGenerics>) => JSX.Element;
8
+ export declare const ChannelPreviewUnreadCount: <StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics>(props: ChannelPreviewUnreadCountProps<StreamChatGenerics>) => JSX.Element | null;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "stream-chat-react-native-core",
3
3
  "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
4
- "version": "5.15.3-beta.4",
4
+ "version": "5.15.3",
5
5
  "author": {
6
6
  "company": "Stream.io Inc",
7
7
  "name": "Stream.io Inc"
package/src/components/ChannelPreview/ChannelPreviewUnreadCount.tsx CHANGED
@@ -7,22 +7,6 @@ import { useTheme } from '../../contexts/themeContext/ThemeContext';
7
7
 
8
8
  import type { DefaultStreamChatGenerics } from '../../types/types';
9
9
 
10
- const styles = StyleSheet.create({
11
- unreadContainer: {
12
- alignItems: 'center',
13
- borderRadius: 8,
14
- flexShrink: 1,
15
- justifyContent: 'center',
16
- },
17
- unreadText: {
18
- color: '#FFFFFF',
19
- fontSize: 11,
20
- fontWeight: '700',
21
- paddingHorizontal: 5,
22
- paddingVertical: 1,
23
- },
24
- });
25
-
26
10
  export type ChannelPreviewUnreadCountProps<
27
11
  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
28
12
  > = Pick<ChannelPreviewProps<StreamChatGenerics>, 'channel'> & {
@@ -43,13 +27,29 @@ export const ChannelPreviewUnreadCount = <
43
27
  },
44
28
  } = useTheme();
45
29
 
30
+ if (!unread) return null;
31
+
46
32
  return (
47
33
  <View style={[styles.unreadContainer, { backgroundColor: accent_red }, unreadContainer]}>
48
- {!!unread && (
49
- <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>
50
- {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}
51
- </Text>
52
- )}
34
+ <Text numberOfLines={1} style={[styles.unreadText, unreadText]}>
35
+ {unread > maxUnreadCount ? `${maxUnreadCount}+` : unread}
36
+ </Text>
53
37
  </View>
54
38
  );
55
39
  };
40
+
41
+ const styles = StyleSheet.create({
42
+ unreadContainer: {
43
+ alignItems: 'center',
44
+ borderRadius: 8,
45
+ flexShrink: 1,
46
+ justifyContent: 'center',
47
+ },
48
+ unreadText: {
49
+ color: '#FFFFFF',
50
+ fontSize: 11,
51
+ fontWeight: '700',
52
+ paddingHorizontal: 5,
53
+ paddingVertical: 1,
54
+ },
55
+ });
package/src/components/ImageGallery/components/ImageGalleryHeader.tsx CHANGED
@@ -178,7 +178,7 @@ export const ImageGalleryHeader = <
178
178
  ) : (
179
179
  <View style={[styles.centerContainer, centerContainer]}>
180
180
  <Text style={[styles.userName, { color: black }, usernameText]}>
181
- {photo?.user?.name || t('Unknown User')}
181
+ {photo?.user?.name || photo?.user?.id || t('Unknown User')}
182
182
  </Text>
183
183
  {date && <Text style={[styles.date, { color: black }, dateText]}>{date}</Text>}
184
184
  </View>
package/src/version.json CHANGED
@@ -1,3 +1,3 @@
1
1
  {
2
- "version": "5.15.3-beta.4"
2
+ "version": "5.15.3"
3
3
  }