@messenger-box/platform-mobile 10.0.3-alpha.40 → 10.0.3-alpha.46

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;
@@ -64,28 +64,109 @@ 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 ? /* @__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..."))) : /* @__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") {
         return null;
       }
+      const isLocalImage = image.startsWith("file:") || image.startsWith("data:") || image.startsWith("content:") || !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,
         height: windowWidth * 0.4,
         maxHeight: 200,
@@ -94,7 +175,27 @@ class Bubble extends React__default.Component {
         borderWidth: 1,
         borderColor: "#e0e0e0",
         backgroundColor: "#f7f7f7"
-      } }, /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
+      } }, isLocalImage ? /* @__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..."))) : /* @__PURE__ */ React__default.createElement(CachedImage, { style: [styles.slackImage, {
         width: "100%",
         height: "100%"
       }], cacheKey: `${_id}-slack-bubble-imageKey`, source: {
@@ -107,7 +208,7 @@ class Bubble extends React__default.Component {
         justifyContent: "center",
         alignItems: "center",
         borderRadius: 8
-      }] }, /* @__PURE__ */ React__default.createElement(Text, null, "Loading...")) })));
+      }] }, /* @__PURE__ */ React__default.createElement(Text, null, isUploading ? "Uploading..." : "Loading...")) })));
     }
     return null;
   }

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                return null;\n            }\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: 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/SubscriptionHandler.js

@@ -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

@@ -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"}