npm - @messenger-box/platform-mobile - Versions diffs - 10.0.3-alpha.7 → 10.0.3-alpha.72 - Mend

@messenger-box/platform-mobile 10.0.3-alpha.7 → 10.0.3-alpha.72

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 (98) hide show

package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlackBubble.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/SlackBubble.tsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle, no-use-before-define /\nimport React from 'react';\nimport { Text, StyleSheet, TouchableOpacity, TouchableHighlight, View, Platform, Dimensions } from 'react-native';\n\nimport { MessageText, MessageImage, Time, utils } from 'react-native-gifted-chat';\nimport CachedImage from '../CachedImage';\nconst { isSameUser, isSameDay } = utils;\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nexport default class Bubble extends React.Component<any> {\n static defaultProps: {\n touchableProps: {};\n onLongPress: null;\n renderMessageImage: null;\n renderMessageText: null;\n renderCustomView: null;\n renderTime: null;\n currentMessage: { text: null; createdAt: null; image: null };\n nextMessage: {};\n previousMessage: {};\n containerStyle: {};\n wrapperStyle: {};\n tickStyle: {};\n containerToNextStyle: {};\n containerToPreviousStyle: {};\n isShowImageViewer: false;\n setImageViewer: (obj: any, v: boolean) => void;\n };\n static propTypes: any;\n constructor(props: any) {\n super(props);\n }\n\n renderMessageText() {\n if (this.props.currentMessage.text) {\n const { containerStyle, wrapperStyle, messageTextStyle, ...messageTextProps } = this.props;\n if (this.props.renderMessageText) {\n return this.props.renderMessageText(messageTextProps);\n }\n return (\n <MessageText\n {...messageTextProps}\n textStyle={{\n left: [\n styles.standardFont,\n styles.slackMessageText,\n messageTextProps.textStyle,\n messageTextStyle,\n ],\n }}\n />\n );\n }\n return null;\n }\n\n renderMessageImage() {\n if (this.props.currentMessage.image) {\n const { containerStyle, wrapperStyle, ...messageImageProps } = this.props;\n if (this.props.renderMessageImage) {\n return this.props.renderMessageImage(messageImageProps);\n }\n const { image, _id } = messageImageProps?.currentMessage;\n\n return (\n <TouchableHighlight\n // underlayColor={'#c0c0c0'}\n underlayColor={'transparent'}\n style={{ width: '100%' }}\n onPress={() => this.props.setImageViewer(messageImageProps?.currentMessage, true)}\n >\n <View\n style={{\n width: windowWidth - (windowWidth - 150),\n height: windowHeight - (windowHeight - 100),\n }}\n >\n {/ <MessageImage\n {...messageImageProps}\n imageStyle={[styles.slackImage, messageImageProps.imageStyle]}\n /> /}\n <CachedImage\n style={[styles.slackImage, { width: '100%', height: '100%' }]}\n cacheKey={`${_id}-slack-bubble-imageKey`}\n source={{\n uri: image,\n //headers: `Authorization: Bearer ${token}`,\n expiresIn: 86400,\n }}\n resizeMode={'cover'}\n alt={'image'}\n />\n </View>\n </TouchableHighlight>\n );\n }\n return null;\n }\n\n renderTicks() {\n const { currentMessage } = this.props;\n if (this.props.renderTicks) {\n return this.props.renderTicks(currentMessage);\n }\n if (currentMessage.user._id !== this.props.user._id) {\n return null;\n }\n if (currentMessage.sent \|\| currentMessage.received) {\n return (\n <View style={[styles.headerItem, styles.tickView]}>\n {currentMessage.sent && (\n <Text style={[styles.standardFont, styles.tick, this.props.tickStyle]}>✓</Text>\n )}\n {currentMessage.received && (\n <Text style={[styles.standardFont, styles.tick, this.props.tickStyle]}>✓</Text>\n )}\n </View>\n );\n }\n return null;\n }\n\n renderUsername() {\n const username = this.props.currentMessage.user.name;\n if (username) {\n const { containerStyle, wrapperStyle, ...usernameProps } = this.props;\n if (this.props.renderUsername) {\n return this.props.renderUsername(usernameProps);\n }\n return (\n <Text style={[styles.standardFont, styles.headerItem, styles.username, this.props.usernameStyle]}>\n {username}\n </Text>\n );\n }\n return null;\n }\n\n renderTime() {\n if (this.props.currentMessage.createdAt) {\n const { containerStyle, wrapperStyle, ...timeProps }: any = this.props;\n if (this.props.renderTime) {\n return this.props.renderTime(timeProps);\n }\n return (\n <Time\n {...timeProps}\n containerStyle={{ left: [styles.timeContainer] }}\n textStyle={{\n left: [styles.standardFont, styles.headerItem, styles.time, timeProps.textStyle],\n }}\n />\n );\n }\n return null;\n }\n\n renderCustomView() {\n if (this.props.renderCustomView) {\n return this.props.renderCustomView(this.props);\n }\n return null;\n }\n\n render() {\n const isSameThread =\n isSameUser(this.props.currentMessage, this.props.previousMessage) &&\n isSameDay(this.props.currentMessage, this.props.previousMessage);\n\n const messageHeader = isSameThread ? null : (\n <View style={styles.headerView}>\n {this.renderUsername()}\n {this.renderTime()}\n {this.renderTicks()}\n </View>\n );\n\n return (\n <View style={[styles.container, this.props.containerStyle]}>\n <TouchableHighlight\n style={{ width: '100%' }}\n // underlayColor={'#c0c0c0'}\n underlayColor={'transparent'}\n disabled={true}\n accessibilityTraits=\"text\"\n {...this.props.touchableProps}\n >\n <View style={[styles.wrapper, this.props.wrapperStyle]}>\n <View>\n {this.renderCustomView()}\n {messageHeader}\n {this.renderMessageImage()}\n {this.renderMessageText()}\n </View>\n </View>\n </TouchableHighlight>\n </View>\n );\n }\n}\n\n// Note: Everything is forced to be \"left\" positioned with this component.\n// The \"right\" position is only used in the default Bubble.\nconst styles = StyleSheet.create({\n standardFont: {\n fontSize: 15,\n },\n slackMessageText: {\n marginLeft: 0,\n marginRight: 0,\n },\n container: {\n flex: 1,\n alignItems: 'flex-start',\n },\n wrapper: {\n marginRight: 60,\n minHeight: 20,\n justifyContent: 'flex-start',\n },\n username: {\n fontWeight: 'bold',\n top: 0,\n paddingTop: 0,\n marginTop: 0,\n },\n time: {\n textAlign: 'left',\n fontSize: 12,\n },\n timeContainer: {\n marginLeft: 0,\n marginRight: 0,\n marginBottom: 0,\n },\n headerItem: {\n marginRight: 10,\n },\n headerView: {\n // Try to align it better with the avatar on Android.\n marginTop: Platform.OS === 'android' ? -2 : 0,\n flexDirection: 'row',\n alignItems: 'baseline',\n },\n / eslint-disable react-native/no-color-literals /\n tick: {\n backgroundColor: 'transparent',\n color: 'white',\n },\n / eslint-enable react-native/no-color-literals */\n tickView: {\n flexDirection: 'row',\n },\n slackImage: {\n borderRadius: 3,\n marginLeft: 8,\n marginRight: 0,\n },\n});\n\n// Bubble.contextTypes = {\n// actionSheet: PropTypes.func,\n// };\n\nBubble.defaultProps = {\n touchableProps: {},\n onLongPress: null,\n renderMessageImage: null,\n renderMessageText: null,\n renderCustomView: null,\n renderTime: null,\n currentMessage: {\n text: null,\n createdAt: null,\n image: null,\n },\n nextMessage: {},\n previousMessage: {},\n containerStyle: {},\n wrapperStyle: {},\n tickStyle: {},\n containerToNextStyle: {},\n containerToPreviousStyle: {},\n isShowImageViewer: false,\n setImageViewer: (obj: any, v: boolean) => null,\n};\n"],"names":["React"],"mappings":"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"}
1	+ {"version":3,"file":"SlackBubble.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/SlackBubble.tsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle, no-use-before-define /\nimport React from 'react';\nimport { Text, StyleSheet, TouchableOpacity, TouchableHighlight, View, Platform, Dimensions } from 'react-native';\n\nimport { MessageText, MessageImage, Time, utils } from 'react-native-gifted-chat';\nimport CachedImage from '../CachedImage';\nconst { isSameUser, isSameDay } = utils;\nconst windowWidth = Dimensions.get('window').width;\nconst windowHeight = Dimensions.get('window').height;\n\nexport default class Bubble extends React.Component<any> {\n static defaultProps: {\n touchableProps: {};\n onLongPress: null;\n renderMessageImage: null;\n renderMessageText: null;\n renderCustomView: null;\n renderTime: null;\n currentMessage: { text: null; createdAt: null; image: null };\n nextMessage: {};\n previousMessage: {};\n containerStyle: {};\n wrapperStyle: {};\n tickStyle: {};\n containerToNextStyle: {};\n containerToPreviousStyle: {};\n isShowImageViewer: false;\n setImageViewer: (obj: any, v: boolean) => void;\n };\n static propTypes: any;\n constructor(props: any) {\n super(props);\n }\n\n renderMessageText() {\n if (this.props.currentMessage.text) {\n const { containerStyle, wrapperStyle, messageTextStyle, ...messageTextProps } = this.props;\n if (this.props.renderMessageText) {\n return this.props.renderMessageText(messageTextProps);\n }\n return (\n <MessageText\n {...messageTextProps}\n textStyle={{\n left: [\n styles.standardFont,\n styles.slackMessageText,\n messageTextProps.textStyle,\n messageTextStyle,\n ],\n }}\n />\n );\n }\n return null;\n }\n\n renderMessageImage() {\n const { currentMessage, containerStyle, wrapperStyle, ...messageImageProps } = this.props;\n\n // Check if we have multiple images\n if (currentMessage.images && Array.isArray(currentMessage.images) && currentMessage.images.length > 0) {\n // Filter out any invalid or empty image URLs first\n const validImages = currentMessage.images.filter((url) => url && typeof url === 'string');\n\n // If no valid images after filtering, don't render anything\n if (validImages.length === 0) {\n return null;\n }\n\n // Render multiple images in a scrollable horizontal row\n return (\n <View style={{ marginVertical: 0 }}>\n <View\n style={{\n flexDirection: 'row',\n flexWrap: 'wrap',\n gap: 8,\n }}\n >\n {validImages.map((imageUrl, index) => {\n // Check if this is a local image\n const isLocalImage =\n imageUrl.startsWith('file:') \|\|\n imageUrl.startsWith('data:') \|\|\n imageUrl.startsWith('content:') \|\|\n (!imageUrl.startsWith('http://') && !imageUrl.startsWith('https://'));\n\n const imageSize =\n validImages.length === 1\n ? { width: windowWidth 0.6, height: windowWidth * 0.4 }\n : { width: windowWidth * 0.3, height: windowWidth * 0.3 };\n\n // Show upload indicator if this message is uploading\n const isUploading = currentMessage.isUploading;\n\n return (\n <TouchableHighlight\n key={`image-${index}-${currentMessage._id}`}\n underlayColor={'transparent'}\n onPress={() => {\n // Don't allow viewing while uploading\n if (isUploading) return;\n\n // Create a message-like object with this image for the viewer\n const imageObject = {\n _id: `${currentMessage._id}-img-${index}`,\n image: imageUrl,\n };\n this.props.setImageViewer(imageObject, true);\n }}\n >\n <View\n style={{\n ...imageSize,\n maxHeight: 200,\n borderRadius: 8,\n overflow: 'hidden',\n borderWidth: 1,\n borderColor: '#e0e0e0',\n backgroundColor: '#f7f7f7',\n }}\n >\n {isLocalImage ? (\n // For local images, use direct Image component with no loading state\n <View style={{ width: '100%', height: '100%' }}>\n <MessageImage\n {...messageImageProps}\n currentMessage={{ ...currentMessage, image: imageUrl }}\n imageStyle={{\n width: '100%',\n height: '100%',\n borderRadius: 8,\n }}\n />\n\n {/* Show upload indicator if needed /}\n {isUploading && (\n <View\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(0,0,0,0.2)',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Text style={{ color: 'white', fontWeight: 'bold' }}>\n Uploading...\n </Text>\n </View>\n )}\n </View>\n ) : (\n // For remote images, use CachedImage with loading placeholder\n <CachedImage\n style={[styles.slackImage, { width: '100%', height: '100%' }]}\n cacheKey={`${currentMessage._id}-img-${index}-slack-bubble-imageKey`}\n source={{\n uri: imageUrl,\n expiresIn: 86400,\n }}\n resizeMode={'cover'}\n alt={'image'}\n placeholderContent={\n <View\n style={[\n styles.slackImage,\n {\n width: '100%',\n height: '100%',\n backgroundColor: '#e1e1e1',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: 8,\n },\n ]}\n >\n <Text>{isUploading ? 'Uploading...' : 'Loading...'}</Text>\n </View>\n }\n />\n )}\n </View>\n </TouchableHighlight>\n );\n })}\n </View>\n </View>\n );\n }\n\n // Fall back to single image rendering if no images array\n if (currentMessage.image) {\n if (this.props.renderMessageImage) {\n return this.props.renderMessageImage(messageImageProps);\n }\n const { image, _id } = currentMessage;\n\n // Add validation for image URL\n if (!image \|\| typeof image !== 'string') {\n return null;\n }\n\n // Check if this is a local image (from device camera/library)\n const isLocalImage =\n image.startsWith('file:') \|\|\n image.startsWith('data:') \|\|\n image.startsWith('content:') \|\|\n // Check if the image is a pendingUpload by checking if it doesn't start with http/https\n (!image.startsWith('http://') && !image.startsWith('https://'));\n\n // Check uploading state\n const isUploading = currentMessage.isUploading;\n\n // Class components can't use hooks like useMemo\n // Directly render the CachedImage instead\n return (\n <TouchableHighlight\n underlayColor={'transparent'}\n style={{ width: '100%', marginVertical: 0 }}\n onPress={() => {\n // Don't allow viewing while uploading\n if (isUploading) return;\n this.props.setImageViewer(currentMessage, true);\n }}\n >\n <View\n style={{\n width: windowWidth 0.6, // 60% of screen width\n height: windowWidth * 0.4, // Maintain aspect ratio\n maxHeight: 200,\n borderRadius: 8,\n overflow: 'hidden',\n borderWidth: 1,\n borderColor: '#e0e0e0',\n backgroundColor: '#f7f7f7',\n }}\n >\n {isLocalImage ? (\n // For local images, use direct Image component with no loading state\n <View style={{ width: '100%', height: '100%', position: 'relative' }}>\n <MessageImage\n {...messageImageProps}\n imageStyle={{\n width: '100%',\n height: '100%',\n borderRadius: 8,\n }}\n />\n\n {/* Show upload indicator if needed /}\n {isUploading && (\n <View\n style={{\n position: 'absolute',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n backgroundColor: 'rgba(0,0,0,0.2)',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Text style={{ color: 'white', fontWeight: 'bold' }}>Uploading...</Text>\n </View>\n )}\n </View>\n ) : (\n // For remote images, use CachedImage with loading placeholder\n <CachedImage\n style={[styles.slackImage, { width: '100%', height: '100%' }]}\n cacheKey={`${_id}-slack-bubble-imageKey`}\n source={{\n uri: image,\n expiresIn: 86400,\n }}\n resizeMode={'cover'}\n alt={'image'}\n placeholderContent={\n <View\n style={[\n styles.slackImage,\n {\n width: '100%',\n height: '100%',\n backgroundColor: '#e1e1e1',\n justifyContent: 'center',\n alignItems: 'center',\n borderRadius: 8,\n },\n ]}\n >\n <Text>{isUploading ? 'Uploading...' : 'Loading...'}</Text>\n </View>\n }\n />\n )}\n </View>\n </TouchableHighlight>\n );\n }\n\n return null;\n }\n\n renderTicks() {\n const { currentMessage } = this.props;\n if (this.props.renderTicks) {\n return this.props.renderTicks(currentMessage);\n }\n if (currentMessage.user._id !== this.props.user._id) {\n return null;\n }\n if (currentMessage.sent \|\| currentMessage.received) {\n return (\n <View style={[styles.headerItem, styles.tickView]}>\n {currentMessage.sent && (\n <Text style={[styles.standardFont, styles.tick, this.props.tickStyle]}>✓</Text>\n )}\n {currentMessage.received && (\n <Text style={[styles.standardFont, styles.tick, this.props.tickStyle]}>✓</Text>\n )}\n </View>\n );\n }\n return null;\n }\n\n renderUsername() {\n const username = this.props.currentMessage.user.name;\n if (username) {\n const { containerStyle, wrapperStyle, ...usernameProps } = this.props;\n if (this.props.renderUsername) {\n return this.props.renderUsername(usernameProps);\n }\n return (\n <Text style={[styles.standardFont, styles.headerItem, styles.username, this.props.usernameStyle]}>\n {username}\n </Text>\n );\n }\n return null;\n }\n\n renderTime() {\n if (this.props.currentMessage.createdAt) {\n const { containerStyle, wrapperStyle, ...timeProps }: any = this.props;\n if (this.props.renderTime) {\n return this.props.renderTime(timeProps);\n }\n return (\n <Time\n {...timeProps}\n containerStyle={{ left: [styles.timeContainer] }}\n textStyle={{\n left: [styles.standardFont, styles.headerItem, styles.time, timeProps.textStyle],\n }}\n />\n );\n }\n return null;\n }\n\n renderCustomView() {\n if (this.props.renderCustomView) {\n return this.props.renderCustomView(this.props);\n }\n return null;\n }\n\n render() {\n const isSameThread =\n isSameUser(this.props.currentMessage, this.props.previousMessage) &&\n isSameDay(this.props.currentMessage, this.props.previousMessage);\n\n const messageHeader = isSameThread ? null : (\n <View style={styles.headerView}>\n {this.renderUsername()}\n {this.renderTime()}\n {this.renderTicks()}\n </View>\n );\n\n return (\n <View style={[styles.container, this.props.containerStyle]}>\n <TouchableHighlight\n style={{ width: '100%' }}\n // underlayColor={'#c0c0c0'}\n underlayColor={'transparent'}\n disabled={true}\n accessibilityTraits=\"text\"\n {...this.props.touchableProps}\n >\n <View style={[styles.wrapper, this.props.wrapperStyle]}>\n <View>\n {this.renderCustomView()}\n {messageHeader}\n {this.renderMessageImage()}\n {this.renderMessageText()}\n </View>\n </View>\n </TouchableHighlight>\n </View>\n );\n }\n}\n\n// Note: Everything is forced to be \"left\" positioned with this component.\n// The \"right\" position is only used in the default Bubble.\nconst styles = StyleSheet.create({\n standardFont: {\n fontSize: 15,\n },\n slackMessageText: {\n marginLeft: 0,\n marginRight: 0,\n },\n container: {\n flex: 1,\n alignItems: 'flex-start',\n },\n wrapper: {\n marginRight: 60,\n minHeight: 20,\n justifyContent: 'flex-start',\n },\n username: {\n fontWeight: 'bold',\n top: 0,\n paddingTop: 0,\n marginTop: 0,\n },\n time: {\n textAlign: 'left',\n fontSize: 12,\n },\n timeContainer: {\n marginLeft: 0,\n marginRight: 0,\n marginBottom: 0,\n },\n headerItem: {\n marginRight: 10,\n },\n headerView: {\n // Try to align it better with the avatar on Android.\n marginTop: Platform.OS === 'android' ? -2 : 0,\n flexDirection: 'row',\n alignItems: 'baseline',\n },\n / eslint-disable react-native/no-color-literals /\n tick: {\n backgroundColor: 'transparent',\n color: 'white',\n },\n / eslint-enable react-native/no-color-literals */\n tickView: {\n flexDirection: 'row',\n },\n slackImage: {\n borderRadius: 3,\n marginLeft: 8,\n marginRight: 0,\n },\n});\n\n// Bubble.contextTypes = {\n// actionSheet: PropTypes.func,\n// };\n\nBubble.defaultProps = {\n touchableProps: {},\n onLongPress: null,\n renderMessageImage: null,\n renderMessageText: null,\n renderCustomView: null,\n renderTime: null,\n currentMessage: {\n text: null,\n createdAt: null,\n image: null,\n },\n nextMessage: {},\n previousMessage: {},\n containerStyle: {},\n wrapperStyle: {},\n tickStyle: {},\n containerToNextStyle: {},\n containerToPreviousStyle: {},\n isShowImageViewer: false,\n setImageViewer: (obj: any, v: boolean) => null,\n};\n"],"names":["React"],"mappings":"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"}

package/lib/screens/inbox/components/SlackMessageContainer/SlackMessage.js CHANGED Viewed

@@ -29,6 +29,10 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, key + "" , value);
+  return value;
+};
 const {
   isSameUser,
   isSameDay
@@ -70,7 +74,7 @@ class Message extends React__default.Component {
       isSameUserAndSameDay = true;
     }
     const avatarProps = this.getInnerComponentProps();
-    return /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", bg: "transparent", borderRadius: "$none", marginRight: "$2" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, isSameUserAndSameDay ? "" : (_b = (_a = avatarProps == null ? void 0 : avatarProps.currentMessage) == null ? void 0 : _a.user) == null ? void 0 : _b.name[0]), !isSameUserAndSameDay && ((_d = (_c = avatarProps == null ? void 0 : avatarProps.currentMessage) == null ? void 0 : _c.user) == null ? void 0 : _d.avatar) && /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: __spreadValues(__spreadValues({}, styles.slackAvatar), avatarProps.imageStyle), source: {
+    return /* @__PURE__ */ React__default.createElement(Avatar, { size: "sm", className: "bg-transparent rounded-none mr-2" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, isSameUserAndSameDay ? "" : (_b = (_a = avatarProps == null ? void 0 : avatarProps.currentMessage) == null ? void 0 : _a.user) == null ? void 0 : _b.name[0]), !isSameUserAndSameDay && ((_d = (_c = avatarProps == null ? void 0 : avatarProps.currentMessage) == null ? void 0 : _c.user) == null ? void 0 : _d.avatar) && /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: __spreadValues(__spreadValues({}, styles.slackAvatar), avatarProps.imageStyle), source: {
       uri: (_f = (_e = avatarProps == null ? void 0 : avatarProps.currentMessage) == null ? void 0 : _e.user) == null ? void 0 : _f.avatar
     } }));
   }
