@sujeetdotkumar/react-native-gifted-chat-performant 1.0.0

package/lib/Actions.d.ts

@@ -0,0 +1,16 @@
+import React, { ReactNode } from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+export interface ActionsProps {
+    actions?: Array<{
+        title: string;
+        action: () => void;
+    }>;
+    actionSheetOptionTintColor?: string;
+    icon?: () => ReactNode;
+    wrapperStyle?: StyleProp<ViewStyle>;
+    iconTextStyle?: StyleProp<TextStyle>;
+    buttonStyle?: StyleProp<ViewStyle>;
+    onPressActionButton?(): void;
+}
+export declare function Actions({ actions, actionSheetOptionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, buttonStyle, }: ActionsProps): React.JSX.Element;
+//# sourceMappingURL=Actions.d.ts.map

package/lib/Actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.d.ts","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AACrD,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAQrB,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC,CAAA;IACtD,0BAA0B,CAAC,EAAE,MAAM,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,SAAS,CAAA;IACtB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAClC,mBAAmB,CAAC,IAAI,IAAI,CAAA;CAC7B;AAED,wBAAgB,OAAO,CAAE,EACvB,OAAO,EACP,0BAAkD,EAClD,IAAI,EACJ,YAAY,EACZ,aAAa,EACb,mBAAmB,EACnB,WAAW,GACZ,EAAE,YAAY,qBAmDd"}

package/lib/Actions.js

@@ -0,0 +1,65 @@
+import React, { useCallback } from 'react';
+import { StyleSheet, View, } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+import { TouchableOpacity } from './components/TouchableOpacity';
+import { useChatContext } from './GiftedChatContext';
+import stylesCommon from './styles';
+export function Actions({ actions, actionSheetOptionTintColor = Color.optionTintColor, icon, wrapperStyle, iconTextStyle, onPressActionButton, buttonStyle, }) {
+    const { actionSheet } = useChatContext();
+    const handlePress = useCallback(() => {
+        if (onPressActionButton) {
+            onPressActionButton();
+            return;
+        }
+        if (!actions?.length)
+            return;
+        const titles = actions.map(item => item.title);
+        actionSheet().showActionSheetWithOptions({
+            options: titles,
+            cancelButtonIndex: titles.length - 1,
+            tintColor: actionSheetOptionTintColor,
+        }, (buttonIndex) => {
+            if (buttonIndex === undefined)
+                return;
+            const item = actions[buttonIndex];
+            item.action?.();
+        });
+    }, [actionSheet, actions, actionSheetOptionTintColor, onPressActionButton]);
+    const renderIcon = useCallback(() => {
+        if (icon)
+            return icon();
+        return (<View style={[stylesCommon.centerItems, styles.wrapper, wrapperStyle]}>
+        <Text style={[styles.iconText, iconTextStyle]}>{'+'}</Text>
+      </View>);
+    }, [icon, iconTextStyle, wrapperStyle]);
+    return (<View style={styles.container}>
+      <TouchableOpacity onPress={handlePress} style={[styles.button, buttonStyle]}>
+        {renderIcon()}
+      </TouchableOpacity>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        alignItems: 'flex-end',
+    },
+    button: {
+        paddingLeft: 10,
+        paddingRight: 4,
+        paddingVertical: 7,
+    },
+    wrapper: {
+        borderColor: Color.defaultColor,
+        borderWidth: 2,
+        width: 26,
+        height: 26,
+        borderRadius: 13,
+    },
+    iconText: {
+        color: Color.defaultColor,
+        fontWeight: 'bold',
+        fontSize: 16,
+        lineHeight: 16,
+    },
+});
+//# sourceMappingURL=Actions.js.map

package/lib/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sourceRoot":"","sources":["../src/Actions.tsx"],"names":[],"mappings":"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"}

package/lib/Avatar.d.ts

