@messenger-box/platform-mobile 10.0.3-alpha.18 → 10.0.3-alpha.180

package/lib/screens/inbox/components/SlackMessageContainer/SlackBubble.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {StyleSheet,TouchableHighlight,View,Text,Platform,Dimensions}from'react-native';import {MessageText,Time,utils}from'react-native-gifted-chat';import CachedImage from'../CachedImage/index.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {StyleSheet,View,TouchableHighlight,Text,Platform,Dimensions}from'react-native';import {MessageText,MessageImage,Time,utils}from'react-native-gifted-chat';import CachedImage from'../CachedImage/index.js';var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -29,10 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 const {
   isSameUser,
   isSameDay
@@ -64,52 +61,164 @@ class Bubble extends React__default.Component {
     return null;
   }
   renderMessageImage() {
-    if (this.props.currentMessage.image) {
-      const _a = this.props, {
-        containerStyle,
-        wrapperStyle
-      } = _a, messageImageProps = __objRest(_a, [
-        "containerStyle",
-        "wrapperStyle"
-      ]);
+    const _a = this.props, {
+      currentMessage,
+      containerStyle,
+      wrapperStyle
+    } = _a, messageImageProps = __objRest(_a, [
+      "currentMessage",
+      "containerStyle",
+      "wrapperStyle"
+    ]);
+    if (currentMessage.images && Array.isArray(currentMessage.images) && currentMessage.images.length > 0) {
+      const validImages = currentMessage.images.filter((url) => url && typeof url === "string");
+      if (validImages.length === 0) {
+        return null;
+      }
+      return /* @__PURE__ */ React__default.createElement(View, { style: {
+        marginVertical: 0
+      } }, /* @__PURE__ */ React__default.createElement(View, { style: {
+        flexDirection: "row",
+        flexWrap: "wrap",
+        gap: 8
+      } }, validImages.map((imageUrl, index) => {
+        const isLocalImage = imageUrl.startsWith("file:") || imageUrl.startsWith("data:") || imageUrl.startsWith("content:") || !imageUrl.startsWith("http://") && !imageUrl.startsWith("https://");
+        const imageSize = validImages.length === 1 ? {
+          width: windowWidth * 0.6,
+          height: windowWidth * 0.4
+        } : {
+          width: windowWidth * 0.3,
+          height: windowWidth * 0.3
+        };
+        const isUploading = currentMessage.isUploading;
+        return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { key: `image-${index}-${currentMessage._id}`, underlayColor: "transparent", onPress: () => {
+          if (isUploading) return;
+          const imageObject = {
+            _id: `${currentMessage._id}-img-${index}`,
+            image: imageUrl
+          };
+          this.props.setImageViewer(imageObject, true);
+        } }, /* @__PURE__ */ React__default.createElement(View, { style: __spreadProps(__spreadValues({}, imageSize), {
+          maxHeight: 200,
+          borderRadius: 8,
+          overflow: "hidden",
+          borderWidth: 1,
+          borderColor: "#e0e0e0",
+          backgroundColor: "#f7f7f7"
+        }) }, isLocalImage ? (
+          // For local images, use direct Image component with no loading state
+          /* @__PURE__ */ React__default.createElement(View, { style: {
+            width: "100%",
+            height: "100%"
+          } }, /* @__PURE__ */ React__default.createElement(MessageImage, __spreadProps(__spreadValues({}, messageImageProps), { currentMessage: __spreadProps(__spreadValues({}, currentMessage), {
+            image: imageUrl
+          }), imageStyle: {
+            width: "100%",
+            height: "100%",
+            borderRadius: 8
+          } })), isUploading && /* @__PURE__ */ React__default.createElement(View, { style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: "rgba(0,0,0,0.2)",
+            justifyContent: "center",
+            alignItems: "center"
+          } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+            color: "white",
+            fontWeight: "bold"
+          } }, "Uploading...")))
+        ) : (
+          // For remote images, use CachedImage with loading placeholder
+          /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
+            width: "100%",
+            height: "100%"
+          }], cacheKey: `${currentMessage._id}-img-${index}-slack-bubble-imageKey`, source: {
+            uri: imageUrl,
+            expiresIn: 86400
+          }, resizeMode: "cover", alt: "image", placeholderContent: /* @__PURE__ */ React__default.createElement(View, { style: [styles.slackImage, {
+            width: "100%",
+            height: "100%",
+            backgroundColor: "#e1e1e1",
+            justifyContent: "center",
+            alignItems: "center",
+            borderRadius: 8
+          }] }, /* @__PURE__ */ React__default.createElement(Text, null, isUploading ? "Uploading..." : "Loading...")) })
+        )));
+      })));
+    }
+    if (currentMessage.image) {
       if (this.props.renderMessageImage) {
         return this.props.renderMessageImage(messageImageProps);
       }
       const {
         image,
         _id
-      } = messageImageProps == null ? void 0 : messageImageProps.currentMessage;
+      } = currentMessage;
       if (!image || typeof image !== "string") {
-        console.log("Invalid image URL:", image);
         return null;
       }