@@ -81,6 +85,7 @@ class Message extends React__default.Component {
     }, this.props.containerStyle] }, this.renderAvatar(), this.renderBubble()));
   }
 }
+__publicField(Message, "defaultProps");
 const styles = StyleSheet.create({
   container: {
     flexDirection: "row",

package/lib/screens/inbox/components/SlackMessageContainer/SlackMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SlackMessage.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/SlackMessage.tsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle, no-use-before-define */\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { View, StyleSheet } from 'react-native';\n\nimport { Day, utils } from 'react-native-gifted-chat';\nimport { Avatar, AvatarFallbackText, AvatarImage } from '@admin-layout/gluestack-ui-mobile';\nimport Bubble from './SlackBubble';\n\nconst { isSameUser, isSameDay } = utils;\n\nexport default class Message extends React.Component<any> {\n static defaultProps: {\n renderAvatar: undefined;\n renderBubble: null;\n renderDay: null;\n currentMessage: {};\n nextMessage: {};\n previousMessage: {};\n user: {};\n containerStyle: {};\n isShowImageViewer: false;\n setImageViewer: (obj: any, v: boolean) => void;\n };\n getInnerComponentProps() {\n const { containerStyle, ...props } = this.props;\n return {\n ...props,\n position: 'left',\n isSameUser,\n isSameDay,\n };\n }\n\n renderDay() {\n if (this.props.currentMessage.createdAt) {\n const dayProps = this.getInnerComponentProps();\n if (this.props.renderDay) {\n return this.props.renderDay(dayProps);\n }\n return <Day {...dayProps} />;\n }\n return null;\n }\n\n renderBubble() {\n const bubbleProps = this.getInnerComponentProps();\n if (this.props.renderBubble) {\n return this.props.renderBubble(bubbleProps);\n }\n return (\n <Bubble\n {...bubbleProps}\n isShowImageViewer={this.props.isShowImageViewer}\n setImageViewer={this.props.setImageViewer}\n />\n );\n }\n\n renderAvatar() {\n let extraStyle: any;\n //new param added\n let isSameUserAndSameDay: boolean = false;\n if (\n isSameUser(this.props.currentMessage, this.props.previousMessage) &&\n isSameDay(this.props.currentMessage, this.props.previousMessage)\n ) {\n // Set the invisible avatar height to 0, but keep the width, padding, etc.\n extraStyle = { height: 0 };\n isSameUserAndSameDay = true;\n }\n\n const avatarProps: any = this.getInnerComponentProps();\n\n return (\n <Avatar size={'sm'} bg~~={'~~transparent'} ~~borderRadius={'$~~none'} ~~marginRight={'$~~2'}>\n <AvatarFallbackText>\n {isSameUserAndSameDay ? '' : avatarProps?.currentMessage?.user?.name[0]}\n </AvatarFallbackText>\n {!isSameUserAndSameDay && avatarProps?.currentMessage?.user?.avatar && (\n <AvatarImage\n alt=\"image\"\n style={{ ...styles.slackAvatar, ...avatarProps.imageStyle }}\n source={{\n uri: avatarProps?.currentMessage?.user?.avatar,\n }}\n />\n )}\n </Avatar>\n // <Avatar\n // {...avatarProps}\n // showAvatarForEveryMessage={true}\n // imageStyle={{\n // left: [styles.slackAvatar, avatarProps.imageStyle, extraStyle],\n // }}\n // />\n );\n }\n\n render() {\n const marginBottom = isSameUser(this.props.currentMessage, this.props.nextMessage) ? 2 : 10;\n\n return (\n <View>\n {this.renderDay()}\n <View style={[styles.container, { marginBottom }, this.props.containerStyle]}>\n {this.renderAvatar()}\n {this.renderBubble()}\n </View>\n </View>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n marginLeft: 8,\n marginRight: 0,\n },\n slackAvatar: {\n // The bottom should roughly line up with the first line of message text.\n height: 40,\n width: 40,\n borderRadius: 3,\n // marginTop: 0,\n marginTop: 1,\n },\n});\n\nMessage.defaultProps = {\n renderAvatar: undefined,\n renderBubble: null,\n renderDay: null,\n currentMessage: {},\n nextMessage: {},\n previousMessage: {},\n user: {},\n containerStyle: {},\n isShowImageViewer: false,\n setImageViewer: (obj: any, v: boolean) => null,\n};\n"],"names":["React"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAQA,MAAM;AAAA,EACJ,UAAA;AAAA,EACA;AACF,CAAI,GAAA,KAAA;AACiB,MAAA,OAAA,SAAgBA,eAAM,SAAe,CAAA;AAAA,EAaxD,sBAAyB,GAAA;AACvB,IAAA,MAGI,UAAK,KAFP,EAAA;AAAA,MAAA;AAAA,KA3BN,GA6BQ,EADC,EAAA,KAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,MADH;AAAA,KAAA,CAAA;AAGF,IAAA,OAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,QAAU,EAAA,MAAA;AAAA,MACV,UAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA;AACF,EACA,SAAY,GAAA;AACV,IAAI,IAAA,IAAA,CAAK,KAAM,CAAA,cAAA,CAAe,SAAW,EAAA;AACvC,MAAM,MAAA,QAAA,GAAW,KAAK,sBAAuB,EAAA;AAC7C,MAAI,IAAA,IAAA,CAAK,MAAM,SAAW,EAAA;AACxB,QAAO,OAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AAEtC,MAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAQ,QAAU,CAAA,CAAA;AAAA;AAE5B,IAAO,OAAA,IAAA;AAAA;AACT,EACA,YAAe,GAAA;AACb,IAAM,MAAA,WAAA,GAAc,KAAK,sBAAuB,EAAA;AAChD,IAAI,IAAA,IAAA,CAAK,MAAM,YAAc,EAAA;AAC3B,MAAO,OAAA,IAAA,CAAK,KAAM,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAE5C,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,MAAW,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,WAAA,CAAA,EAAX,EAAwB,iBAAA,EAAmB,IAAK,CAAA,KAAA,CAAM,iBAAmB,EAAA,cAAA,EAAgB,IAAK,CAAA,KAAA,CAAM,cAAgB,EAAA,CAAA,CAAA;AAAA;AAC9H,EACA,YAAe,GAAA;AAtDjB,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAyDI,IAAA,IAAI,oBAAgC,GAAA,KAAA;AACpC,IAAA,IAAI,UAAW,CAAA,IAAA,CAAK,KAAM,CAAA,cAAA,EAAgB,KAAK,KAAM,CAAA,eAAe,CAAK,IAAA,SAAA,CAAU,KAAK,KAAM,CAAA,cAAA,EAAgB,IAAK,CAAA,KAAA,CAAM,eAAe,CAAG,EAAA;AAKzI,MAAuB,oBAAA,GAAA,IAAA;AAAA;AAEzB,IAAM,MAAA,WAAA,GAAmB,KAAK,sBAAuB,EAAA;AACrD,IAAA,oDAAQ,MAAO,EAAA,EAAA,IAAA,EAAM,~~MAAM~~,~~EAAI,~~EAAA,~~aAAA~~,~~EAAe~~,~~cAAc~~,~~OAAS~~,~~EAAA~~,~~WAAA~~,~~EAAa~~,~~IACtE~~,EAAA,~~kBAAAA~~,~~cAAA~~,~~CAAA,aAAA,CAAC,0BACI,~~oBAAuB,GAAA,EAAA,GAAA,CAAK,sDAAa,cAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,~~SAA7B~~,~~IAAmC~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,~~IAAA~~,~~CAAK,~~CACzE,CAAA,CAAA,EACC,CAAC,~~oBAAwB~~,KAAA,~~CAAA~~,~~EAAA~~,~~GAAA~~,~~CAAA~~,~~EAAA,GAAA,WAAA,~~IAAA,~~IAAA,~~GAAA,MAAA,GAAA,~~WAAA~~,~~CAAa~~,~~mBAAb~~,~~IAA6B~~,GAAA,MAAA,GAAA,EAAA,~~CAAA~~,~~IAAA~~,~~KAA7B,mBAAmC,MAAU,CAAA,oBAAAA,~~cAAA,CAAA,aAAA,~~CAAC~~,~~WAAY~~,EAAA,~~EAAA~~,~~GAAA~~,~~EAAI~~,~~SAAQ~~,~~KAAO~~,~~EAAA~~,~~cAAA~~,CAAA,cAAA,CAAA,EAAA,~~EAC5G~~,~~OAAO~~,WACP,CAAA,EAAA,WAAA,CAAY,aACd,MAAQ,EAAA;AAAA,MACT,GAAK,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,cAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,SAA7B,IAAmC,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,OACvC,CACG,CAAA;AAAA;AASV,EACA,MAAS,GAAA;AACP,IAAM,MAAA,YAAA,GAAe,WAAW,IAAK,CAAA,KAAA,CAAM,gBAAgB,IAAK,CAAA,KAAA,CAAM,WAAW,CAAA,GAAI,CAAI,GAAA,EAAA;AACzF,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACK,EAAA,IAAA,EAAA,IAAA,CAAK,SAAU,EAAA,+CACf,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,SAAW,EAAA;AAAA,MACxC;AAAA,KACF,EAAG,IAAK,CAAA,KAAA,CAAM,cAAc,CAAA,EAAA,EACb,IAAK,CAAA,YAAA,EACL,EAAA,IAAA,CAAK,YAAa,EACvB,CACJ,CAAA;AAAA;AAEZ;~~AACA~~,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,YAAA;AAAA,IACZ,cAAgB,EAAA,YAAA;AAAA,IAChB,UAAY,EAAA,CAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACf;AAAA,EACA,WAAa,EAAA;AAAA,IAEX,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,YAAc,EAAA,CAAA;AAAA,IAEd,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AACD,OAAA,CAAQ,YAAe,GAAA;AAAA,EACrB,YAAc,EAAA,MAAA;AAAA,EACd,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,gBAAgB,EAAC;AAAA,EACjB,aAAa,EAAC;AAAA,EACd,iBAAiB,EAAC;AAAA,EAClB,MAAM,EAAC;AAAA,EACP,gBAAgB,EAAC;AAAA,EACjB,iBAAmB,EAAA,KAAA;AAAA,EACnB,cAAA,EAAgB,CAAC,GAAA,EAAU,CAAe,KAAA;AAC5C,CAAA"}
1	+ {"version":3,"file":"SlackMessage.js","sources":["../../../../../src/screens/inbox/components/SlackMessageContainer/SlackMessage.tsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle, no-use-before-define */\n\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport { View, StyleSheet } from 'react-native';\n\nimport { Day, utils } from 'react-native-gifted-chat';\nimport { Avatar, AvatarFallbackText, AvatarImage } from '@admin-layout/gluestack-ui-mobile';\nimport Bubble from './SlackBubble';\n\nconst { isSameUser, isSameDay } = utils;\n\nexport default class Message extends React.Component<any> {\n static defaultProps: {\n renderAvatar: undefined;\n renderBubble: null;\n renderDay: null;\n currentMessage: {};\n nextMessage: {};\n previousMessage: {};\n user: {};\n containerStyle: {};\n isShowImageViewer: false;\n setImageViewer: (obj: any, v: boolean) => void;\n };\n getInnerComponentProps() {\n const { containerStyle, ...props } = this.props;\n return {\n ...props,\n position: 'left',\n isSameUser,\n isSameDay,\n };\n }\n\n renderDay() {\n if (this.props.currentMessage.createdAt) {\n const dayProps = this.getInnerComponentProps();\n if (this.props.renderDay) {\n return this.props.renderDay(dayProps);\n }\n return <Day {...dayProps} />;\n }\n return null;\n }\n\n renderBubble() {\n const bubbleProps = this.getInnerComponentProps();\n if (this.props.renderBubble) {\n return this.props.renderBubble(bubbleProps);\n }\n return (\n <Bubble\n {...bubbleProps}\n isShowImageViewer={this.props.isShowImageViewer}\n setImageViewer={this.props.setImageViewer}\n />\n );\n }\n\n renderAvatar() {\n let extraStyle: any;\n //new param added\n let isSameUserAndSameDay: boolean = false;\n if (\n isSameUser(this.props.currentMessage, this.props.previousMessage) &&\n isSameDay(this.props.currentMessage, this.props.previousMessage)\n ) {\n // Set the invisible avatar height to 0, but keep the width, padding, etc.\n extraStyle = { height: 0 };\n isSameUserAndSameDay = true;\n }\n\n const avatarProps: any = this.getInnerComponentProps();\n\n return (\n <Avatar size={'sm'} className=\"bg-transparent rounded-none mr-2\">\n <AvatarFallbackText>\n {isSameUserAndSameDay ? '' : avatarProps?.currentMessage?.user?.name[0]}\n </AvatarFallbackText>\n {!isSameUserAndSameDay && avatarProps?.currentMessage?.user?.avatar && (\n <AvatarImage\n alt=\"image\"\n style={{ ...styles.slackAvatar, ...avatarProps.imageStyle }}\n source={{\n uri: avatarProps?.currentMessage?.user?.avatar,\n }}\n />\n )}\n </Avatar>\n // <Avatar\n // {...avatarProps}\n // showAvatarForEveryMessage={true}\n // imageStyle={{\n // left: [styles.slackAvatar, avatarProps.imageStyle, extraStyle],\n // }}\n // />\n );\n }\n\n render() {\n const marginBottom = isSameUser(this.props.currentMessage, this.props.nextMessage) ? 2 : 10;\n\n return (\n <View>\n {this.renderDay()}\n <View style={[styles.container, { marginBottom }, this.props.containerStyle]}>\n {this.renderAvatar()}\n {this.renderBubble()}\n </View>\n </View>\n );\n }\n}\n\nconst styles = StyleSheet.create({\n container: {\n flexDirection: 'row',\n alignItems: 'flex-start',\n justifyContent: 'flex-start',\n marginLeft: 8,\n marginRight: 0,\n },\n slackAvatar: {\n // The bottom should roughly line up with the first line of message text.\n height: 40,\n width: 40,\n borderRadius: 3,\n // marginTop: 0,\n marginTop: 1,\n },\n});\n\nMessage.defaultProps = {\n renderAvatar: undefined,\n renderBubble: null,\n renderDay: null,\n currentMessage: {},\n nextMessage: {},\n previousMessage: {},\n user: {},\n containerStyle: {},\n isShowImageViewer: false,\n setImageViewer: (obj: any, v: boolean) => null,\n};\n"],"names":["React"],"mappings":"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"}

package/lib/screens/inbox/components/SubscriptionHandler.js ADDED Viewed

@@ -0,0 +1,24 @@
+import {useEffect}from'react';function SubscriptionHandler({
+  subscribeToMore,
+  document,
+  variables,
+  updateQuery,
+  onError,
+  enabled = true
+}) {
+  useEffect(() => {
+    if (!enabled)
+      return;
+    const unsubscribe = subscribeToMore({
+      document,
+      variables,
+      updateQuery,
+      onError
+    });
+    return () => {
+      if (unsubscribe && typeof unsubscribe === "function")
+        unsubscribe();
+    };
+  }, [subscribeToMore, document, JSON.stringify(variables), updateQuery, onError, enabled]);
+  return null;
+}export{SubscriptionHandler};//# sourceMappingURL=SubscriptionHandler.js.map

package/lib/screens/inbox/components/SubscriptionHandler.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"SubscriptionHandler.js","sources":["../../../../src/screens/inbox/components/SubscriptionHandler.tsx"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Shared SubscriptionHandler for Apollo subscribeToMore\n *\n * @param subscribeToMore - Apollo subscribeToMore function\n * @param document - GraphQL subscription document\n * @param variables - Variables for the subscription\n * @param updateQuery - Apollo updateQuery function\n * @param onError - Optional error handler\n * @param enabled - If false, disables the subscription\n */\nexport function SubscriptionHandler({\n subscribeToMore,\n document,\n variables,\n updateQuery,\n onError,\n enabled = true,\n}: {\n subscribeToMore: Function;\n document: any;\n variables: Record<string, any>;\n updateQuery: (prev: any, { subscriptionData }: any) => any;\n onError?: (error: any) => void;\n enabled?: boolean;\n}) {\n useEffect(() => {\n if (!enabled) return;\n const unsubscribe = subscribeToMore({\n document,\n variables,\n updateQuery,\n onError,\n });\n return () => {\n if (unsubscribe && typeof unsubscribe === 'function') unsubscribe();\n };\n }, [subscribeToMore, document, JSON.stringify(variables), updateQuery, onError, enabled]);\n return null;\n}\n"],"names":[],"mappings":"8BAYO,SAAS,mBAAoB,CAAA;AAAA,EAClC,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAU,GAAA;AACZ,CASG,EAAA;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA;AAAS,MAAA;AACd,IAAA,MAAM,cAAc,eAAgB,CAAA;AAAA,MAClC,QAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACD,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAI,IAAA,WAAA,IAAe,OAAO,WAAgB,KAAA,UAAA;AAAY,QAAY,WAAA,EAAA;AAAA,KACpE;AAAA,GACF,EAAG,CAAC,eAAA,EAAiB,QAAU,EAAA,IAAA,CAAK,SAAU,CAAA,SAAS,CAAG,EAAA,WAAA,EAAa,OAAS,EAAA,OAAO,CAAC,CAAA;AACxF,EAAO,OAAA,IAAA;AACT"}

package/lib/screens/inbox/components/ThreadsViewItem.js CHANGED Viewed

@@ -1,65 +1,76 @@
-import React__default from'react';import {VStack,HStack,Box,Avatar,AvatarFallbackText,AvatarImage,Text,Button,ButtonText}from'@admin-layout/gluestack-ui-mobile';import {isToday,isYesterday,format}from'date-fns';import {useFocusEffect}from'@react-navigation/native';import {startCase}from'lodash-es';const createdAtText = (value) => {
+import React__default,{useMemo}from'react';import {Pressable,Box,VStack,Text,HStack,Avatar,AvatarFallbackText,AvatarImage,Link,LinkText,Button,ButtonText}from'@admin-layout/gluestack-ui-mobile';import {isToday,format}from'date-fns';import {startCase}from'lodash-es';import colors from'tailwindcss/colors';import {useSelector}from'react-redux';import {userSelector}from'@adminide-stack/user-auth0-client';const timeFormat = (value) => {
   if (!value)
     return "";
   let date = new Date(value);
   if (isToday(date))
-    return "Today";
-  if (isYesterday(date))
-    return "Yesterday";
-  return format(new Date(value), "MMM dd, yyyy");
+    return format(date, "h:mm a").toUpperCase();
+  return format(date, "MMM do").toUpperCase();
 };
-const ThreadViewItemComponent = function DialogsListItem({
-  currentUser,
-  thread,
-  onOpen,
-  role,
-  setData
+const ThreadViewItemComponent = function ThreadViewItem2({
+  id,
+  post,
+  channel,
+  replies,
+  onPress,
+  channelId,
+  channelsDetail
 }) {
-  var _a, _b;
-  useFocusEffect(React__default.useCallback(() => {
-    return () => {
-    };
-  }, []));
-  const threadPostReply = React__default.useMemo(() => {
-    if (!(thread == null ? void 0 : thread.replies))
-      return null;
-    return thread == null ? void 0 : thread.replies;
-  }, [thread]);
-  if (!threadPostReply || (threadPostReply == null ? void 0 : threadPostReply.length) == 0) {
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null);
+  var _a, _b, _c, _d;
+  const currentUser = useSelector(userSelector);
+  const threadReplies = useMemo(() => {
+    return replies || [];
+  }, [replies]);
+  if (!threadReplies || threadReplies.length === 0) {
+    return null;
   }
-  return /* @__PURE__ */ React__default.createElement(VStack, { space: "sm", py: "$2", px: "$2", borderWidth: "$1", borderRadius: "$md", borderColor: "$trueGray200", flex: 1, "$dark-borderColor": "$white", "$dark-backgroundColor": "$white", "$light-backgroundColor": "$white" }, /* @__PURE__ */ React__default.createElement(
-    HStack,
-    {
-      py: "$2",
-      space: "sm",
-      w: "100%",
-      flex: 1,
-      justifyContent: "space-between",
-      alignItems: "center"
+  const lastReply = threadReplies[0];
+  const totalReplies = threadReplies.length;
+  const primaryUser = ((_a = channel == null ? void 0 : channel.users) == null ? void 0 : _a[0]) || (lastReply == null ? void 0 : lastReply.author);
+  (channel == null ? void 0 : channel.title) || `${(primaryUser == null ? void 0 : primaryUser.givenName) || ""} ${(primaryUser == null ? void 0 : primaryUser.familyName) || ""}`;
+  (_b = channel == null ? void 0 : channel.users) == null ? void 0 : _b.some((user) => user.id === (currentUser == null ? void 0 : currentUser.id));
+  return /* @__PURE__ */ React__default.createElement(Pressable, { onPress: () => onPress(channel == null ? void 0 : channel.id, "Thread", post == null ? void 0 : post.id), style: {
+    marginVertical: 5,
+    backgroundColor: "white",
+    borderRadius: 10,
+    paddingVertical: 5,
+    elevation: 1,
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 1
     },
-    /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", flex: 1, justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React__default.createElement(Box, { flex: 1 }, (threadPostReply == null ? void 0 : threadPostReply.length) > 0 && /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, (_b = (_a = threadPostReply == null ? void 0 : threadPostReply.slice(0, 2)) == null ? void 0 : _a.reverse()) == null ? void 0 : _b.map((reply, index) => {
-      var _a2, _b2, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m;
-      return /* @__PURE__ */ React__default.createElement(HStack, { key: index, space: "sm", pb: "$2", pt: "$1" }, /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Avatar, { key: "thread-view-key-" + index, bg: "transparent", size: "md", top: "$0", right: "$0", zIndex: 1 }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " ", startCase((_b2 = (_a2 = reply == null ? void 0 : reply.author) == null ? void 0 : _a2.username) == null ? void 0 : _b2.charAt(0))), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: "#fff"
-      }, source: {
-        uri: (_c = reply == null ? void 0 : reply.author) == null ? void 0 : _c.picture
-      } }))), /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(HStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Text, null, (_f = (_e = (_d = reply == null ? void 0 : reply.author) == null ? void 0 : _d.givenName) != null ? _e : "") != null ? _f : "", " ", (_i = (_h = (_g = reply == null ? void 0 : reply.author) == null ? void 0 : _g.familyName) != null ? _h : "") != null ? _i : ""), /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray500" }, (reply == null ? void 0 : reply.createdAt) ? createdAtText(reply == null ? void 0 : reply.createdAt) : "")), /* @__PURE__ */ React__default.createElement(VStack, { space: "sm" }, (reply == null ? void 0 : reply.message) && /* @__PURE__ */ React__default.createElement(Text, { color: "$trueGray600", numberOfLines: 2 }, (reply == null ? void 0 : reply.message.length) < 70 ? `${reply == null ? void 0 : reply.message}` : `${reply == null ? void 0 : reply.message.substring(0, 68)}....`), /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, ((_k = (_j = reply == null ? void 0 : reply.files) == null ? void 0 : _j.data) == null ? void 0 : _k.length) > 0 && ((_m = (_l = reply == null ? void 0 : reply.files) == null ? void 0 : _l.data) == null ? void 0 : _m.map((f, index2) => /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Avatar, { key: "thread-view-other-key-" + index2, bg: "transparent", size: "md" }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, " I"), /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "image", style: {
-        borderRadius: 6,
-        borderWidth: 2,
-        borderColor: "#fff"
-      }, source: {
-        uri: f == null ? void 0 : f.url
-      } }))))))), ((threadPostReply == null ? void 0 : threadPostReply.length) == 1 || index !== 0) && /* @__PURE__ */ React__default.createElement(Button, { size: "xs", w: 150, variant: "outline", onPress: () => {
-        var _a3, _b3, _c2;
-        return onOpen((_a3 = thread == null ? void 0 : thread.channel) == null ? void 0 : _a3.id, (_b3 = thread == null ? void 0 : thread.channel) == null ? void 0 : _b3.title, (_c2 = thread == null ? void 0 : thread.post) == null ? void 0 : _c2.id);
-      } }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
-        fontSize: 12,
-        color: "#000"
-      } }, "Reply"))));
-    })))))
-  ));
+    shadowOpacity: 0.1,
+    shadowRadius: 2
+  } }, /* @__PURE__ */ React__default.createElement(Box, { className: "mb-3" }, /* @__PURE__ */ React__default.createElement(VStack, { space: "md" }, /* @__PURE__ */ React__default.createElement(Text, { className: "text-sm font-medium text-gray-600 px-4 pt-2" }, (_d = (_c = channel == null ? void 0 : channel.users) == null ? void 0 : _c.map((user) => (user == null ? void 0 : user.givenName) || (user == null ? void 0 : user.username))) == null ? void 0 : _d.join(", ")), threadReplies.slice(0, 3).map((reply, index) => {
+    var _a2, _b2, _c2, _d2, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+    const previousReply = index > 0 ? threadReplies.slice(0, 3)[index - 1] : null;
+    const isConsecutiveReply = previousReply && ((_a2 = previousReply.author) == null ? void 0 : _a2.id) === ((_b2 = reply.author) == null ? void 0 : _b2.id);
+    return /* @__PURE__ */ React__default.createElement(HStack, { key: reply.id || index, space: "md", className: "px-4 py-1" }, !isConsecutiveReply ? /* @__PURE__ */ React__default.createElement(Avatar, { size: "md", style: {
+      width: 40,
+      height: 40,
+      backgroundColor: ((_c2 = reply == null ? void 0 : reply.author) == null ? void 0 : _c2.id) === (currentUser == null ? void 0 : currentUser.id) ? "#2EB67D" : "#E8A54A"
+    } }, /* @__PURE__ */ React__default.createElement(AvatarFallbackText, null, startCase(((_e = (_d2 = reply == null ? void 0 : reply.author) == null ? void 0 : _d2.username) == null ? void 0 : _e.charAt(0)) || "U")), ((_f = reply == null ? void 0 : reply.author) == null ? void 0 : _f.picture) && /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: ((_g = reply == null ? void 0 : reply.author) == null ? void 0 : _g.username) || "User", source: {
+      uri: (_h = reply == null ? void 0 : reply.author) == null ? void 0 : _h.picture
+    } })) : /* @__PURE__ */ React__default.createElement(Box, { style: {
+      width: 40
+    } }), /* @__PURE__ */ React__default.createElement(VStack, { space: "xs", className: "flex-1" }, !isConsecutiveReply && /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "items-center" }, /* @__PURE__ */ React__default.createElement(Text, { className: "font-bold text-gray-900" }, ((_i = reply == null ? void 0 : reply.author) == null ? void 0 : _i.givenName) || ((_j = reply == null ? void 0 : reply.author) == null ? void 0 : _j.username) || "User"), /* @__PURE__ */ React__default.createElement(Text, { className: "text-xs text-gray-500" }, timeFormat(reply == null ? void 0 : reply.createdAt))), (reply == null ? void 0 : reply.message) && /* @__PURE__ */ React__default.createElement(Text, { color: colors.gray[700], numberOfLines: 2, className: "text-base" }, reply == null ? void 0 : reply.message, (reply == null ? void 0 : reply.edited) && /* @__PURE__ */ React__default.createElement(Text, { className: "text-xs text-gray-500" }, " (edited)")), reply.email && /* @__PURE__ */ React__default.createElement(Text, { className: "text-blue-500" }, reply.email), ((_l = (_k = reply == null ? void 0 : reply.files) == null ? void 0 : _k.data) == null ? void 0 : _l.length) > 0 && /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "my-1" }, (_n = (_m = reply == null ? void 0 : reply.files) == null ? void 0 : _m.data) == null ? void 0 : _n.map((file, fileIndex) => /* @__PURE__ */ React__default.createElement(Box, { key: fileIndex, className: "overflow-hidden", style: {
+      width: 80,
+      height: 80
+    } }, /* @__PURE__ */ React__default.createElement(AvatarImage, { alt: "attachment", className: "rounded-none border-none", style: {
+      width: "100%",
+      height: "100%"
+    }, source: {
+      uri: file == null ? void 0 : file.url
+    } }))))));
+  }), totalReplies > 3 && /* @__PURE__ */ React__default.createElement(HStack, { className: "px-4 items-center", space: "sm" }, /* @__PURE__ */ React__default.createElement(Box, { style: {
+    width: 40
+  } }), /* @__PURE__ */ React__default.createElement(Link, { onPress: () => onPress(channel == null ? void 0 : channel.id, "Thread", post == null ? void 0 : post.id) }, /* @__PURE__ */ React__default.createElement(LinkText, { className: "text-blue-600 mt-1" }, totalReplies - 3, " more ", totalReplies - 3 === 1 ? "reply" : "replies"))), /* @__PURE__ */ React__default.createElement(Box, { className: "px-4 pb-2" }, /* @__PURE__ */ React__default.createElement(Button, { size: "sm", className: "self-start rounded-full", variant: "outline", style: {
+    borderColor: "#E2E8F0",
+    paddingHorizontal: 16,
+    paddingVertical: 6
+  }, onPress: () => onPress(channel == null ? void 0 : channel.id, "Thread", post == null ? void 0 : post.id) }, /* @__PURE__ */ React__default.createElement(ButtonText, { style: {
+    fontSize: 14,
+    color: colors.gray[800]
+  } }, "Reply"))))));
 };
 const ThreadViewItem = React__default.memo(ThreadViewItemComponent);export{ThreadViewItem,ThreadViewItemComponent};//# sourceMappingURL=ThreadsViewItem.js.map