@@ -0,0 +1,19 @@
+import React, { ReactNode } from 'react';
+import { ImageStyle, TextStyle, ViewStyle } from 'react-native';
+import { IMessage, LeftRightStyle, User } from './Models';
+export interface AvatarProps<TMessage extends IMessage> {
+    currentMessage: TMessage;
+    previousMessage?: TMessage;
+    nextMessage?: TMessage;
+    position: 'left' | 'right';
+    isAvatarOnTop?: boolean;
+    isAvatarVisibleForEveryMessage?: boolean;
+    imageStyle?: LeftRightStyle<ImageStyle>;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    textStyle?: TextStyle;
+    renderAvatar?(props: Omit<AvatarProps<TMessage>, 'renderAvatar'>): ReactNode;
+    onPressAvatar?: (user: User) => void;
+    onLongPressAvatar?: (user: User) => void;
+}
+export declare function Avatar<TMessage extends IMessage = IMessage>(props: AvatarProps<TMessage>): React.JSX.Element | null;
+//# sourceMappingURL=Avatar.d.ts.map

package/lib/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAA;AACrD,OAAO,EACL,UAAU,EAEV,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AA6CzD,MAAM,WAAW,WAAW,CAAC,QAAQ,SAAS,QAAQ;IACpD,cAAc,EAAE,QAAQ,CAAA;IACxB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,8BAA8B,CAAC,EAAE,OAAO,CAAA;IACxC,UAAU,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACvC,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,YAAY,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,GAAG,SAAS,CAAA;IAC5E,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACzC;AAED,wBAAgB,MAAM,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EACzD,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,4BAkG7B"}

package/lib/Avatar.js

@@ -0,0 +1,93 @@
+import React, { useCallback } from 'react';
+import { StyleSheet, View, } from 'react-native';
+import { GiftedAvatar } from './GiftedAvatar';
+import { isSameUser, isSameDay } from './utils';
+const styles = {
+    left: StyleSheet.create({
+        container: {
+            marginRight: 8,
+        },
+        onTop: {
+            alignSelf: 'flex-start',
+        },
+        image: {
+            height: 36,
+            width: 36,
+            borderRadius: 18,
+        },
+    }),
+    right: StyleSheet.create({
+        container: {
+            marginLeft: 8,
+        },
+        onTop: {
+            alignSelf: 'flex-start',
+        },
+        image: {
+            height: 36,
+            width: 36,
+            borderRadius: 18,
+        },
+    }),
+};
+export function Avatar(props) {
+    const { isAvatarOnTop, isAvatarVisibleForEveryMessage, containerStyle, position, currentMessage, renderAvatar, previousMessage, nextMessage, imageStyle, onPressAvatar, onLongPressAvatar, } = props;
+    const messageToCompare = isAvatarOnTop ? previousMessage : nextMessage;
+    const renderAvatarComponent = useCallback(() => {
+        if (renderAvatar)
+            return renderAvatar({
+                isAvatarOnTop,
+                isAvatarVisibleForEveryMessage,
+                containerStyle,
+                position,
+                currentMessage,
+                previousMessage,
+                nextMessage,
+                imageStyle,
+                onPressAvatar,
+                onLongPressAvatar,
+            });
+        if (currentMessage)
+            return (<GiftedAvatar avatarStyle={[
+                    styles[position].image,
+                    imageStyle?.[position],
+                ]} user={currentMessage.user} onPress={() => onPressAvatar?.(currentMessage.user)} onLongPress={() => onLongPressAvatar?.(currentMessage.user)}/>);
+        return null;
+    }, [
+        renderAvatar,
+        isAvatarOnTop,
+        isAvatarVisibleForEveryMessage,
+        containerStyle,
+        position,
+        currentMessage,
+        previousMessage,
+        nextMessage,
+        imageStyle,
+        onPressAvatar,
+        onLongPressAvatar,
+    ]);
+    if (renderAvatar === null)
+        return null;
+    if (!isAvatarVisibleForEveryMessage &&
+        currentMessage &&
+        messageToCompare &&
+        isSameUser(currentMessage, messageToCompare) &&
+        isSameDay(currentMessage, messageToCompare))
+        return (<View style={[
+                styles[position].container,
+                containerStyle?.[position],
+            ]}>
+        <GiftedAvatar avatarStyle={[
+                styles[position].image,
+                imageStyle?.[position],
+            ]}/>
+      </View>);
+    return (<View style={[
+            styles[position].container,
+            isAvatarOnTop && styles[position].onTop,
+            containerStyle?.[position],
+        ]}>
+      {renderAvatarComponent()}
+    </View>);
+}
+//# sourceMappingURL=Avatar.js.map

