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

package/lib/Send.js

@@ -0,0 +1,57 @@
+import React, { useMemo, useCallback, useEffect } from 'react';
+import { StyleSheet, } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import Animated, { useSharedValue, useAnimatedStyle, withTiming } from 'react-native-reanimated';
+import { Color } from './Color';
+import { TouchableOpacity } from './components/TouchableOpacity';
+import { TEST_ID } from './Constant';
+import { useColorScheme } from './hooks/useColorScheme';
+import { getColorSchemeStyle } from './styles';
+export const Send = ({ text, containerStyle, children, textStyle, label = 'Send', isSendButtonAlwaysVisible = false, isTextOptional = false, sendButtonProps, onSend, }) => {
+    const colorScheme = useColorScheme();
+    const opacity = useSharedValue(0);
+    const handleOnPress = useCallback(() => {
+        const trimmedText = text?.trim() ?? '';
+        const message = { text: trimmedText };
+        if (onSend && (trimmedText.length || isTextOptional))
+            onSend(message, true);
+    }, [text, onSend, isTextOptional]);
+    const isVisible = useMemo(() => isSendButtonAlwaysVisible || !!text?.trim().length, [isSendButtonAlwaysVisible, text]);
+    useEffect(() => {
+        opacity.value = withTiming(isVisible ? 1 : 0, { duration: 200 });
+    }, [isVisible, opacity]);
+    const animatedStyle = useAnimatedStyle(() => ({
+        opacity: opacity.value,
+    }), [opacity]);
+    return (<Animated.View style={[styles.container, containerStyle, animatedStyle]} pointerEvents={isVisible ? 'auto' : 'none'}>
+      <TouchableOpacity testID={TEST_ID.SEND_TOUCHABLE} style={styles.touchable} onPress={handleOnPress} accessible accessibilityLabel='send' accessibilityRole='button' {...sendButtonProps}>
+        {children ||
+            <Text style={[
+                    getColorSchemeStyle(styles, 'text', colorScheme),
+                    textStyle,
+                ]}>
+            {label}
+          </Text>}
+      </TouchableOpacity>
+    </Animated.View>);
+};
+const styles = StyleSheet.create({
+    container: {
+        justifyContent: 'flex-end',
+    },
+    touchable: {
+        justifyContent: 'flex-end',
+    },
+    text: {
+        color: Color.defaultBlue,
+        fontWeight: '600',
+        fontSize: 17,
+        backgroundColor: Color.backgroundTransparent,
+        paddingVertical: 10,
+        paddingHorizontal: 10,
+    },
+    text_dark: {
+        color: '#4da6ff',
+    },
+});
+//# sourceMappingURL=Send.js.map

package/lib/Send.js.map

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

package/lib/SystemMessage.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ViewStyle, StyleProp, TextStyle } from 'react-native';
+import { MessageTextProps } from './MessageText';
+import { IMessage } from './Models';
+export interface SystemMessageProps<TMessage extends IMessage> {
+    currentMessage: TMessage;
+    containerStyle?: StyleProp<ViewStyle>;
+    messageContainerStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    messageTextProps?: Partial<MessageTextProps<TMessage>>;
+    children?: React.ReactNode;
+}
+export declare function SystemMessage<TMessage extends IMessage>({ currentMessage, containerStyle, messageContainerStyle, textStyle, messageTextProps, children, }: SystemMessageProps<TMessage>): React.JSX.Element | null;
+//# sourceMappingURL=SystemMessage.d.ts.map

package/lib/SystemMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemMessage.d.ts","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,OAAO,EAAe,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,kBAAkB,CAAC,QAAQ,SAAS,QAAQ;IAC3D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC5C,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IACtD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AAED,wBAAgB,aAAa,CAAC,QAAQ,SAAS,QAAQ,EAAG,EACxD,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACT,EAAE,kBAAkB,CAAC,QAAQ,CAAC,4BAsB9B"}

package/lib/SystemMessage.js