-      console.log("Rendering message image:", image);
+      const isLocalImage = image.startsWith("file:") || image.startsWith("data:") || image.startsWith("content:") || // Check if the image is a pendingUpload by checking if it doesn't start with http/https
+      !image.startsWith("http://") && !image.startsWith("https://");
+      const isUploading = currentMessage.isUploading;
       return /* @__PURE__ */ React__default.createElement(TouchableHighlight, { underlayColor: "transparent", style: {
         width: "100%",
-        marginVertical: 5
-      }, onPress: () => this.props.setImageViewer(messageImageProps == null ? void 0 : messageImageProps.currentMessage, true) }, /* @__PURE__ */ React__default.createElement(View, { style: {
+        marginVertical: 0
+      }, onPress: () => {
+        if (isUploading) return;
+        this.props.setImageViewer(currentMessage, true);
+      } }, /* @__PURE__ */ React__default.createElement(View, { style: {
         width: windowWidth * 0.6,
+        // 60% of screen width
         height: windowWidth * 0.4,
+        // Maintain aspect ratio
         maxHeight: 200,
         borderRadius: 8,
         overflow: "hidden",
         borderWidth: 1,
         borderColor: "#e0e0e0",
         backgroundColor: "#f7f7f7"
-      } }, /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
-        width: "100%",
-        height: "100%"
-      }], cacheKey: `${_id}-slack-bubble-imageKey`, source: {
-        uri: image,
-        expiresIn: 86400
-      }, resizeMode: "cover", alt: "image", placeholderContent: /* @__PURE__ */ React__default.createElement(View, { style: [styles.slackImage, {
-        width: "100%",
-        height: "100%",
-        backgroundColor: "#e1e1e1",
-        justifyContent: "center",
-        alignItems: "center",
-        borderRadius: 8
-      }] }, /* @__PURE__ */ React__default.createElement(Text, null, "Loading...")) })));
+      } }, isLocalImage ? (
+        // For local images, use direct Image component with no loading state
+        /* @__PURE__ */ React__default.createElement(View, { style: {
+          width: "100%",
+          height: "100%",
+          position: "relative"
+        } }, /* @__PURE__ */ React__default.createElement(MessageImage, __spreadProps(__spreadValues({}, messageImageProps), { imageStyle: {
+          width: "100%",
+          height: "100%",
+          borderRadius: 8
+        } })), isUploading && /* @__PURE__ */ React__default.createElement(View, { style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "rgba(0,0,0,0.2)",
+          justifyContent: "center",
+          alignItems: "center"
+        } }, /* @__PURE__ */ React__default.createElement(Text, { style: {
+          color: "white",
+          fontWeight: "bold"
+        } }, "Uploading...")))
+      ) : (
+        // For remote images, use CachedImage with loading placeholder
+        /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
+          width: "100%",
+          height: "100%"
+        }], cacheKey: `${_id}-slack-bubble-imageKey`, source: {
+          uri: image,
+          expiresIn: 86400
+        }, resizeMode: "cover", alt: "image", placeholderContent: /* @__PURE__ */ React__default.createElement(View, { style: [styles.slackImage, {
+          width: "100%",
+          height: "100%",
+          backgroundColor: "#e1e1e1",
+          justifyContent: "center",
+          alignItems: "center",
+          borderRadius: 8
+        }] }, /* @__PURE__ */ React__default.createElement(Text, null, isUploading ? "Uploading..." : "Loading...")) })
+      )));
     }
     return null;
   }