package/lib/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}

package/lib/Bubble/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IMessage } from '../Models';
+import { BubbleProps } from './types';
+export * from './types';
+export declare const Bubble: <TMessage extends IMessage = IMessage>(props: BubbleProps<TMessage>) => React.ReactElement;
+//# sourceMappingURL=index.d.ts.map

package/lib/Bubble/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Bubble/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAcnD,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAMpC,OAAO,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAA;AAE7D,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,MAAM,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,OAAO,WAAW,CAAC,QAAQ,CAAC,KAAG,KAAK,CAAC,YA8XjG,CAAA"}

package/lib/Bubble/index.js

@@ -0,0 +1,269 @@
+import React, { useCallback, useMemo } from 'react';
+import { View, Pressable, } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { MessageReply } from '../components/MessageReply';
+import { useChatContext } from '../GiftedChatContext';
+import { MessageAudio } from '../MessageAudio';
+import { MessageImage } from '../MessageImage';
+import { MessageText } from '../MessageText';
+import { MessageVideo } from '../MessageVideo';
+import { QuickReplies } from '../QuickReplies';
+import { getStyleWithPosition } from '../styles';
+import { Time } from '../Time';
+import { isSameUser, isSameDay, renderComponentOrElement } from '../utils';
+import styles from './styles';
+export * from './types';
+export const Bubble = (props) => {
+    const { currentMessage, nextMessage, position, containerToNextStyle, previousMessage, containerToPreviousStyle, onQuickReply, renderQuickReplySend, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, containerStyle, wrapperStyle, bottomContainerStyle, onPressMessage: onPressMessageProp, onLongPressMessage: onLongPressMessageProp, } = props;
+    const context = useChatContext();
+    const onPress = useCallback(() => {
+        onPressMessageProp?.(context, currentMessage);
+    }, [onPressMessageProp, context, currentMessage]);
+    const onLongPress = useCallback(() => {
+        onLongPressMessageProp?.(context, currentMessage);
+    }, [
+        currentMessage,
+        context,
+        onLongPressMessageProp,
+    ]);
+    const styledBubbleToNext = useMemo(() => {
+        if (currentMessage &&
+            nextMessage &&
+            position &&
+            isSameUser(currentMessage, nextMessage) &&
+            isSameDay(currentMessage, nextMessage))
+            return [
+                getStyleWithPosition(styles, 'containerToNext', position),
+                containerToNextStyle?.[position],
+            ];
+        return null;
+    }, [
+        currentMessage,
+        nextMessage,
+        position,
+        containerToNextStyle,
+    ]);
+    const styledBubbleToPrevious = useMemo(() => {
+        if (currentMessage &&
+            previousMessage &&
+            position &&
+            isSameUser(currentMessage, previousMessage) &&
+            isSameDay(currentMessage, previousMessage))
+            return [
+                getStyleWithPosition(styles, 'containerToPrevious', position),
+                containerToPreviousStyle?.[position],
+            ];
+        return null;
+    }, [
+        currentMessage,
+        previousMessage,
+        position,
+        containerToPreviousStyle,
+    ]);
+    const renderQuickReplies = useCallback(() => {
+        if (currentMessage?.quickReplies) {
+            const { 
+            /* eslint-disable @typescript-eslint/no-unused-vars */
+            containerStyle, wrapperStyle, 
+            /* eslint-enable @typescript-eslint/no-unused-vars */
+            ...quickReplyProps } = props;
+            if (props.renderQuickReplies)
+                return renderComponentOrElement(props.renderQuickReplies, quickReplyProps);
+            return (<QuickReplies currentMessage={currentMessage} onQuickReply={onQuickReply} renderQuickReplySend={renderQuickReplySend} quickReplyStyle={quickReplyStyle} quickReplyTextStyle={quickReplyTextStyle} quickReplyContainerStyle={quickReplyContainerStyle} nextMessage={nextMessage}/>);
+        }
+        return null;
+    }, [
+        currentMessage,
+        onQuickReply,
+        renderQuickReplySend,
+        quickReplyStyle,
+        quickReplyTextStyle,
+        quickReplyContainerStyle,
+        nextMessage,
+        props,
+    ]);
+    const renderMessageText = useCallback(() => {
+        if (currentMessage?.text) {
+            const { 
+            /* eslint-disable @typescript-eslint/no-unused-vars */
+            containerStyle, wrapperStyle, messageTextProps, 
+            /* eslint-enable @typescript-eslint/no-unused-vars */
+            ...messageTextPropsRest } = props;
+            const combinedProps = {
+                ...messageTextPropsRest,
+                ...messageTextProps,
+            };
+            if (props.renderMessageText)
+                return renderComponentOrElement(props.renderMessageText, combinedProps);
+            return <MessageText {...combinedProps}/>;
+        }
+        return null;
+    }, [props, currentMessage]);
+    const renderMessageImage = useCallback(() => {
+        if (currentMessage?.image) {
+            const { 
+            /* eslint-disable @typescript-eslint/no-unused-vars */
+            containerStyle, wrapperStyle, 
+            /* eslint-enable @typescript-eslint/no-unused-vars */
+            ...messageImageProps } = props;
+            if (props.renderMessageImage)
+                return renderComponentOrElement(props.renderMessageImage, messageImageProps);
+            return <MessageImage {...messageImageProps}/>;
+        }
+        return null;
+    }, [props, currentMessage]);
+    const renderMessageVideo = useCallback(() => {
+        if (!currentMessage?.video)
+            return null;
+        const { 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        containerStyle, wrapperStyle, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        ...messageVideoProps } = props;
+        if (props.renderMessageVideo)
+            return renderComponentOrElement(props.renderMessageVideo, messageVideoProps);
+        return <MessageVideo />;
+    }, [props, currentMessage]);
+    const renderMessageAudio = useCallback(() => {
+        if (!currentMessage?.audio)
+            return null;
+        const { 
+        /* eslint-disable @typescript-eslint/no-unused-vars */
+        containerStyle, wrapperStyle, 
+        /* eslint-enable @typescript-eslint/no-unused-vars */
+        ...messageAudioProps } = props;
+        if (props.renderMessageAudio)
+            return renderComponentOrElement(props.renderMessageAudio, messageAudioProps);
+        return <MessageAudio />;
+    }, [props, currentMessage]);
+    const renderTicks = useCallback(() => {
+        const { renderTicks, user, } = props;
+        if (renderTicks && currentMessage)
+            return renderComponentOrElement(renderTicks, currentMessage);
+        if (user &&
+            currentMessage?.user &&
+            currentMessage.user._id !== user._id)
+            return null;
+        if (currentMessage &&
+            (currentMessage.sent || currentMessage.received || currentMessage.pending))
+            return (<View style={styles.messageStatusContainer}>
+          {!!currentMessage.sent && (<Text style={[styles.messageStatus, props.tickStyle]}>
+              {'✓'}
+            </Text>)}
+          {!!currentMessage.received && (<Text style={[styles.messageStatus, props.tickStyle]}>
+              {'✓'}
+            </Text>)}
+          {!!currentMessage.pending && (<Text style={[styles.messageStatus, props.tickStyle]}>
+              {'🕓'}
+            </Text>)}
+        </View>);
+        return null;
+    }, [
+        props,
+        currentMessage,
+    ]);
+    const renderTime = useCallback(() => {
+        if (currentMessage?.createdAt) {
+            const { 
+            /* eslint-disable @typescript-eslint/no-unused-vars */
+            containerStyle, wrapperStyle, textStyle, 
+            /* eslint-enable @typescript-eslint/no-unused-vars */
+            ...timeProps } = props;
+            if (props.renderTime)
+                return renderComponentOrElement(props.renderTime, timeProps);
+            return <Time {...timeProps}/>;
+        }
+        return null;
+    }, [props, currentMessage]);
+    const renderUsername = useCallback(() => {
+        const { user, renderUsername, } = props;
+        if (props.isUsernameVisible && currentMessage) {
+            if (user && currentMessage.user._id === user._id)
+                return null;
+            if (renderUsername)
+                return renderComponentOrElement(renderUsername, currentMessage.user);
+            return (<View style={styles.usernameContainer}>
+          <Text style={[styles.username, props.usernameStyle]}>
+            {currentMessage.user.name}
+          </Text>
+        </View>);
+        }
+        return null;
+    }, [
+        currentMessage,
+        props,
+    ]);
+    const renderCustomView = useCallback(() => {
+        if (props.renderCustomView)
+            return renderComponentOrElement(props.renderCustomView, props);
+        return null;
+    }, [props]);
+    const renderMessageReply = useCallback(() => {
+        if (!currentMessage?.replyMessage)
+            return null;
+        const { messageReply } = props;
+        const messageReplyProps = {
+            replyMessage: currentMessage.replyMessage,
+            currentMessage,
+            position,
+            onPress: messageReply?.onPress,
+            containerStyle: position === 'left'
+                ? messageReply?.containerStyleLeft ?? messageReply?.containerStyle
+                : messageReply?.containerStyleRight ?? messageReply?.containerStyle,
+            textStyle: position === 'left'
+                ? messageReply?.textStyleLeft ?? messageReply?.textStyle
+                : messageReply?.textStyleRight ?? messageReply?.textStyle,
+            imageStyle: messageReply?.imageStyle,
+        };
+        if (messageReply?.renderMessageReply)
+            return renderComponentOrElement(messageReply.renderMessageReply, messageReplyProps);
+        return <MessageReply {...messageReplyProps}/>;
+    }, [
+        props,
+        currentMessage,
+        position,
+    ]);
+    const renderBubbleContent = useCallback(() => {
+        return (<>
+        {!props.isCustomViewBottom && renderCustomView()}
+        {renderMessageReply()}
+        {renderMessageImage()}
+        {renderMessageVideo()}
+        {renderMessageAudio()}
+        {renderMessageText()}
+        {props.isCustomViewBottom && renderCustomView()}
+      </>);
+    }, [
+        renderMessageReply,
+        renderCustomView,
+        renderMessageImage,
+        renderMessageVideo,
+        renderMessageAudio,
+        renderMessageText,
+        props.isCustomViewBottom,
+    ]);
+    return (<View style={containerStyle?.[position]}>
+      <View style={[
+            getStyleWithPosition(styles, 'wrapper', position),
+            styledBubbleToNext,
+            styledBubbleToPrevious,
+            wrapperStyle?.[position],
+        ]}>
+        <Pressable onPress={onPress} onLongPress={onLongPress} {...props.touchableProps}>
+          {renderBubbleContent()}
+          <View style={[
+            styles.bottom,
+            bottomContainerStyle?.[position],
+        ]}>
+            {renderUsername()}
+            <View style={styles.messageTimeAndStatusContainer}>
+              {renderTime()}
+              {renderTicks()}
+            </View>
+          </View>
+        </Pressable>
+      </View>
+      {renderQuickReplies()}
+    </View>);
+};
+//# sourceMappingURL=index.js.map