package/lib/screens/inbox/components/ThreadsViewItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ThreadsViewItem.js","sources":["../../../../src/screens/inbox/components/ThreadsViewItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n VStack,\n Text,\n Image,\n Pressable,\n HStack,\n Box,\n AvatarGroup,\n Avatar,\n AvatarFallbackText,\n AvatarImage,\n AvatarBadge,\n View,\n Button,\n ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, IUserAccount } from 'common';\nimport {\n useThreadMessagesQuery,\n useMessagesQuery,\n useUserAccountQuery,\n useOnThreadChatMessageAddedSubscription,\n useOnThreadCreatedUpdatedSubscription,\n} from 'common/lib/generated/generated.js';\nimport { startCase } from 'lodash-es';\n\nconst createdAtText = (value: string) => {\n if (!value) return '';\n let date = new Date(value);\n if (isToday(date)) return 'Today';\n if (isYesterday(date)) return 'Yesterday';\n return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n currentUser?: any;\n users?: any;\n thread?: any;\n onOpen: (id: any, title: any, postParentId?: any) => void;\n role?: any;\n setData?: any;\n}\n\n/*\n TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n /\nexport const ThreadViewItemComponent: React.FC<IDialogListItemProps> = function DialogsListItem({\n currentUser,\n // users,\n thread,\n onOpen,\n role,\n setData,\n}) {\n // const { data: threadCreatedUpdated } = useOnThreadCreatedUpdatedSubscription({\n // variables: {\n // channelId: thread?.channel?.id?.toString(),\n // postParentId: thread?.post?.id?.toString(),\n // },\n // });\n\n useFocusEffect(\n React.useCallback(() => {\n // Do something when the screen is focused\n return () => {\n // Do something when the screen is unfocused\n // Useful for cleanup functions\n };\n }, []),\n );\n\n const threadPostReply = React.useMemo(() => {\n if (!thread?.replies) return null;\n return thread?.replies;\n }, [thread]);\n\n // React.useEffect(() => {\n // if (threadCreatedUpdated?.threadCreatedUpdated?.data) setData(threadCreatedUpdated?.threadCreatedUpdated?.data);\n // }, [threadCreatedUpdated?.threadCreatedUpdated]);\n\n // const threadPostReply = React.useMemo(() => {\n // if (!thread?.replies) return null;\n // if (threadCreatedUpdated?.threadCreatedUpdated?.data?.replies?.length) {\n // return threadCreatedUpdated?.threadCreatedUpdated?.data?.replies;\n // } else return thread?.replies;\n // }, [thread, threadCreatedUpdated]);\n\n // const lastMessage = useMemo(() => {\n // if (!threadPost) {\n // return null;\n // }\n // const replies = threadPost?.replies?.filter((p: any) => p?.message !== '') ?? [];\n // if (replies?.length) {\n // return replies[0];\n // // return replies[replies.length - 1];\n // } else {\n // const post = threadPost?.post ?? null;\n // return post ? post?.post : null;\n // }\n // }, [threadPost]);\n\n // const participants: any = React.useMemo(() => {\n // if (!thread?.participants?.length) return null;\n // return thread?.participants?.filter((u: any) => u?.user?.id !== currentUser?.id) ?? [];\n // }, [thread]);\n\n // const allParticipantsNames: any = React.useMemo(() => {\n // if (!participants?.length) return null;\n // return (\n // participants\n // ?.map((p: any) => {\n // return p?.user?.givenName + ' ' + p?.user?.familyName ?? '';\n // })\n // ?.join(', ') ?? ''\n // );\n // }, [participants]);\n\n if (!threadPostReply \|\| threadPostReply?.length == 0) {\n return <></>;\n }\n\n return (\n <VStack\n space={'sm'}\n py={'$2'}\n px={'$2'}\n borderWidth={'$1'}\n borderRadius={'$md'}\n borderColor={'$trueGray200'}\n flex={1}\n $dark-borderColor=\"$white\"\n $dark-backgroundColor=\"$white\"\n $light-backgroundColor=\"$white\"\n >\n <HStack\n // px={2}\n // pl={3}\n py={'$2'}\n space={'sm'}\n w={'100%'}\n flex={1}\n justifyContent={'space-between'}\n alignItems={'center'}\n >\n <Box flex={1}>\n {/ <HStack flex={1} space={5} py={2} alignItems={'baseline'}>\n <Box>\n <Avatar.Badge size={4} left={0} zIndex={1} bg=\"green.800\" />\n </Box>\n <Box>\n <Text color=\"gray.600\" fontSize=\"lg\" flexWrap={'wrap'} fontWeight=\"semibold\">\n {allParticipantsNames \|\| ''}\n </Text>\n </Box>\n </HStack> /}\n <HStack space={'sm'} flex={1} justifyContent={'center'} alignItems={'center'}>\n <Box flex={1}>\n {/ <HStack space={2} py={2}>\n <Box>\n <Avatar\n bg={'transparent'}\n size={8}\n _image={{ borderRadius: 6, borderWidth: 2, borderColor: '#fff' }}\n source={{\n uri: thread?.post?.author?.picture,\n }}\n >\n {startCase(thread?.post?.author?.username?.charAt(0))}\n </Avatar>\n </Box>\n <Box>\n <HStack space={4}>\n <Text>\n {thread?.post?.author?.givenName + ' ' + thread?.post?.author?.familyName ??\n ''}\n </Text>\n <Text color=\"gray.500\">\n {thread?.post ? createdAtText(thread?.post?.createdAt) : ''}\n </Text>\n </HStack>\n <Text color=\"gray.600\" noOfLines={2}>\n {thread?.post?.message ?? ''}\n </Text>\n {!thread?.replies?.length && (\n <Button\n size={'xs'}\n w={150}\n variant={'outline'}\n _text={{ fontSize: 12, color: '#000' }}\n onPress={() =>\n onOpen(thread?.channel?.id, thread?.channel?.title, thread?.post?.id)\n }\n >\n Reply\n </Button>\n )}\n </Box>\n </HStack> /}\n {threadPostReply?.length > 0 && (\n <>\n {threadPostReply\n ?.slice(0, 2)\n ?.reverse()\n ?.map((reply: any, index: any) => (\n <HStack key={index} space={'sm'} pb={'$2'} pt={'$1'}>\n <Box>\n <Avatar\n key={'thread-view-key-' + index}\n bg={'transparent'}\n size={'md'}\n top={'$0'}\n right={'$0'}\n zIndex={1}\n >\n <AvatarFallbackText>\n {' '}\n {startCase(reply?.author?.username?.charAt(0))}\n </AvatarFallbackText>\n <AvatarImage\n alt=\"image\"\n style={{\n borderRadius: 6,\n borderWidth: 2,\n borderColor: '#fff',\n }}\n source={{\n uri: reply?.author?.picture,\n }}\n />\n </Avatar>\n </Box>\n <Box>\n <HStack space={'md'}>\n <Text>\n {reply?.author?.givenName ?? '' ?? ''}{' '}\n {reply?.author?.familyName ?? '' ?? ''}\n {/ {lastMessage?.author?.givenName +\n ' ' +\n lastMessage?.author?.familyName ?? ''} /}\n </Text>\n <Text color=\"$trueGray500\">\n {reply?.createdAt ? createdAtText(reply?.createdAt) : ''}\n {/ {lastMessage ? createdAtText(lastMessage?.createdAt) : ''} /}\n </Text>\n </HStack>\n <VStack space={'sm'}>\n {reply?.message && (\n <Text color=\"$trueGray600\" numberOfLines={2}>\n {reply?.message.length < 70\n ? `${reply?.message}`\n : `${reply?.message.substring(0, 68)}....`}\n </Text>\n )}\n {/ <Text color=\"gray.600\" noOfLines={2}>\n {reply?.message\n ? reply?.message.length < 70\n ? `${reply?.message}`\n : `${reply?.message.substring(0, 68)}....`\n : ''}\n </Text> /}\n\n <>\n {reply?.files?.data?.length > 0 &&\n reply?.files?.data?.map((f: any, index: any) => (\n <Box>\n <Avatar\n key={'thread-view-other-key-' + index}\n bg={'transparent'}\n size={'md'}\n >\n <AvatarFallbackText> I</AvatarFallbackText>\n <AvatarImage\n alt=\"image\"\n style={{\n borderRadius: 6,\n borderWidth: 2,\n borderColor: '#fff',\n }}\n source={{\n uri: f?.url,\n }}\n />\n </Avatar>\n </Box>\n ))}\n </>\n </VStack>\n\n {(threadPostReply?.length == 1 \|\| index !== 0) && (\n <Button\n size={'xs'}\n w={150}\n variant={'outline'}\n onPress={() =>\n onOpen(\n thread?.channel?.id,\n thread?.channel?.title,\n thread?.post?.id,\n )\n }\n >\n <ButtonText style={{ fontSize: 12, color: '#000' }}>\n Reply\n </ButtonText>\n </Button>\n )}\n </Box>\n </HStack>\n ))}\n </>\n )}\n </Box>\n </HStack>\n </Box>\n </HStack>\n {/ <HStack>\n <Box flex={0.06} alignItems={'flex-start'}></Box>\n <Button\n size={'xs'}\n variant={'outline'}\n _text={{ fontSize: 12, color: '#000' }}\n onPress={() => onOpen(thread?.channel?.id, thread?.channel?.title, postParentId)}\n >\n Reply\n </Button>\n </HStack> */}\n </VStack>\n );\n};\n\nexport const ThreadViewItem = React.memo(ThreadViewItemComponent);\n"],"names":["React","_a","_b","index","_c"],"mappings":"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"}
1	+ {"version":3,"file":"ThreadsViewItem.js","sources":["../../../../src/screens/inbox/components/ThreadsViewItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n VStack,\n Text,\n Pressable,\n HStack,\n Box,\n Avatar,\n AvatarFallbackText,\n AvatarImage,\n Button,\n ButtonText,\n Icon,\n Badge,\n BadgeText,\n Link,\n LinkText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, IUserAccount } from 'common';\nimport { startCase } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst timeFormat = (value: string) => {\n if (!value) return '';\n let date = new Date(value);\n if (isToday(date)) return format(date, 'h:mm a').toUpperCase();\n return format(date, 'MMM do').toUpperCase();\n};\n\nexport interface IDialogListChannel extends IChannel {\n users: IUserAccount[];\n}\n\nexport interface ThreadViewItemProps {\n id: string;\n post: any;\n channel: any;\n replies: any[];\n onPress: (id: any, title: any, postParentId?: any) => void;\n channelId?: string;\n channelsDetail?: any;\n}\n\n/*\n TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n /\nexport const ThreadViewItemComponent: React.FC<ThreadViewItemProps> = function ThreadViewItem({\n id,\n post,\n channel,\n replies,\n onPress,\n channelId,\n channelsDetail,\n}) {\n const currentUser = useSelector(userSelector);\n\n // Prepare thread replies for display\n const threadReplies = useMemo(() => {\n return replies \|\| [];\n }, [replies]);\n\n if (!threadReplies \|\| threadReplies.length === 0) {\n return null;\n }\n\n // Get the last reply for the thread preview\n const lastReply = threadReplies[0]; // Most recent reply should be first in the array\n // Get total number of replies\n const totalReplies = threadReplies.length;\n\n // Get the first user in the thread as the primary user\n const primaryUser = channel?.users?.[0] \|\| lastReply?.author;\n const channelName = channel?.title \|\| `${primaryUser?.givenName \|\| ''} ${primaryUser?.familyName \|\| ''}`;\n\n // Determine if the current user is in the thread\n const userIsInThread = channel?.users?.some((user: any) => user.id === currentUser?.id);\n\n return (\n <Pressable\n onPress={() => onPress(channel?.id, 'Thread', post?.id)}\n style={{\n marginVertical: 5,\n backgroundColor: 'white',\n borderRadius: 10,\n paddingVertical: 5,\n elevation: 1,\n shadowColor: '#000',\n shadowOffset: { width: 0, height: 1 },\n shadowOpacity: 0.1,\n shadowRadius: 2,\n }}\n >\n <Box className=\"mb-3\">\n <VStack space=\"md\">\n {/ Thread header with green dot and users /}\n {/ <HStack space=\"sm\" className=\"px-4 items-center\">\n <Box \n className=\"bg-green-500 rounded-full\" \n style={{ width: 8, height: 8 }}\n />\n <Text className=\"text-base text-gray-900\">{channelName}</Text>\n </HStack> /}\n\n {/ Thread members /}\n <Text className=\"text-sm font-medium text-gray-600 px-4 pt-2\">\n {channel?.users?.map((user: any) => user?.givenName \|\| user?.username)?.join(', ')}\n </Text>\n\n {/ Thread messages preview - show up to 3 most recent messages /}\n {threadReplies.slice(0, 3).map((reply: any, index: number) => {\n // Group consecutive messages from the same user\n const previousReply = index > 0 ? threadReplies.slice(0, 3)[index - 1] : null;\n const isConsecutiveReply = previousReply && previousReply.author?.id === reply.author?.id;\n\n return (\n <HStack key={reply.id \|\| index} space=\"md\" className=\"px-4 py-1\">\n {!isConsecutiveReply ? (\n <Avatar\n size=\"md\"\n style={{\n width: 40,\n height: 40,\n backgroundColor:\n reply?.author?.id === currentUser?.id ? '#2EB67D' : '#E8A54A',\n }}\n >\n <AvatarFallbackText>\n {startCase(reply?.author?.username?.charAt(0) \|\| 'U')}\n </AvatarFallbackText>\n {reply?.author?.picture && (\n <AvatarImage\n alt={reply?.author?.username \|\| 'User'}\n source={{\n uri: reply?.author?.picture,\n }}\n />\n )}\n </Avatar>\n ) : (\n <Box style={{ width: 40 }} />\n )}\n\n <VStack space=\"xs\" className=\"flex-1\">\n {!isConsecutiveReply && (\n <HStack space=\"sm\" className=\"items-center\">\n <Text className=\"font-bold text-gray-900\">\n {reply?.author?.givenName \|\| reply?.author?.username \|\| 'User'}\n </Text>\n <Text className=\"text-xs text-gray-500\">\n {timeFormat(reply?.createdAt)}\n </Text>\n </HStack>\n )}\n\n {reply?.message && (\n <Text color={colors.gray[700]} numberOfLines={2} className=\"text-base\">\n {reply?.message}\n {reply?.edited && <Text className=\"text-xs text-gray-500\"> (edited)</Text>}\n </Text>\n )}\n\n {reply.email && <Text className=\"text-blue-500\">{reply.email}</Text>}\n\n {reply?.files?.data?.length > 0 && (\n <HStack space=\"sm\" className=\"my-1\">\n {reply?.files?.data?.map((file: any, fileIndex: number) => (\n <Box\n key={fileIndex}\n className=\"overflow-hidden\"\n style={{ width: 80, height: 80 }}\n >\n <AvatarImage\n alt=\"attachment\"\n className=\"rounded-none border-none\"\n style={{\n width: '100%',\n height: '100%',\n }}\n source={{\n uri: file?.url,\n }}\n />\n </Box>\n ))}\n </HStack>\n )}\n </VStack>\n </HStack>\n );\n })}\n\n {/ Show more replies indicator /}\n {totalReplies > 3 && (\n <HStack className=\"px-4 items-center\" space=\"sm\">\n <Box style={{ width: 40 }} />\n <Link onPress={() => onPress(channel?.id, 'Thread', post?.id)}>\n <LinkText className=\"text-blue-600 mt-1\">\n {totalReplies - 3} more {totalReplies - 3 === 1 ? 'reply' : 'replies'}\n </LinkText>\n </Link>\n </HStack>\n )}\n\n {/ Reply button */}\n <Box className=\"px-4 pb-2\">\n <Button\n size=\"sm\"\n className=\"self-start rounded-full\"\n variant=\"outline\"\n style={{\n borderColor: '#E2E8F0',\n paddingHorizontal: 16,\n paddingVertical: 6,\n }}\n onPress={() => onPress(channel?.id, 'Thread', post?.id)}\n >\n <ButtonText style={{ fontSize: 14, color: colors.gray[800] }}>Reply</ButtonText>\n </Button>\n </Box>\n </VStack>\n </Box>\n </Pressable>\n );\n};\n\nexport const ThreadViewItem = React.memo(ThreadViewItemComponent);\n"],"names":["ThreadViewItem","React","_a","_b","_c","_d"],"mappings":"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"}