@@ -226,14 +335,17 @@ const styles = StyleSheet.create({
     marginRight: 10
   },
   headerView: {
+    // Try to align it better with the avatar on Android.
     marginTop: Platform.OS === "android" ? -2 : 0,
     flexDirection: "row",
     alignItems: "baseline"
   },
+  /* eslint-disable react-native/no-color-literals */
   tick: {
     backgroundColor: "transparent",
     color: "white"
   },
+  /* eslint-enable react-native/no-color-literals */
   tickView: {
     flexDirection: "row"
   },

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

@@ -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            // Add validation for image URL\n            if (!image || typeof image !== 'string') {\n                console.log('Invalid image URL:', image);\n                return null;\n            }\n\n            // Log the image URL for debugging\n            console.log('Rendering message image:', image);\n\n            return (\n                <TouchableHighlight\n                    underlayColor={'transparent'}\n                    style={{ width: '100%', marginVertical: 5 }}\n                    onPress={() => this.props.setImageViewer(messageImageProps?.currentMessage, true)}\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                        <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>Loading...</Text>\n                                </View>\n                            }\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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"}
+{"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

@@ -29,10 +29,7 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, key + "" , value);
-  return value;
-};
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
 const {
   isSameUser,
   isSameDay
@@ -95,9 +92,11 @@ const styles = StyleSheet.create({
     marginRight: 0
   },
   slackAvatar: {
+    // The bottom should roughly line up with the first line of message text.
     height: 40,
     width: 40,
     borderRadius: 3,
+    // marginTop: 0,
     marginTop: 1
   }
 });

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

@@ -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'} 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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"}
+{"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

@@ -0,0 +1,22 @@
+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

@@ -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,mBAAA,CAAoB;AAAA,EAClC,eAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA,GAAU;AACZ,CAAA,EASG;AACD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AACd,IAAA,MAAM,cAAc,eAAA,CAAgB;AAAA,MAClC,QAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA;AAAA,MACA;AAAA,KACD,CAAA;AACD,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,WAAA,IAAe,OAAO,WAAA,KAAgB,UAAA,EAAY,WAAA,EAAY;AAAA,IACpE,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,eAAA,EAAiB,QAAA,EAAU,IAAA,CAAK,SAAA,CAAU,SAAS,CAAA,EAAG,WAAA,EAAa,OAAA,EAAS,OAAO,CAAC,CAAA;AACxF,EAAA,OAAO,IAAA;AACT"}

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

@@ -1,54 +1,74 @@
-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';import colors from'tailwindcss/colors';const createdAtText = (value) => {
-  if (!value)
-    return "";
+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");
+  if (isToday(date)) 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", className: "flex-1 py-2 px-2 border rounded-md bg-white border-gray-200 dark:border-white dark:bg-white" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "py-2 w-[100%] flex-1 justify-between items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "flex-1" }, /* @__PURE__ */ React__default.createElement(HStack, { space: "sm", className: "flex-1 justify-center items-center" }, /* @__PURE__ */ React__default.createElement(Box, { className: "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", className: "pb-2 pt-1" }, /* @__PURE__ */ React__default.createElement(Box, null, /* @__PURE__ */ React__default.createElement(Avatar, { key: "thread-view-key-" + index, size: "md", className: "bg-transparent top-0 right-0 z-[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"
+  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
+    },
+    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: (_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: colors.gray[500] }, (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: colors.gray[600], 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, className: "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", className: "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"))));
-  })))))));
+      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