package/lib/Bubble/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Bubble/index.tsx"],"names":[],"mappings":"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"}

package/lib/Bubble/styles.d.ts

@@ -0,0 +1,57 @@
+declare const styles: {
+    wrapper: {
+        borderRadius: number;
+        minHeight: number;
+    };
+    wrapper_left: {
+        backgroundColor: string;
+        justifyContent: "flex-end";
+    };
+    wrapper_right: {
+        backgroundColor: string;
+        justifyContent: "flex-end";
+    };
+    bottom: {
+        flexDirection: "row";
+        justifyContent: "space-between";
+        alignItems: "flex-end";
+        paddingHorizontal: number;
+        paddingBottom: number;
+    };
+    containerToNext_left: {
+        borderBottomLeftRadius: number;
+    };
+    containerToNext_right: {
+        borderBottomRightRadius: number;
+    };
+    containerToPrevious_left: {
+        borderTopLeftRadius: number;
+    };
+    containerToPrevious_right: {
+        borderTopRightRadius: number;
+    };
+    messageTimeAndStatusContainer: {
+        flexGrow: number;
+        flexDirection: "row";
+        alignItems: "center";
+        justifyContent: "flex-end";
+    };
+    messageStatusContainer: {
+        flexDirection: "row";
+        marginLeft: number;
+    };
+    messageStatus: {
+        fontSize: number;
+        color: string;
+    };
+    usernameContainer: {
+        flexDirection: "row";
+        marginRight: number;
+    };
+    username: {
+        fontSize: number;
+        color: string;
+    };
+};
+export default styles;
+//# sourceMappingURL=styles.d.ts.map