@@ -0,0 +1,42 @@
+import React from 'react';
+import { StyleSheet, View, } from 'react-native';
+import { Color } from './Color';
+import { MessageText } from './MessageText';
+import stylesCommon from './styles';
+export function SystemMessage({ currentMessage, containerStyle, messageContainerStyle, textStyle, messageTextProps, children, }) {
+    if (currentMessage == null)
+        return null;
+    return (<View style={[stylesCommon.fill, styles.wrapper]}>
+      <View style={[styles.container, containerStyle]}>
+        {!!currentMessage.text && (<MessageText currentMessage={currentMessage} customTextStyle={[styles.text, textStyle]} position='left' containerStyle={{ left: [styles.messageContainer, messageContainerStyle] }} {...messageTextProps}/>)}
+        {children}
+      </View>
+    </View>);
+}
+const styles = StyleSheet.create({
+    wrapper: {
+        alignItems: 'center',
+        marginVertical: 5,
+        marginHorizontal: 10,
+    },
+    container: {
+        maxWidth: '70%',
+        borderRadius: 20,
+        borderWidth: 1,
+        borderColor: 'rgba(0,0,0,0.1)',
+        paddingHorizontal: 10,
+        paddingVertical: 10,
+        backgroundColor: 'rgba(0,0,0,0.05)',
+    },
+    messageContainer: {
+        marginVertical: 0,
+        marginHorizontal: 0,
+    },
+    text: {
+        backgroundColor: Color.backgroundTransparent,
+        fontSize: 12,
+        fontWeight: '300',
+        textAlign: 'center',
+    },
+});
+//# sourceMappingURL=SystemMessage.js.map

package/lib/SystemMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SystemMessage.js","sourceRoot":"","sources":["../src/SystemMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,UAAU,EACV,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAE7D,OAAO,YAAY,MAAM,UAAU,CAAA;AAWnC,MAAM,UAAU,aAAa,CAA6B,EACxD,cAAc,EACd,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,QAAQ,GACqB;IAC7B,IAAI,cAAc,IAAI,IAAI;QACxB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAC/C;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAC9C;QAAA,CACE,CAAC,CAAC,cAAc,CAAC,IAAI,IAAI,CACvB,CAAC,WAAW,CACV,cAAc,CAAC,CAAC,cAAc,CAAC,CAC/B,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAC1C,QAAQ,CAAC,MAAM,CACf,cAAc,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,gBAAgB,EAAE,qBAAqB,CAAC,EAAE,CAAC,CAC3E,IAAI,gBAAgB,CAAC,EACrB,CAEN,CACA;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,OAAO,EAAE;QACP,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,SAAS,EAAE;QACT,QAAQ,EAAE,KAAK;QACf,YAAY,EAAE,EAAE;QAChB,WAAW,EAAE,CAAC;QACd,WAAW,EAAE,iBAAiB;QAC9B,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,eAAe,EAAE,kBAAkB;KACpC;IACD,gBAAgB,EAAE;QAChB,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,CAAC;KACpB;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,KAAK,CAAC,qBAAqB;QAC5C,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;KACpB;CACF,CAAC,CAAA"}

package/lib/Time.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ViewStyle, TextStyle } from 'react-native';
+import { LeftRightStyle, IMessage } from './Models';
+export interface TimeProps<TMessage extends IMessage> {
+    position?: 'left' | 'right';
+    currentMessage: TMessage;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    timeTextStyle?: LeftRightStyle<TextStyle>;
+    /** Intl.DateTimeFormatOptions to customize time display (replaces dayjs format string) */
+    timeFormatOptions?: Intl.DateTimeFormatOptions;
+}
+export declare const Time: <TMessage extends IMessage = IMessage>(props: TimeProps<TMessage>) => React.ReactElement | null;
+//# sourceMappingURL=Time.d.ts.map

package/lib/Time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.d.ts","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAIrE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAgBnD,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,aAAa,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACzC,0FAA0F;IAC1F,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;CAC/C;AAOD,eAAO,MAAM,IAAI,EAmCX,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA"}

package/lib/Time.js