package/lib/screens/inbox/config/config.js CHANGED Viewed

@@ -22,9 +22,9 @@ import {cleanEnv,str,num}from'envalid';const config = cleanEnv(process["APP_ENV"
     default: "#0084ff"
   }),
   CALL_TO_ACTION_BUTTON_BORDERCOLOR: str({
-    default: "#fff"
+    default: "#000"
   }),
   CALL_TO_ACTION_TEXT_COLOR: str({
-    default: "#fff"
+    default: "#000"
   })
 });export{config};//# sourceMappingURL=config.js.map

package/lib/screens/inbox/config/config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"config.js","sources":["../../../../src/screens/inbox/config/config.ts"],"sourcesContent":["import { cleanEnv, num, str } from 'envalid';\n\nexport const config = cleanEnv(process['APP_ENV'] \|\| process.env, {\n MESSAGES_PER_PAGE: num({ devDefault: 20, default: 20 }),\n FILES_PER_MESSAGE: num({ default: 10 }),\n INBOX_MESSEGE_PATH: str({ default: 'MainStack.Message' }),\n // THREAD_MESSEGE_PATH: str({ default: 'MainStack.Thread' }),\n // THREADS_PATH: str({ default: 'MainStack.ThreadMessage' }),\n THREAD_MESSEGE_PATH: str({ default: 'MainStack.ThreadMessage' }),\n THREADS_PATH: str({ default: 'MainStack.Thread' }),\n CALL_TO_ACTION_PATH: str({ default: 'MainStack.GuestReservationRequestDetail' }),\n CALL_TO_ACTION_BOX_BGCOLOR: str({ default: '#0084ff' }),\n CALL_TO_ACTION_BUTTON_BORDERCOLOR: str({ default: '#~~fff~~' }),\n CALL_TO_ACTION_TEXT_COLOR: str({ default: '#~~fff~~' }),\n});\n"],"names":[],"mappings":"uCACO,MAAM,MAAS,GAAA,QAAA,CAAS,OAAQ,CAAA,SAAA,CAAA,IAAc,QAAQ,GAAK,EAAA;AAAA,EAChE,mBAAmB,GAAI,CAAA;AAAA,IACrB,UAAY,EAAA,EAAA;AAAA,IACZ,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,mBAAmB,GAAI,CAAA;AAAA,IACrB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,oBAAoB,GAAI,CAAA;AAAA,IACtB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EAGD,qBAAqB,GAAI,CAAA;AAAA,IACvB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,cAAc,GAAI,CAAA;AAAA,IAChB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,qBAAqB,GAAI,CAAA;AAAA,IACvB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,4BAA4B,GAAI,CAAA;AAAA,IAC9B,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,mCAAmC,GAAI,CAAA;AAAA,IACrC,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,2BAA2B,GAAI,CAAA;AAAA,IAC7B,OAAS,EAAA;AAAA,GACV;AACH,CAAC"}
1	+ {"version":3,"file":"config.js","sources":["../../../../src/screens/inbox/config/config.ts"],"sourcesContent":["import { cleanEnv, num, str } from 'envalid';\n\nexport const config = cleanEnv(process['APP_ENV'] \|\| process.env, {\n MESSAGES_PER_PAGE: num({ devDefault: 20, default: 20 }),\n FILES_PER_MESSAGE: num({ default: 10 }),\n INBOX_MESSEGE_PATH: str({ default: 'MainStack.Message' }),\n // THREAD_MESSEGE_PATH: str({ default: 'MainStack.Thread' }),\n // THREADS_PATH: str({ default: 'MainStack.ThreadMessage' }),\n THREAD_MESSEGE_PATH: str({ default: 'MainStack.ThreadMessage' }),\n THREADS_PATH: str({ default: 'MainStack.Thread' }),\n CALL_TO_ACTION_PATH: str({ default: 'MainStack.GuestReservationRequestDetail' }),\n CALL_TO_ACTION_BOX_BGCOLOR: str({ default: '#0084ff' }),\n CALL_TO_ACTION_BUTTON_BORDERCOLOR: str({ default: '#000' }),\n CALL_TO_ACTION_TEXT_COLOR: str({ default: '#000' }),\n});\n"],"names":[],"mappings":"uCACO,MAAM,MAAS,GAAA,QAAA,CAAS,OAAQ,CAAA,SAAA,CAAA,IAAc,QAAQ,GAAK,EAAA;AAAA,EAChE,mBAAmB,GAAI,CAAA;AAAA,IACrB,UAAY,EAAA,EAAA;AAAA,IACZ,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,mBAAmB,GAAI,CAAA;AAAA,IACrB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,oBAAoB,GAAI,CAAA;AAAA,IACtB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EAGD,qBAAqB,GAAI,CAAA;AAAA,IACvB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,cAAc,GAAI,CAAA;AAAA,IAChB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,qBAAqB,GAAI,CAAA;AAAA,IACvB,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,4BAA4B,GAAI,CAAA;AAAA,IAC9B,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,mCAAmC,GAAI,CAAA;AAAA,IACrC,OAAS,EAAA;AAAA,GACV,CAAA;AAAA,EACD,2BAA2B,GAAI,CAAA;AAAA,IAC7B,OAAS,EAAA;AAAA,GACV;AACH,CAAC"}