package/lib/Bubble/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DV,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/lib/Bubble/styles.js

@@ -0,0 +1,59 @@
+import { StyleSheet } from 'react-native';
+import { Color } from '../Color';
+const styles = StyleSheet.create({
+    wrapper: {
+        borderRadius: 15,
+        minHeight: 20,
+    },
+    wrapper_left: {
+        backgroundColor: Color.leftBubbleBackground,
+        justifyContent: 'flex-end',
+    },
+    wrapper_right: {
+        backgroundColor: Color.defaultBlue,
+        justifyContent: 'flex-end',
+    },
+    bottom: {
+        flexDirection: 'row',
+        justifyContent: 'space-between',
+        alignItems: 'flex-end',
+        paddingHorizontal: 10,
+        paddingBottom: 5,
+    },
+    containerToNext_left: {
+        borderBottomLeftRadius: 3,
+    },
+    containerToNext_right: {
+        borderBottomRightRadius: 3,
+    },
+    containerToPrevious_left: {
+        borderTopLeftRadius: 3,
+    },
+    containerToPrevious_right: {
+        borderTopRightRadius: 3,
+    },
+    messageTimeAndStatusContainer: {
+        flexGrow: 1,
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'flex-end',
+    },
+    messageStatusContainer: {
+        flexDirection: 'row',
+        marginLeft: 5,
+    },
+    messageStatus: {
+        fontSize: 10,
+        color: Color.white,
+    },
+    usernameContainer: {
+        flexDirection: 'row',
+        marginRight: 5,
+    },
+    username: {
+        fontSize: 12,
+        color: '#aaa',
+    },
+});
+export default styles;
+//# sourceMappingURL=styles.js.map