@@ -0,0 +1,42 @@
+import React, { memo, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+import { useChatContext } from './GiftedChatContext';
+import { getStyleWithPosition } from './styles';
+const styles = StyleSheet.create({
+    text: {
+        fontSize: 10,
+        textAlign: 'right',
+    },
+    text_left: {
+        color: Color.timeTextColor,
+    },
+    text_right: {
+        color: Color.white,
+    },
+});
+const defaultTimeFormatOptions = {
+    hour: '2-digit',
+    minute: '2-digit',
+};
+export const Time = memo(function Time({ position = 'left', containerStyle, currentMessage, timeFormatOptions = defaultTimeFormatOptions, timeTextStyle, }) {
+    const { getLocale } = useChatContext();
+    const formattedTime = useMemo(() => {
+        if (!currentMessage?.createdAt)
+            return null;
+        const locale = getLocale() || undefined;
+        return new Intl.DateTimeFormat(locale, timeFormatOptions).format(new Date(currentMessage.createdAt));
+    }, [currentMessage?.createdAt, timeFormatOptions, getLocale]);
+    if (!currentMessage)
+        return null;
+    return (<View style={containerStyle?.[position]}>
+      <Text style={[
+            getStyleWithPosition(styles, 'text', position),
+            timeTextStyle?.[position],
+        ]}>
+        {formattedTime}
+      </Text>
+    </View>);
+});
+//# sourceMappingURL=Time.js.map

package/lib/Time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Time.js","sourceRoot":"","sources":["../src/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAE,UAAU,EAAE,IAAI,EAAwB,MAAM,cAAc,CAAA;AACrE,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAE/C,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,OAAO;KACnB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,KAAK,CAAC,aAAa;KAC3B;IACD,UAAU,EAAE;QACV,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB;CACF,CAAC,CAAA;AAWF,MAAM,wBAAwB,GAA+B;IAC3D,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,IAAI,CAAwC,EAC5E,QAAQ,GAAG,MAAM,EACjB,cAAc,EACd,cAAc,EACd,iBAAiB,GAAG,wBAAwB,EAC5C,aAAa,GACO;IACpB,MAAM,EAAE,SAAS,EAAE,GAAG,cAAc,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,cAAc,EAAE,SAAS;YAC5B,OAAO,IAAI,CAAA;QAEb,MAAM,MAAM,GAAG,SAAS,EAAE,IAAI,SAAS,CAAA;QAEvC,OAAO,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,MAAM,CAC9D,IAAI,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,CACnC,CAAA;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,EAAE,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAA;IAE7D,IAAI,CAAC,cAAc;QACjB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CACtC;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL,oBAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,CAAC;YAC9C,aAAa,EAAE,CAAC,QAAQ,CAAC;SAC1B,CAAC,CAEF;QAAA,CAAC,aAAa,CAChB;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAoG,CAAA"}

package/lib/TypingIndicator/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TypingIndicatorProps } from './types';
+export * from './types';
+export declare const TypingIndicator: ({ isTyping, style }: TypingIndicatorProps) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAcxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAE9C,cAAc,SAAS,CAAA;AA2EvB,eAAO,MAAM,eAAe,GAAI,qBAAqB,oBAAoB,6BA+DxE,CAAA"}

package/lib/TypingIndicator/index.js

