@messenger-box/platform-mobile 10.0.3-alpha.20 → 10.0.3-alpha.201

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                    accessibilityRole=\"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

@@ -1,4 +1,4 @@
-import React__default from'react';import {StyleSheet,View}from'react-native';import {Day,utils}from'react-native-gifted-chat';import {Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import Bubble from'./SlackBubble.js';var __defProp = Object.defineProperty;
+import React__default from'react';import {View,StyleSheet}from'react-native';import {Day,utils}from'react-native-gifted-chat';import {Avatar,AvatarFallbackText,AvatarImage}from'@admin-layout/gluestack-ui-mobile';import Bubble from'./SlackBubble.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, 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM;AAAA,EACJ,UAAA;AAAA,EACA;AACF,CAAI,GAAA,KAAA;AACiB,MAAA,OAAA,SAAgBA,eAAM,SAAe,CAAA;AAAA,EAaxD,sBAAyB,GAAA;AACvB,IAAA,MAGI,UAAK,KAFP,EAAA;AAAA,MAAA;AAAA,KA3BN,GA6BQ,EADC,EAAA,KAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,MADH;AAAA,KAAA,CAAA;AAGF,IAAA,OAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,QAAU,EAAA,MAAA;AAAA,MACV,UAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA;AACF,EACA,SAAY,GAAA;AACV,IAAI,IAAA,IAAA,CAAK,KAAM,CAAA,cAAA,CAAe,SAAW,EAAA;AACvC,MAAM,MAAA,QAAA,GAAW,KAAK,sBAAuB,EAAA;AAC7C,MAAI,IAAA,IAAA,CAAK,MAAM,SAAW,EAAA;AACxB,QAAO,OAAA,IAAA,CAAK,KAAM,CAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AAEtC,MAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAQ,QAAU,CAAA,CAAA;AAAA;AAE5B,IAAO,OAAA,IAAA;AAAA;AACT,EACA,YAAe,GAAA;AACb,IAAM,MAAA,WAAA,GAAc,KAAK,sBAAuB,EAAA;AAChD,IAAI,IAAA,IAAA,CAAK,MAAM,YAAc,EAAA;AAC3B,MAAO,OAAA,IAAA,CAAK,KAAM,CAAA,YAAA,CAAa,WAAW,CAAA;AAAA;AAE5C,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,MAAW,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAA,WAAA,CAAA,EAAX,EAAwB,iBAAA,EAAmB,IAAK,CAAA,KAAA,CAAM,iBAAmB,EAAA,cAAA,EAAgB,IAAK,CAAA,KAAA,CAAM,cAAgB,EAAA,CAAA,CAAA;AAAA;AAC9H,EACA,YAAe,GAAA;AAtDjB,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAyDI,IAAA,IAAI,oBAAgC,GAAA,KAAA;AACpC,IAAA,IAAI,UAAW,CAAA,IAAA,CAAK,KAAM,CAAA,cAAA,EAAgB,KAAK,KAAM,CAAA,eAAe,CAAK,IAAA,SAAA,CAAU,KAAK,KAAM,CAAA,cAAA,EAAgB,IAAK,CAAA,KAAA,CAAM,eAAe,CAAG,EAAA;AAKzI,MAAuB,oBAAA,GAAA,IAAA;AAAA;AAEzB,IAAM,MAAA,WAAA,GAAmB,KAAK,sBAAuB,EAAA;AACrD,IAAA,oDAAQ,MAAO,EAAA,EAAA,IAAA,EAAM,IAAM,EAAA,SAAA,EAAU,sDACxBA,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EACI,oBAAuB,GAAA,EAAA,GAAA,CAAK,sDAAa,cAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,IAA7B,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmC,KAAK,CACzE,CAAA,CAAA,EACC,CAAC,oBAAA,KAAA,CAAwB,sDAAa,cAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,IAA7B,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAmC,2BAAWA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,GAAI,EAAA,OAAA,EAAQ,OAAO,cAC5G,CAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAO,WACP,CAAA,EAAA,WAAA,CAAY,aACd,MAAQ,EAAA;AAAA,MACT,GAAK,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,WAAA,IAAA,IAAA,GAAA,MAAA,GAAA,WAAA,CAAa,cAAb,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAA6B,SAA7B,IAAmC,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,OACvC,CACG,CAAA;AAAA;AASV,EACA,MAAS,GAAA;AACP,IAAM,MAAA,YAAA,GAAe,WAAW,IAAK,CAAA,KAAA,CAAM,gBAAgB,IAAK,CAAA,KAAA,CAAM,WAAW,CAAA,GAAI,CAAI,GAAA,EAAA;AACzF,IAAO,uBAAAA,cAAA,CAAA,aAAA,CAAC,IACK,EAAA,IAAA,EAAA,IAAA,CAAK,SAAU,EAAA,+CACf,IAAK,EAAA,EAAA,KAAA,EAAO,CAAC,MAAA,CAAO,SAAW,EAAA;AAAA,MACxC;AAAA,KACF,EAAG,IAAK,CAAA,KAAA,CAAM,cAAc,CAAA,EAAA,EACb,IAAK,CAAA,YAAA,EACL,EAAA,IAAA,CAAK,YAAa,EACvB,CACJ,CAAA;AAAA;AAEZ;AArFE,aAAA,CADmB,OACZ,EAAA,cAAA,CAAA;AAsFT,MAAM,MAAA,GAAS,WAAW,MAAO,CAAA;AAAA,EAC/B,SAAW,EAAA;AAAA,IACT,aAAe,EAAA,KAAA;AAAA,IACf,UAAY,EAAA,YAAA;AAAA,IACZ,cAAgB,EAAA,YAAA;AAAA,IAChB,UAAY,EAAA,CAAA;AAAA,IACZ,WAAa,EAAA;AAAA,GACf;AAAA,EACA,WAAa,EAAA;AAAA,IAEX,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,YAAc,EAAA,CAAA;AAAA,IAEd,SAAW,EAAA;AAAA;AAEf,CAAC,CAAA;AACD,OAAA,CAAQ,YAAe,GAAA;AAAA,EACrB,YAAc,EAAA,MAAA;AAAA,EACd,YAAc,EAAA,IAAA;AAAA,EACd,SAAW,EAAA,IAAA;AAAA,EACX,gBAAgB,EAAC;AAAA,EACjB,aAAa,EAAC;AAAA,EACd,iBAAiB,EAAC;AAAA,EAClB,MAAM,EAAC;AAAA,EACP,gBAAgB,EAAC;AAAA,EACjB,iBAAmB,EAAA,KAAA;AAAA,EACnB,cAAA,EAAgB,CAAC,GAAA,EAAU,CAAe,KAAA;AAC5C,CAAA"}
+{"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

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

@@ -1 +1 @@
-{"version":3,"file":"ThreadsViewItem.js","sources":["../../../../src/screens/inbox/components/ThreadsViewItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n    VStack,\n    Text,\n    Image,\n    Pressable,\n    HStack,\n    Box,\n    AvatarGroup,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    AvatarBadge,\n    View,\n    Button,\n    ButtonText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, IUserAccount } from 'common';\nimport {\n    useThreadMessagesQuery,\n    useMessagesQuery,\n    useUserAccountQuery,\n    useOnThreadChatMessageAddedSubscription,\n    useOnThreadCreatedUpdatedSubscription,\n} from 'common/graphql';\nimport { startCase } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\n\nconst createdAtText = (value: string) => {\n    if (!value) return '';\n    let date = new Date(value);\n    if (isToday(date)) return 'Today';\n    if (isYesterday(date)) return 'Yesterday';\n    return format(new Date(value), 'MMM dd, yyyy');\n};\n\nexport interface IDialogListChannel extends IChannel {\n    users: IUserAccount[];\n}\n\nexport interface IDialogListItemProps {\n    currentUser?: any;\n    users?: any;\n    thread?: any;\n    onOpen: (id: any, title: any, postParentId?: any) => void;\n    role?: any;\n    setData?: any;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const ThreadViewItemComponent: React.FC<IDialogListItemProps> = function DialogsListItem({\n    currentUser,\n    // users,\n    thread,\n    onOpen,\n    role,\n    setData,\n}) {\n    // const { data: threadCreatedUpdated } = useOnThreadCreatedUpdatedSubscription({\n    //     variables: {\n    //         channelId: thread?.channel?.id?.toString(),\n    //         postParentId: thread?.post?.id?.toString(),\n    //     },\n    // });\n\n    useFocusEffect(\n        React.useCallback(() => {\n            // Do something when the screen is focused\n            return () => {\n                // Do something when the screen is unfocused\n                // Useful for cleanup functions\n            };\n        }, []),\n    );\n\n    const threadPostReply = React.useMemo(() => {\n        if (!thread?.replies) return null;\n        return thread?.replies;\n    }, [thread]);\n\n    // React.useEffect(() => {\n    //     if (threadCreatedUpdated?.threadCreatedUpdated?.data) setData(threadCreatedUpdated?.threadCreatedUpdated?.data);\n    // }, [threadCreatedUpdated?.threadCreatedUpdated]);\n\n    // const threadPostReply = React.useMemo(() => {\n    //     if (!thread?.replies) return null;\n    //     if (threadCreatedUpdated?.threadCreatedUpdated?.data?.replies?.length) {\n    //         return threadCreatedUpdated?.threadCreatedUpdated?.data?.replies;\n    //     } else return thread?.replies;\n    // }, [thread, threadCreatedUpdated]);\n\n    // const lastMessage = useMemo(() => {\n    //     if (!threadPost) {\n    //         return null;\n    //     }\n    //     const replies = threadPost?.replies?.filter((p: any) => p?.message !== '') ?? [];\n    //     if (replies?.length) {\n    //         return replies[0];\n    //         // return replies[replies.length - 1];\n    //     } else {\n    //         const post = threadPost?.post ?? null;\n    //         return post ? post?.post : null;\n    //     }\n    // }, [threadPost]);\n\n    // const participants: any = React.useMemo(() => {\n    //     if (!thread?.participants?.length) return null;\n    //     return thread?.participants?.filter((u: any) => u?.user?.id !== currentUser?.id) ?? [];\n    // }, [thread]);\n\n    // const allParticipantsNames: any = React.useMemo(() => {\n    //     if (!participants?.length) return null;\n    //     return (\n    //         participants\n    //             ?.map((p: any) => {\n    //                 return p?.user?.givenName + ' ' + p?.user?.familyName ?? '';\n    //             })\n    //             ?.join(', ') ?? ''\n    //     );\n    // }, [participants]);\n\n    if (!threadPostReply || threadPostReply?.length == 0) {\n        return <></>;\n    }\n\n    return (\n        <VStack\n            space={'sm'}\n            className=\"flex-1 py-2 px-2 border rounded-md bg-white border-gray-200 dark:border-white dark:bg-white\"\n        >\n            <HStack space={'sm'} className=\"py-2 w-[100%] flex-1 justify-between items-center\">\n                <Box className=\"flex-1\">\n                    {/* <HStack flex={1} space={5} py={2} alignItems={'baseline'}>\n                        <Box>\n                            <Avatar.Badge size={4} left={0} zIndex={1} bg=\"green.800\" />\n                        </Box>\n                        <Box>\n                            <Text color=\"gray.600\" fontSize=\"lg\" flexWrap={'wrap'} fontWeight=\"semibold\">\n                                {allParticipantsNames || ''}\n                            </Text>\n                        </Box>\n                    </HStack> */}\n                    <HStack space={'sm'} className=\"flex-1 justify-center items-center\">\n                        <Box className=\"flex-1\">\n                            {/* <HStack space={2} py={2}>\n                                <Box>\n                                    <Avatar\n                                        bg={'transparent'}\n                                        size={8}\n                                        _image={{ borderRadius: 6, borderWidth: 2, borderColor: '#fff' }}\n                                        source={{\n                                            uri: thread?.post?.author?.picture,\n                                        }}\n                                    >\n                                        {startCase(thread?.post?.author?.username?.charAt(0))}\n                                    </Avatar>\n                                </Box>\n                                <Box>\n                                    <HStack space={4}>\n                                        <Text>\n                                            {thread?.post?.author?.givenName + ' ' + thread?.post?.author?.familyName ??\n                                                ''}\n                                        </Text>\n                                        <Text color=\"gray.500\">\n                                            {thread?.post ? createdAtText(thread?.post?.createdAt) : ''}\n                                        </Text>\n                                    </HStack>\n                                    <Text color=\"gray.600\" noOfLines={2}>\n                                        {thread?.post?.message ?? ''}\n                                    </Text>\n                                    {!thread?.replies?.length && (\n                                        <Button\n                                            size={'xs'}\n                                            w={150}\n                                            variant={'outline'}\n                                            _text={{ fontSize: 12, color: '#000' }}\n                                            onPress={() =>\n                                                onOpen(thread?.channel?.id, thread?.channel?.title, thread?.post?.id)\n                                            }\n                                        >\n                                            Reply\n                                        </Button>\n                                    )}\n                                </Box>\n                            </HStack> */}\n                            {threadPostReply?.length > 0 && (\n                                <>\n                                    {threadPostReply\n                                        ?.slice(0, 2)\n                                        ?.reverse()\n                                        ?.map((reply: any, index: any) => (\n                                            <HStack key={index} space={'sm'} className=\"pb-2 pt-1\">\n                                                <Box>\n                                                    <Avatar\n                                                        key={'thread-view-key-' + index}\n                                                        size={'md'}\n                                                        className=\"bg-transparent top-0 right-0 z-[1]\"\n                                                    >\n                                                        <AvatarFallbackText>\n                                                            {' '}\n                                                            {startCase(reply?.author?.username?.charAt(0))}\n                                                        </AvatarFallbackText>\n                                                        <AvatarImage\n                                                            alt=\"image\"\n                                                            style={{\n                                                                borderRadius: 6,\n                                                                borderWidth: 2,\n                                                                borderColor: '#fff',\n                                                            }}\n                                                            source={{\n                                                                uri: reply?.author?.picture,\n                                                            }}\n                                                        />\n                                                    </Avatar>\n                                                </Box>\n                                                <Box>\n                                                    <HStack space={'md'}>\n                                                        <Text>\n                                                            {reply?.author?.givenName ?? '' ?? ''}{' '}\n                                                            {reply?.author?.familyName ?? '' ?? ''}\n                                                            {/* {lastMessage?.author?.givenName +\n                                                    ' ' +\n                                                    lastMessage?.author?.familyName ?? ''} */}\n                                                        </Text>\n                                                        <Text color={colors.gray[500]}>\n                                                            {reply?.createdAt ? createdAtText(reply?.createdAt) : ''}\n                                                            {/* {lastMessage ? createdAtText(lastMessage?.createdAt) : ''} */}\n                                                        </Text>\n                                                    </HStack>\n                                                    <VStack space={'sm'}>\n                                                        {reply?.message && (\n                                                            <Text color={colors.gray[600]} numberOfLines={2}>\n                                                                {reply?.message.length < 70\n                                                                    ? `${reply?.message}`\n                                                                    : `${reply?.message.substring(0, 68)}....`}\n                                                            </Text>\n                                                        )}\n                                                        {/* <Text color=\"gray.600\" noOfLines={2}>\n                                                            {reply?.message\n                                                                ? reply?.message.length < 70\n                                                                    ? `${reply?.message}`\n                                                                    : `${reply?.message.substring(0, 68)}....`\n                                                                : ''}\n                                                        </Text> */}\n\n                                                        <>\n                                                            {reply?.files?.data?.length > 0 &&\n                                                                reply?.files?.data?.map((f: any, index: any) => (\n                                                                    <Box>\n                                                                        <Avatar\n                                                                            key={'thread-view-other-key-' + index}\n                                                                            className=\"bg-transparent\"\n                                                                            size={'md'}\n                                                                        >\n                                                                            <AvatarFallbackText> I</AvatarFallbackText>\n                                                                            <AvatarImage\n                                                                                alt=\"image\"\n                                                                                style={{\n                                                                                    borderRadius: 6,\n                                                                                    borderWidth: 2,\n                                                                                    borderColor: '#fff',\n                                                                                }}\n                                                                                source={{\n                                                                                    uri: f?.url,\n                                                                                }}\n                                                                            />\n                                                                        </Avatar>\n                                                                    </Box>\n                                                                ))}\n                                                        </>\n                                                    </VStack>\n\n                                                    {(threadPostReply?.length == 1 || index !== 0) && (\n                                                        <Button\n                                                            size={'xs'}\n                                                            className=\"w-[150]\"\n                                                            variant={'outline'}\n                                                            onPress={() =>\n                                                                onOpen(\n                                                                    thread?.channel?.id,\n                                                                    thread?.channel?.title,\n                                                                    thread?.post?.id,\n                                                                )\n                                                            }\n                                                        >\n                                                            <ButtonText style={{ fontSize: 12, color: '#000' }}>\n                                                                Reply\n                                                            </ButtonText>\n                                                        </Button>\n                                                    )}\n                                                </Box>\n                                            </HStack>\n                                        ))}\n                                </>\n                            )}\n                        </Box>\n                    </HStack>\n                </Box>\n            </HStack>\n            {/* <HStack>\n                <Box flex={0.06} alignItems={'flex-start'}></Box>\n                <Button\n                    size={'xs'}\n                    variant={'outline'}\n                    _text={{ fontSize: 12, color: '#000' }}\n                    onPress={() => onOpen(thread?.channel?.id, thread?.channel?.title, postParentId)}\n                >\n                    Reply\n                </Button>\n            </HStack> */}\n        </VStack>\n    );\n};\n\nexport const ThreadViewItem = React.memo(ThreadViewItemComponent);\n"],"names":["React","_a","_b","index","_c"],"mappings":"kVAQA,MAAM,aAAA,GAAgB,CAAC,KAAkB,KAAA;AACvC,EAAA,IAAI,CAAC,KAAA;AAAO,IAAO,OAAA,EAAA;AACnB,EAAI,IAAA,IAAA,GAAO,IAAI,IAAA,CAAK,KAAK,CAAA;AACzB,EAAA,IAAI,QAAQ,IAAI,CAAA;AAAG,IAAO,OAAA,OAAA;AAC1B,EAAA,IAAI,YAAY,IAAI,CAAA;AAAG,IAAO,OAAA,WAAA;AAC9B,EAAA,OAAO,MAAO,CAAA,IAAI,IAAK,CAAA,KAAK,GAAG,cAAc,CAAA;AAC/C,CAAA;AAkBa,MAAA,uBAAA,GAA0D,SAAS,eAAgB,CAAA;AAAA,EAC9F,WAAA;AAAA,EAEA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAG,EAAA;AAvCH,EAAA,IAAA,EAAA,EAAA,EAAA;AA+CE,EAAe,cAAA,CAAAA,cAAA,CAAM,YAAY,MAAM;AAErC,IAAA,OAAO,MAAM;AAAA,KAGb;AAAA,GACF,EAAG,EAAE,CAAC,CAAA;AACN,EAAM,MAAA,eAAA,GAAkBA,cAAM,CAAA,OAAA,CAAQ,MAAM;AAC1C,IAAA,IAAI,EAAC,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,OAAA,CAAA;AAAS,MAAO,OAAA,IAAA;AAC7B,IAAA,OAAO,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,OAAA;AAAA,GACjB,EAAG,CAAC,MAAM,CAAC,CAAA;AA2CX,EAAA,IAAI,CAAC,eAAA,IAAA,CAAmB,eAAiB,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAA,MAAA,KAAU,CAAG,EAAA;AACpD,IAAA,uBAASA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA;AAAA;AAEX,EAAA,oDAAQ,MAAO,EAAA,EAAA,KAAA,EAAO,MAAM,SAAU,EAAA,6FAAA,EAAA,+CAC3B,MAAO,EAAA,EAAA,KAAA,EAAO,IAAM,EAAA,SAAA,EAAU,uEAC1BA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAI,WAAU,QAWX,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,KAAO,EAAA,IAAA,EAAM,SAAU,EAAA,oCAAA,EAAA,+CAC1B,GAAI,EAAA,EAAA,SAAA,EAAU,aA0CV,eAAiB,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAA,MAAA,IAAS,qBAClBA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,KAAM,CAAA,CAAA,EAAG,OAA1B,IAA8B,GAAA,MAAA,GAAA,EAAA,CAAA,OAAA,EAAA,KAA9B,mBAAyC,GAAI,CAAA,CAAC,OAAY,KAAY,KAAA;AAhK3G,IAAA,IAAAC,KAAAC,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAgK8G,IAAA,uBAAAF,cAAA,CAAA,aAAA,CAAC,UAAO,GAAK,EAAA,KAAA,EAAO,KAAO,EAAA,IAAA,EAAM,WAAU,WACzG,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,GACG,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAO,GAAK,EAAA,kBAAA,GAAqB,OAAO,IAAM,EAAA,IAAA,EAAM,WAAU,oCAC3D,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,kBACI,EAAA,IAAA,EAAA,GAAA,EACA,WAAUE,GAAAD,GAAAA,CAAAA,GAAAA,GAAA,+BAAO,MAAP,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAe,QAAf,KAAA,IAAA,GAAA,MAAA,GAAAC,GAAyB,CAAA,MAAA,CAAO,EAAE,CACjD,CAAA,+CACC,WAAY,EAAA,EAAA,GAAA,EAAI,SAAQ,KAAO,EAAA;AAAA,MAClE,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,GAAA,EAAA,CAAK,EAAO,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,MAAA,KAAP,IAAe,GAAA,MAAA,GAAA,EAAA,CAAA;AAAA,KACtB,EAAG,CAC6B,CACJ,CACA,kBAAAF,cAAA,CAAA,aAAA,CAAC,2BACIA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,KAAO,EAAA,IAAA,EAAA,kBACVA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,CACI,gDAAO,MAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,SAAf,KAAA,IAAA,GAAA,EAAA,GAA4B,EAA5B,KAAA,IAAA,GAAA,EAAA,GAAkC,IAAI,GACtC,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,MAAP,KAAA,IAAA,GAAA,MAAA,GAAA,EAAA,CAAe,UAAf,KAAA,IAAA,GAAA,EAAA,GAA6B,OAA7B,IAAmC,GAAA,EAAA,GAAA,EAIxC,CACA,kBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,IAAK,CAAA,GAAA,CAAA,EAAA,EAAA,CACpB,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,SAAA,IAAY,aAAc,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,SAAS,CAAI,GAAA,EAE1D,CACJ,CAAA,kBACCA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,OAAO,IACV,EAAA,EAAA,CAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,OAAW,qBAAAA,cAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAO,OAAO,IAAK,CAAA,GAAA,CAAA,EAAM,aAAe,EAAA,CAAA,EAAA,EAAA,CACxD,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,OAAA,CAAQ,UAAS,EAAK,GAAA,CAAA,EAAG,KAAO,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAA,OAAA,CAAA,CAAA,GAAY,CAAG,EAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,QAAQ,SAAU,CAAA,CAAA,EAAG,EACvF,CAAA,CAAA,IAAA,CAAA,CAAA,kBAUCA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,UAAP,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,KAAd,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,MAAA,IAAS,CAAK,KAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,KAAA,IAAA,IAAA,GAAA,MAAA,GAAA,KAAA,CAAO,UAAP,IAAc,GAAA,MAAA,GAAA,EAAA,CAAA,IAAA,KAAd,IAAoB,GAAA,MAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,CAAA,EAAQG,2BAAgBH,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,kBACvEA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,GAAK,EAAA,wBAAA,GAA2BG,QAAO,SAAU,EAAA,gBAAA,EAAiB,IAAM,EAAA,IAAA,EAAA,kBAC3EH,cAAA,CAAA,aAAA,CAAA,kBAAA,EAAA,IAAA,EAAmB,IAAE,CAAA,kBACrBA,cAAA,CAAA,aAAA,CAAA,WAAA,EAAA,EAAY,GAAI,EAAA,OAAA,EAAQ,KAAO,EAAA;AAAA,MAChF,YAAc,EAAA,CAAA;AAAA,MACd,WAAa,EAAA,CAAA;AAAA,MACb,WAAa,EAAA;AAAA,OACZ,MAAQ,EAAA;AAAA,MACT,KAAK,CAAG,IAAA,IAAA,GAAA,MAAA,GAAA,CAAA,CAAA;AAAA,KACV,EAAG,CAC2C,CACJ,CAAA,CAAA,CACZ,CACJ,CAEE,EAAA,CAAA,CAAA,eAAA,IAAA,IAAA,GAAA,MAAA,GAAA,eAAA,CAAiB,WAAU,CAAK,IAAA,KAAA,KAAU,sBAAOA,cAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAO,MAAM,IAAM,EAAA,SAAA,EAAU,WAAU,OAAS,EAAA,SAAA,EAAW,SAAS,MAAG;AA1N9K,MAAA,IAAAC,KAAAC,GAAAE,EAAAA,GAAAA;AA0NiL,MAAA,OAAA,MAAA,CAAA,CAAOH,MAAA,MAAQ,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAA,OAAA,KAAR,IAAAA,GAAAA,MAAAA,GAAAA,GAAAA,CAAiB,KAAIC,GAAA,GAAA,MAAA,IAAA,IAAA,GAAA,MAAA,GAAA,MAAA,CAAQ,OAAR,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAiB,KAAOE,EAAAA,CAAAA,GAAAA,GAAA,iCAAQ,IAAR,KAAA,IAAA,GAAA,MAAA,GAAAA,IAAc,EAAE,CAAA;AAAA,KACzL,EAAA,kBAAAJ,cAAA,CAAA,aAAA,CAAC,cAAW,KAAO,EAAA;AAAA,MACzD,QAAU,EAAA,EAAA;AAAA,MACV,KAAO,EAAA;AAAA,KACN,EAAA,EAAA,OAEqC,CACJ,CACR,CACJ,CAAA;AAAA,GAAA,CACZ,CACR,CACJ,CACJ,CACJ,CAYJ,CAAA;AACR;AACa,MAAA,cAAA,GAAiBA,cAAM,CAAA,IAAA,CAAK,uBAAuB"}
+{"version":3,"file":"ThreadsViewItem.js","sources":["../../../../src/screens/inbox/components/ThreadsViewItem.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n    VStack,\n    Text,\n    Pressable,\n    HStack,\n    Box,\n    Avatar,\n    AvatarFallbackText,\n    AvatarImage,\n    Button,\n    ButtonText,\n    Icon,\n    Badge,\n    BadgeText,\n    Link,\n    LinkText,\n} from '@admin-layout/gluestack-ui-mobile';\nimport { format, isToday, isYesterday } from 'date-fns';\nimport { useFocusEffect } from '@react-navigation/native';\nimport { IChannel, IUserAccount } from 'common';\nimport { startCase } from 'lodash-es';\nimport colors from 'tailwindcss/colors';\nimport { useSelector } from 'react-redux';\nimport { userSelector } from '@adminide-stack/user-auth0-client';\n\nconst timeFormat = (value: string) => {\n    if (!value) return '';\n    let date = new Date(value);\n    if (isToday(date)) return format(date, 'h:mm a').toUpperCase();\n    return format(date, 'MMM do').toUpperCase();\n};\n\nexport interface IDialogListChannel extends IChannel {\n    users: IUserAccount[];\n}\n\nexport interface ThreadViewItemProps {\n    id: string;\n    post: any;\n    channel: any;\n    replies: any[];\n    onPress: (id: any, title: any, postParentId?: any) => void;\n    channelId?: string;\n    channelsDetail?: any;\n}\n\n/**\n * TODO:\n * - Get Reservation info: reservation date, status\n * - Add ability to get property information: name, logo\n */\nexport const ThreadViewItemComponent: React.FC<ThreadViewItemProps> = function ThreadViewItem({\n    id,\n    post,\n    channel,\n    replies,\n    onPress,\n    channelId,\n    channelsDetail,\n}) {\n    const currentUser = useSelector(userSelector);\n\n    // Prepare thread replies for display\n    const threadReplies = useMemo(() => {\n        return replies || [];\n    }, [replies]);\n\n    if (!threadReplies || threadReplies.length === 0) {\n        return null;\n    }\n\n    // Get the last reply for the thread preview\n    const lastReply = threadReplies[0]; // Most recent reply should be first in the array\n    // Get total number of replies\n    const totalReplies = threadReplies.length;\n\n    // Get the first user in the thread as the primary user\n    const primaryUser = channel?.users?.[0] || lastReply?.author;\n    const channelName = channel?.title || `${primaryUser?.givenName || ''} ${primaryUser?.familyName || ''}`;\n\n    // Determine if the current user is in the thread\n    const userIsInThread = channel?.users?.some((user: any) => user.id === currentUser?.id);\n\n    return (\n        <Pressable\n            onPress={() => onPress(channel?.id, 'Thread', post?.id)}\n            style={{\n                marginVertical: 5,\n                backgroundColor: 'white',\n                borderRadius: 10,\n                paddingVertical: 5,\n                elevation: 1,\n                shadowColor: '#000',\n                shadowOffset: { width: 0, height: 1 },\n                shadowOpacity: 0.1,\n                shadowRadius: 2,\n            }}\n        >\n            <Box className=\"mb-3\">\n                <VStack space=\"md\">\n                    {/* Thread header with green dot and users */}\n                    {/* <HStack space=\"sm\" className=\"px-4 items-center\">\n                        <Box \n                            className=\"bg-green-500 rounded-full\" \n                            style={{ width: 8, height: 8 }}\n                        />\n                        <Text className=\"text-base text-gray-900\">{channelName}</Text>\n                    </HStack> */}\n\n                    {/* Thread members */}\n                    <Text className=\"text-sm font-medium text-gray-600 px-4 pt-2\">\n                        {channel?.users?.map((user: any) => user?.givenName || user?.username)?.join(', ')}\n                    </Text>\n\n                    {/* Thread messages preview - show up to 3 most recent messages */}\n                    {threadReplies.slice(0, 3).map((reply: any, index: number) => {\n                        // Group consecutive messages from the same user\n                        const previousReply = index > 0 ? threadReplies.slice(0, 3)[index - 1] : null;\n                        const isConsecutiveReply = previousReply && previousReply.author?.id === reply.author?.id;\n\n                        return (\n                            <HStack key={reply.id || index} space=\"md\" className=\"px-4 py-1\">\n                                {!isConsecutiveReply ? (\n                                    <Avatar\n                                        size=\"md\"\n                                        style={{\n                                            width: 40,\n                                            height: 40,\n                                            backgroundColor:\n                                                reply?.author?.id === currentUser?.id ? '#2EB67D' : '#E8A54A',\n                                        }}\n                                    >\n                                        <AvatarFallbackText>\n                                            {startCase(reply?.author?.username?.charAt(0) || 'U')}\n                                        </AvatarFallbackText>\n                                        {reply?.author?.picture && (\n                                            <AvatarImage\n                                                alt={reply?.author?.username || 'User'}\n                                                source={{\n                                                    uri: reply?.author?.picture,\n                                                }}\n                                            />\n                                        )}\n                                    </Avatar>\n                                ) : (\n                                    <Box style={{ width: 40 }} />\n                                )}\n\n                                <VStack space=\"xs\" className=\"flex-1\">\n                                    {!isConsecutiveReply && (\n                                        <HStack space=\"sm\" className=\"items-center\">\n                                            <Text className=\"font-bold text-gray-900\">\n                                                {reply?.author?.givenName || reply?.author?.username || 'User'}\n                                            </Text>\n                                            <Text className=\"text-xs text-gray-500\">\n                                                {timeFormat(reply?.createdAt)}\n                                            </Text>\n                                        </HStack>\n                                    )}\n\n                                    {reply?.message && (\n                                        <Text color={colors.gray[700]} numberOfLines={2} className=\"text-base\">\n                                            {reply?.message}\n                                            {reply?.edited && <Text className=\"text-xs text-gray-500\"> (edited)</Text>}\n                                        </Text>\n                                    )}\n\n                                    {reply.email && <Text className=\"text-blue-500\">{reply.email}</Text>}\n\n                                    {reply?.files?.data?.length > 0 && (\n                                        <HStack space=\"sm\" className=\"my-1\">\n                                            {reply?.files?.data?.map((file: any, fileIndex: number) => (\n                                                <Box\n                                                    key={fileIndex}\n                                                    className=\"overflow-hidden\"\n                                                    style={{ width: 80, height: 80 }}\n                                                >\n                                                    <AvatarImage\n                                                        alt=\"attachment\"\n                                                        className=\"rounded-none border-none\"\n                                                        style={{\n                                                            width: '100%',\n                                                            height: '100%',\n                                                        }}\n                                                        source={{\n                                                            uri: file?.url,\n                                                        }}\n                                                    />\n                                                </Box>\n                                            ))}\n                                        </HStack>\n                                    )}\n                                </VStack>\n                            </HStack>\n                        );\n                    })}\n\n                    {/* Show more replies indicator */}\n                    {totalReplies > 3 && (\n                        <HStack className=\"px-4 items-center\" space=\"sm\">\n                            <Box style={{ width: 40 }} />\n                            <Link onPress={() => onPress(channel?.id, 'Thread', post?.id)}>\n                                <LinkText className=\"text-blue-600 mt-1\">\n                                    {totalReplies - 3} more {totalReplies - 3 === 1 ? 'reply' : 'replies'}\n                                </LinkText>\n                            </Link>\n                        </HStack>\n                    )}\n\n                    {/* Reply button */}\n                    <Box className=\"px-4 pb-2\">\n                        <Button\n                            size=\"sm\"\n                            className=\"self-start rounded-full\"\n                            variant=\"outline\"\n                            style={{\n                                borderColor: '#E2E8F0',\n                                paddingHorizontal: 16,\n                                paddingVertical: 6,\n                            }}\n                            onPress={() => onPress(channel?.id, 'Thread', post?.id)}\n                        >\n                            <ButtonText style={{ fontSize: 14, color: colors.gray[800] }}>Reply</ButtonText>\n                        </Button>\n                    </Box>\n                </VStack>\n            </Box>\n        </Pressable>\n    );\n};\n\nexport const ThreadViewItem = React.memo(ThreadViewItemComponent);\n"],"names":["ThreadViewItem","React","_a","_b","_c","_d"],"mappings":"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"}

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

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

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

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