package/lib/Bubble/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Bubble/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,YAAY,EAAE,EAAE;QAChB,SAAS,EAAE,EAAE;KACd;IACD,YAAY,EAAE;QACZ,eAAe,EAAE,KAAK,CAAC,oBAAoB;QAC3C,cAAc,EAAE,UAAU;KAC3B;IACD,aAAa,EAAE;QACb,eAAe,EAAE,KAAK,CAAC,WAAW;QAClC,cAAc,EAAE,UAAU;KAC3B;IAED,MAAM,EAAE;QACN,aAAa,EAAE,KAAK;QACpB,cAAc,EAAE,eAAe;QAC/B,UAAU,EAAE,UAAU;QACtB,iBAAiB,EAAE,EAAE;QACrB,aAAa,EAAE,CAAC;KACjB;IAED,oBAAoB,EAAE;QACpB,sBAAsB,EAAE,CAAC;KAC1B;IACD,qBAAqB,EAAE;QACrB,uBAAuB,EAAE,CAAC;KAC3B;IAED,wBAAwB,EAAE;QACxB,mBAAmB,EAAE,CAAC;KACvB;IACD,yBAAyB,EAAE;QACzB,oBAAoB,EAAE,CAAC;KACxB;IAED,6BAA6B,EAAE;QAC7B,QAAQ,EAAE,CAAC;QACX,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,UAAU;KAC3B;IAED,sBAAsB,EAAE;QACtB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,CAAC;KACd;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;IAED,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,CAAC;KACf;IACD,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,MAAM;KACd;CACF,CAAC,CAAA;AAEF,eAAe,MAAM,CAAA"}