@@ -0,0 +1,94 @@
+import React, { useCallback, useEffect, useState, useMemo } from 'react';
+import { View } from 'react-native';
+import Animated, { runOnJS, useAnimatedStyle, useSharedValue, withDelay, withRepeat, withSequence, withTiming, } from 'react-native-reanimated';
+import stylesCommon from '../styles';
+import styles from './styles';
+export * from './types';
+const DotsAnimation = () => {
+    const dot1 = useSharedValue(0);
+    const dot2 = useSharedValue(0);
+    const dot3 = useSharedValue(0);
+    const topY = useMemo(() => -5, []);
+    const bottomY = useMemo(() => 5, []);
+    const duration = useMemo(() => 500, []);
+    const dot1Style = useAnimatedStyle(() => ({
+        transform: [{
+                translateY: dot1.value,
+            }],
+    }), [dot1]);
+    const dot2Style = useAnimatedStyle(() => ({
+        transform: [{
+                translateY: dot2.value,
+            }],
+    }), [dot2]);
+    const dot3Style = useAnimatedStyle(() => ({
+        transform: [{
+                translateY: dot3.value,
+            }],
+    }), [dot3]);
+    useEffect(() => {
+        dot1.value = withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true);
+    }, [dot1, topY, bottomY, duration]);
+    useEffect(() => {
+        dot2.value = withDelay(100, withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true));
+    }, [dot2, topY, bottomY, duration]);
+    useEffect(() => {
+        dot3.value = withDelay(200, withRepeat(withSequence(withTiming(topY, { duration }), withTiming(bottomY, { duration })), 0, true));
+    }, [dot3, topY, bottomY, duration]);
+    return (<View style={[stylesCommon.fill, stylesCommon.centerItems, styles.dots]}>
+      <Animated.View style={[styles.dot, dot1Style]}/>
+      <Animated.View style={[styles.dot, dot2Style]}/>
+      <Animated.View style={[styles.dot, dot3Style]}/>
+    </View>);
+};
+export const TypingIndicator = ({ isTyping, style }) => {
+    const yCoords = useSharedValue(200);
+    const heightScale = useSharedValue(0);
+    const marginScale = useSharedValue(0);
+    const [isVisible, setIsVisible] = useState(isTyping);
+    const containerStyle = useAnimatedStyle(() => ({
+        transform: [
+            {
+                translateY: yCoords.value,
+            },
+        ],
+        height: heightScale.value,
+        marginBottom: marginScale.value,
+    }), [yCoords, heightScale, marginScale]);
+    const slideIn = useCallback(() => {
+        const duration = 250;
+        yCoords.value = withTiming(0, { duration });
+        heightScale.value = withTiming(35, { duration });
+        marginScale.value = withTiming(8, { duration });
+    }, [yCoords, heightScale, marginScale]);
+    const slideOut = useCallback(() => {
+        const duration = 250;
+        yCoords.value = withTiming(200, { duration }, isFinished => {
+            if (isFinished)
+                runOnJS(setIsVisible)(false);
+        });
+        heightScale.value = withTiming(0, { duration });
+        marginScale.value = withTiming(0, { duration });
+    }, [yCoords, heightScale, marginScale]);
+    useEffect(() => {
+        if (isVisible)
+            if (isTyping)
+                slideIn();
+            else
+                slideOut();
+    }, [isVisible, isTyping, slideIn, slideOut]);
+    useEffect(() => {
+        if (isTyping)
+            setIsVisible(true);
+    }, [isTyping]);
+    if (!isVisible)
+        return null;
+    return (<Animated.View style={[
+            styles.container,
+            containerStyle,
+            style,
+        ]}>
+      <DotsAnimation />
+    </Animated.View>);
+};
+//# sourceMappingURL=index.js.map

package/lib/TypingIndicator/index.js.map

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

package/lib/TypingIndicator/styles.d.ts

@@ -0,0 +1,21 @@
+declare const _default: {
+    container: {
+        marginLeft: number;
+        width: number;
+        borderRadius: number;
+        backgroundColor: string;
+    };
+    dots: {
+        flexDirection: "row";
+    };
+    dot: {
+        marginLeft: number;
+        marginRight: number;
+        borderRadius: number;
+        width: number;
+        height: number;
+        backgroundColor: string;
+    };
+};
+export default _default;
+//# sourceMappingURL=styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAGA,wBAkBE"}

package/lib/TypingIndicator/styles.js

@@ -0,0 +1,22 @@
+import { StyleSheet } from 'react-native';
+import { Color } from '../Color';
+export default StyleSheet.create({
+    container: {
+        marginLeft: 8,
+        width: 45,
+        borderRadius: 15,
+        backgroundColor: Color.leftBubbleBackground,
+    },
+    dots: {
+        flexDirection: 'row',
+    },
+    dot: {
+        marginLeft: 2,
+        marginRight: 2,
+        borderRadius: 4,
+        width: 8,
+        height: 8,
+        backgroundColor: 'rgba(0, 0, 0, 0.38)',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/TypingIndicator/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/TypingIndicator/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,CAAC;QACb,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK,CAAC,oBAAoB;KAC5C;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,KAAK;KACrB;IACD,GAAG,EAAE;QACH,UAAU,EAAE,CAAC;QACb,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,CAAC;QACf,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,eAAe,EAAE,qBAAqB;KACvC;CACF,CAAC,CAAA"}

package/lib/TypingIndicator/types.d.ts

@@ -0,0 +1,6 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export interface TypingIndicatorProps {
+    isTyping?: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/TypingIndicator/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/TypingIndicator/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC7B"}

package/lib/TypingIndicator/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/TypingIndicator/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/TypingIndicator/types.ts"],"names":[],"mappings":""}

package/lib/components/MessageReply.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { IMessage, ReplyMessage } from '../Models';
+export interface MessageReplyProps<TMessage extends IMessage = IMessage> {
+    /** The reply message to display */
+    replyMessage: ReplyMessage;
+    /** The current message containing the reply */
+    currentMessage: TMessage;
+    /** Position of the bubble (left or right) */
+    position: 'left' | 'right';
+    /** Container style for the reply */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Container style for left position */
+    containerStyleLeft?: StyleProp<ViewStyle>;
+    /** Container style for right position */
+    containerStyleRight?: StyleProp<ViewStyle>;
+    /** Text style for the reply */
+    textStyle?: StyleProp<TextStyle>;
+    /** Text style for left position */
+    textStyleLeft?: StyleProp<TextStyle>;
+    /** Text style for right position */
+    textStyleRight?: StyleProp<TextStyle>;
+    /** Image style for the reply */
+    imageStyle?: StyleProp<ImageStyle>;
+    /** Callback when reply is pressed */
+    onPress?: (replyMessage: ReplyMessage) => void;
+}
+export declare function MessageReply<TMessage extends IMessage = IMessage>({ replyMessage, currentMessage, position, containerStyle, containerStyleLeft, containerStyleRight, textStyle, textStyleLeft, textStyleRight, imageStyle, onPress, }: MessageReplyProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=MessageReply.d.ts.map

package/lib/components/MessageReply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReply.d.ts","sourceRoot":"","sources":["../../src/components/MessageReply.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAEL,UAAU,EAEV,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAGlD,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ;IACrE,mCAAmC;IACnC,YAAY,EAAE,YAAY,CAAA;IAC1B,+CAA+C;IAC/C,cAAc,EAAE,QAAQ,CAAA;IACxB,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,oCAAoC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,wCAAwC;IACxC,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,yCAAyC;IACzC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,+BAA+B;IAC/B,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,mCAAmC;IACnC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,oCAAoC;IACpC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,gCAAgC;IAChC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,qCAAqC;IACrC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;CAC/C;AA8CD,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,YAAY,EACZ,cAAc,EACd,QAAQ,EACR,cAAc,EACd,kBAAkB,EAClB,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,cAAc,EACd,UAAU,EACV,OAAO,GACR,EAAE,iBAAiB,CAAC,QAAQ,CAAC,qBA0D7B"}

package/lib/components/MessageReply.js

@@ -0,0 +1,87 @@
+import React, { useMemo } from 'react';
+import { Image, Pressable, StyleSheet, Text, View, } from 'react-native';
+import { isSameUser } from '../utils';
+const styles = StyleSheet.create({
+    container: {
+        borderRadius: 8,
+        marginBottom: 4,
+        paddingHorizontal: 10,
+        paddingVertical: 6,
+    },
+    containerLeft: {
+        backgroundColor: 'rgba(0, 0, 0, 0.06)',
+        borderLeftColor: '#0084ff',
+        borderLeftWidth: 3,
+    },
+    containerRight: {
+        backgroundColor: 'rgba(255, 255, 255, 0.15)',
+        borderLeftColor: 'rgba(255, 255, 255, 0.6)',
+        borderLeftWidth: 3,
+    },
+    image: {
+        borderRadius: 4,
+        height: 40,
+        marginTop: 4,
+        width: 40,
+    },
+    text: {
+        fontSize: 13,
+    },
+    textLeft: {
+        color: '#333',
+    },
+    textRight: {
+        color: 'rgba(255, 255, 255, 0.9)',
+    },
+    username: {
+        fontWeight: '600',
+        marginBottom: 2,
+    },
+    usernameLeft: {
+        color: '#0084ff',
+    },
+    usernameRight: {
+        color: 'rgba(255, 255, 255, 0.9)',
+    },
+});
+export function MessageReply({ replyMessage, currentMessage, position, containerStyle, containerStyleLeft, containerStyleRight, textStyle, textStyleLeft, textStyleRight, imageStyle, onPress, }) {
+    const isCurrentUser = useMemo(() => isSameUser(currentMessage, { user: replyMessage.user }), [currentMessage, replyMessage.user]);
+    const displayName = useMemo(() => {
+        if (isCurrentUser)
+            return 'You';
+        return replyMessage.user?.name || 'Unknown';
+    }, [isCurrentUser, replyMessage.user?.name]);
+    const handlePress = () => {
+        onPress?.(replyMessage);
+    };
+    const containerStyles = [
+        styles.container,
+        position === 'left' ? styles.containerLeft : styles.containerRight,
+        containerStyle,
+        position === 'left' ? containerStyleLeft : containerStyleRight,
+    ];
+    const usernameStyles = [
+        styles.username,
+        position === 'left' ? styles.usernameLeft : styles.usernameRight,
+        textStyle,
+        position === 'left' ? textStyleLeft : textStyleRight,
+    ];
+    const textStyles = [
+        styles.text,
+        position === 'left' ? styles.textLeft : styles.textRight,
+        textStyle,
+        position === 'left' ? textStyleLeft : textStyleRight,
+    ];
+    return (<Pressable onPress={handlePress}>
+      <View style={containerStyles}>
+        <Text style={usernameStyles} numberOfLines={1}>
+          {displayName}
+        </Text>
+        {replyMessage.text && (<Text style={textStyles} numberOfLines={2}>
+            {replyMessage.text}
+          </Text>)}
+        {replyMessage.image && (<Image source={{ uri: replyMessage.image }} style={[styles.image, imageStyle]}/>)}
+      </View>
+    </Pressable>);
+}
+//# sourceMappingURL=MessageReply.js.map

package/lib/components/MessageReply.js.map

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

package/lib/components/ReplyPreview.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { ReplyMessage } from '../Models';
+export interface ReplyPreviewProps {
+    /** The reply message to preview */
+    replyMessage: ReplyMessage;
+    /** Callback to clear the reply */
+    onClearReply?: () => void;
+    /** Container style */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Text style */
+    textStyle?: StyleProp<TextStyle>;
+    /** Image style */
+    imageStyle?: StyleProp<ImageStyle>;
+}
+export declare function ReplyPreview({ replyMessage, onClearReply, containerStyle, textStyle, imageStyle, }: ReplyPreviewProps): React.JSX.Element;
+//# sourceMappingURL=ReplyPreview.d.ts.map

package/lib/components/ReplyPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyPreview.d.ts","sourceRoot":"","sources":["../../src/components/ReplyPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,UAAU,EAEV,SAAS,EAGT,SAAS,EAET,SAAS,EACV,MAAM,cAAc,CAAA;AAWrB,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAMxC,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,YAAY,EAAE,YAAY,CAAA;IAC1B,kCAAkC;IAClC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IACzB,sBAAsB;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,iBAAiB;IACjB,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,kBAAkB;IAClB,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;CACnC;AAoED,wBAAgB,YAAY,CAAE,EAC5B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,SAAS,EACT,UAAU,GACX,EAAE,iBAAiB,qBAoHnB"}