react-native-gifted-chat 3.3.2 → 3.3.3

package/lib/Message/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Message/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,UAAU;QACtB,QAAQ,EAAE,KAAK;KAChB;IACD,cAAc,EAAE;QACd,cAAc,EAAE,YAAY;QAC5B,UAAU,EAAE,CAAC;KACd;IACD,eAAe,EAAE;QACf,cAAc,EAAE,UAAU;QAC1B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,UAAU;KACtB;CACF,CAAC,CAAA"}

package/lib/Message/types.d.ts

@@ -0,0 +1,25 @@
+import { ViewStyle, LayoutChangeEvent } from 'react-native';
+import { AvatarProps } from '../Avatar';
+import { BubbleProps } from '../Bubble';
+import { DayProps } from '../Day';
+import { IMessage, User, LeftRightStyle } from '../Models';
+import { SwipeToReplyProps } from '../Reply';
+import { SystemMessageProps } from '../SystemMessage';
+export interface MessageProps<TMessage extends IMessage> {
+    isUserAvatarVisible?: boolean;
+    position: 'left' | 'right';
+    currentMessage: TMessage;
+    nextMessage?: TMessage;
+    previousMessage?: TMessage;
+    user: User;
+    isInverted?: boolean;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    renderBubble?: (props: BubbleProps<TMessage>) => React.ReactNode;
+    renderDay?: (props: DayProps) => React.ReactNode;
+    renderSystemMessage?: (props: SystemMessageProps<TMessage>) => React.ReactNode;
+    renderAvatar?: (props: AvatarProps<TMessage>) => React.ReactNode;
+    onMessageLayout?: (event: LayoutChangeEvent) => void;
+    /** Swipe to reply configuration */
+    swipeToReply?: SwipeToReplyProps<TMessage>;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Message/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,WAAW,YAAY,CAAC,QAAQ,SAAS,QAAQ;IACrD,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,cAAc,EAAE,QAAQ,CAAA;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,eAAe,CAAC,EAAE,QAAQ,CAAA;IAC1B,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC9E,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAChE,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mCAAmC;IACnC,YAAY,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC3C"}

package/lib/Message/types.js

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

package/lib/Message/types.js.map

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

package/lib/MessageAudio.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function MessageAudio(): React.JSX.Element;
+//# sourceMappingURL=MessageAudio.d.ts.map

package/lib/MessageAudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageAudio.d.ts","sourceRoot":"","sources":["../src/MessageAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,wBAAgB,YAAY,sBAa3B"}

package/lib/MessageAudio.js

@@ -0,0 +1,25 @@
+import React, { useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+const styles = StyleSheet.create({
+    container: {
+        padding: 10,
+    },
+    text: {
+        color: Color.alizarin,
+        fontWeight: '600',
+    },
+});
+export function MessageAudio() {
+    const content = useMemo(() => (<View style={styles.container}>
+      <Text style={styles.text}>
+        {'Audio is not implemented by GiftedChat.'}
+      </Text>
+      <Text style={styles.text}>
+        {'\nYou need to provide your own implementation by using renderMessageAudio prop.'}
+      </Text>
+    </View>), []);
+    return content;
+}
+//# sourceMappingURL=MessageAudio.js.map

package/lib/MessageAudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageAudio.js","sourceRoot":"","sources":["../src/MessageAudio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC5B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,yCAAyC,CAC5C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,iFAAiF,CACpF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/lib/MessageImage.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ImageProps, ViewStyle, StyleProp, ImageStyle, ImageURISource } from 'react-native';
+import { IMessage } from './Models';
+export interface MessageImageProps<TMessage extends IMessage> {
+    currentMessage: TMessage;
+    containerStyle?: StyleProp<ViewStyle>;
+    imageSourceProps?: Partial<ImageURISource>;
+    imageStyle?: StyleProp<ImageStyle>;
+    imageProps?: Partial<ImageProps>;
+}
+export declare function MessageImage<TMessage extends IMessage = IMessage>({ containerStyle, imageProps, imageSourceProps, imageStyle, currentMessage, }: MessageImageProps<TMessage>): React.JSX.Element | null;
+//# sourceMappingURL=MessageImage.d.ts.map

package/lib/MessageImage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageImage.d.ts","sourceRoot":"","sources":["../src/MessageImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAChF,OAAO,EAIL,UAAU,EACV,SAAS,EACT,SAAS,EACT,UAAU,EACV,cAAc,EAIf,MAAM,cAAc,CAAA;AAarB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAgFnC,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAA;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,CAAA;CACjC;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,cAAc,GACf,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BA4F7B"}

package/lib/MessageImage.js

@@ -0,0 +1,164 @@
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { Image, StyleSheet, View, useWindowDimensions, StatusBar, } from 'react-native';
+import { BaseButton, GestureHandlerRootView, Text } from 'react-native-gesture-handler';
+import { OverKeyboardView } from 'react-native-keyboard-controller';
+import Animated, { useAnimatedStyle, useSharedValue, withTiming, Easing, runOnJS, } from 'react-native-reanimated';
+import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
+import Zoom from 'react-native-zoom-reanimated';
+import { TouchableOpacity } from './components/TouchableOpacity';
+import commonStyles from './styles';
+function ModalContent({ isVisible, imageSource, modalImageDimensions, imageProps, onClose }) {
+    const insets = useSafeAreaInsets();
+    // Animation values
+    const modalOpacity = useSharedValue(0);
+    const modalScale = useSharedValue(0.9);
+    const modalBorderRadius = useSharedValue(40);
+    const handleModalClose = useCallback(() => {
+        modalOpacity.value = withTiming(0, { duration: 200, easing: Easing.in(Easing.ease) });
+        modalScale.value = withTiming(0.9, { duration: 200, easing: Easing.in(Easing.ease) }, () => {
+            runOnJS(onClose)();
+        });
+        modalBorderRadius.value = withTiming(40, { duration: 200, easing: Easing.in(Easing.ease) });
+    }, [onClose, modalOpacity, modalScale, modalBorderRadius]);
+    // Animate on visibility change
+    useEffect(() => {
+        if (isVisible) {
+            modalOpacity.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
+            modalScale.value = withTiming(1, { duration: 300, easing: Easing.out(Easing.ease) });
+            modalBorderRadius.value = withTiming(0, { duration: 300, easing: Easing.out(Easing.ease) });
+        }
+    }, [isVisible, modalOpacity, modalScale, modalBorderRadius]);
+    const modalAnimatedStyle = useAnimatedStyle(() => ({
+        opacity: modalOpacity.value,
+        transform: [{ scale: modalScale.value }],
+    }), [modalOpacity, modalScale]);
+    const modalBorderRadiusStyle = useAnimatedStyle(() => ({
+        borderRadius: modalBorderRadius.value,
+    }), [modalBorderRadius]);
+    return (<>
+      <StatusBar animated barStyle='dark-content'/>
+      <Animated.View style={[styles.modalOverlay, modalAnimatedStyle, modalBorderRadiusStyle]}>
+        <GestureHandlerRootView style={commonStyles.fill}>
+          <Animated.View style={[commonStyles.fill, styles.modalContent, modalBorderRadiusStyle, { paddingTop: insets.top, paddingBottom: insets.bottom }]}>
+
+            {/* close button */}
+            <View style={styles.closeButtonContainer}>
+              <BaseButton onPress={handleModalClose}>
+                <View style={styles.closeButtonContent}>
+                  <Text style={styles.closeButtonIcon}>
+                    {'X'}
+                  </Text>
+                </View>
+              </BaseButton>
+            </View>
+
+            <View style={[commonStyles.fill, commonStyles.centerItems]}>
+              <Zoom>
+                <Image style={modalImageDimensions} source={imageSource} resizeMode='contain' {...imageProps}/>
+              </Zoom>
+            </View>
+          </Animated.View>
+        </GestureHandlerRootView>
+      </Animated.View>
+    </>);
+}
+export function MessageImage({ containerStyle, imageProps, imageSourceProps, imageStyle, currentMessage, }) {
+    const [isModalVisible, setIsModalVisible] = useState(false);
+    const [imageDimensions, setImageDimensions] = useState();
+    const windowDimensions = useWindowDimensions();
+    const imageSource = useMemo(() => ({
+        ...imageSourceProps,
+        uri: currentMessage?.image,
+    }), [imageSourceProps, currentMessage?.image]);
+    const isImageSourceChanged = useRef(true);
+    const computedImageStyle = useMemo(() => [
+        styles.image,
+        imageStyle,
+    ], [imageStyle]);
+    const handleImagePress = useCallback(() => {
+        if (!imageSource.uri)
+            return;
+        setIsModalVisible(true);
+        if (isImageSourceChanged.current || !imageDimensions)
+            Image.getSize(imageSource.uri, (width, height) => {
+                setImageDimensions({ width, height });
+            });
+    }, [imageSource.uri, imageDimensions]);
+    const handleModalClose = useCallback(() => {
+        setIsModalVisible(false);
+    }, []);
+    const handleImageLayout = useCallback((e) => {
+        setImageDimensions({
+            width: e.nativeEvent.layout.width,
+            height: e.nativeEvent.layout.height,
+        });
+    }, []);
+    const modalImageDimensions = useMemo(() => {
+        if (!imageDimensions)
+            return undefined;
+        const aspectRatio = imageDimensions.width / imageDimensions.height;
+        let width = windowDimensions.width;
+        let height = width / aspectRatio;
+        if (height > windowDimensions.height) {
+            height = windowDimensions.height;
+            width = height * aspectRatio;
+        }
+        return {
+            width,
+            height,
+        };
+    }, [imageDimensions, windowDimensions.height, windowDimensions.width]);
+    useEffect(() => {
+        isImageSourceChanged.current = true;
+    }, [imageSource.uri]);
+    if (currentMessage == null)
+        return null;
+    return (<View style={containerStyle}>
+      <TouchableOpacity onPress={handleImagePress}>
+        <Image {...imageProps} style={computedImageStyle} source={imageSource} onLayout={handleImageLayout} resizeMode='cover'/>
+      </TouchableOpacity>
+
+      <OverKeyboardView visible={isModalVisible}>
+        <SafeAreaProvider>
+          <ModalContent isVisible={isModalVisible} imageSource={imageSource} modalImageDimensions={modalImageDimensions} imageProps={imageProps} onClose={handleModalClose}/>
+        </SafeAreaProvider>
+      </OverKeyboardView>
+    </View>);
+}
+const styles = StyleSheet.create({
+    image: {
+        width: 150,
+        height: 100,
+        borderRadius: 13,
+        margin: 3,
+    },
+    modalOverlay: {
+        position: 'absolute',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        zIndex: 1000,
+    },
+    modalContent: {
+        backgroundColor: '#000',
+        overflow: 'hidden',
+    },
+    modalImageContainer: {
+        width: '100%',
+        height: '100%',
+    },
+    closeButtonContainer: {
+        flexDirection: 'row',
+        justifyContent: 'flex-end',
+    },
+    closeButtonContent: {
+        padding: 20,
+    },
+    closeButtonIcon: {
+        fontSize: 20,
+        lineHeight: 20,
+        color: 'white',
+    },
+});
+//# sourceMappingURL=MessageImage.js.map

package/lib/MessageImage.js.map

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

package/lib/MessageReply.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ViewStyle, TextStyle, StyleProp, ImageStyle } from 'react-native';
+import { LeftRightStyle, IMessage, ReplyMessage } from './Models';
+export interface MessageReplyProps<TMessage extends IMessage> {
+    position?: 'left' | 'right';
+    currentMessage: TMessage;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    contentContainerStyle?: LeftRightStyle<ViewStyle>;
+    imageStyle?: StyleProp<ImageStyle>;
+    usernameStyle?: StyleProp<TextStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    onPress?: (replyMessage: ReplyMessage) => void;
+}
+export declare function MessageReply<TMessage extends IMessage = IMessage>({ currentMessage, position, containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }: MessageReplyProps<TMessage>): React.JSX.Element | null;
+//# sourceMappingURL=MessageReply.d.ts.map

package/lib/MessageReply.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageReply.d.ts","sourceRoot":"","sources":["../src/MessageReply.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EAIT,SAAS,EACT,SAAS,EACT,UAAU,EACX,MAAM,cAAc,CAAA;AAIrB,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGjE,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,qBAAqB,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACjD,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;CAC/C;AAED,wBAAgB,YAAY,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAG,EAClE,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,UAAU,EACV,aAAa,EACb,SAAS,EACT,OAAO,EAAE,WAAW,GACrB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BAsE7B"}

package/lib/MessageReply.js

@@ -0,0 +1,103 @@
+import React, { useMemo, useCallback } from 'react';
+import { StyleSheet, View, Pressable, Image, } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+import { getStyleWithPosition } from './styles';
+export function MessageReply({ currentMessage, position = 'left', containerStyle, contentContainerStyle, imageStyle, usernameStyle, textStyle, onPress: onPressProp, }) {
+    const handlePress = useCallback(() => {
+        if (!onPressProp || !currentMessage.replyMessage)
+            return;
+        onPressProp(currentMessage.replyMessage);
+    }, [onPressProp, currentMessage.replyMessage]);
+    const containerStyleMemo = useMemo(() => [
+        styles.container,
+        getStyleWithPosition(styles, 'container', position),
+        containerStyle?.[position],
+    ], [position, containerStyle]);
+    const contentContainerStyleMemo = useMemo(() => [
+        styles.contentContainer,
+        contentContainerStyle?.[position],
+    ], [position, contentContainerStyle]);
+    const imageStyleMemo = useMemo(() => [
+        styles.image,
+        imageStyle,
+    ], [imageStyle]);
+    const usernameStyleMemo = useMemo(() => [
+        styles.username,
+        getStyleWithPosition(styles, 'username', position),
+        usernameStyle,
+    ], [position, usernameStyle]);
+    const textStyleMemo = useMemo(() => [
+        styles.text,
+        getStyleWithPosition(styles, 'text', position),
+        textStyle,
+    ], [position, textStyle]);
+    if (!currentMessage.replyMessage)
+        return null;
+    const { replyMessage } = currentMessage;
+    return (<Pressable onPress={handlePress} style={containerStyleMemo}>
+      <View style={contentContainerStyleMemo}>
+        {replyMessage.image && (<Image source={{ uri: replyMessage.image }} style={imageStyleMemo}/>)}
+        <View style={styles.textContainer}>
+          <Text style={usernameStyleMemo} numberOfLines={1}>
+            {replyMessage.user?.name || 'User'}
+          </Text>
+          <Text numberOfLines={1} style={textStyleMemo}>
+            {replyMessage.text || (replyMessage.image ? 'Photo' : (replyMessage.audio ? 'Audio' : 'Message'))}
+          </Text>
+        </View>
+      </View>
+    </Pressable>);
+}
+const styles = StyleSheet.create({
+    container: {
+        marginHorizontal: 10,
+        marginTop: 5,
+        marginBottom: 2,
+        padding: 8,
+        borderRadius: 8,
+        borderLeftWidth: 3,
+        borderLeftColor: Color.defaultBlue,
+        minWidth: 150,
+    },
+    container_left: {
+        backgroundColor: 'rgba(0, 0, 0, 0.05)',
+    },
+    container_right: {
+        backgroundColor: 'rgba(255, 255, 255, 0.15)',
+    },
+    contentContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    image: {
+        width: 36,
+        height: 36,
+        borderRadius: 4,
+        marginRight: 8,
+    },
+    textContainer: {
+        flex: 1,
+    },
+    username: {
+        fontSize: 13,
+        fontWeight: '600',
+        marginBottom: 2,
+    },
+    username_left: {
+        color: Color.defaultBlue,
+    },
+    username_right: {
+        color: Color.white,
+    },
+    text: {
+        fontSize: 13,
+    },
+    text_left: {
+        color: Color.black,
+    },
+    text_right: {
+        color: 'rgba(255, 255, 255, 0.8)',
+    },
+});
+//# sourceMappingURL=MessageReply.js.map

package/lib/MessageReply.js.map

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

package/lib/MessageText.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { LinkMatcher, LinkType } from './linkParser';
+import { LeftRightStyle, IMessage } from './Models';
+export type MessageTextProps<TMessage extends IMessage> = {
+    position?: 'left' | 'right';
+    currentMessage: TMessage;
+    containerStyle?: LeftRightStyle<ViewStyle>;
+    textStyle?: LeftRightStyle<TextStyle>;
+    linkStyle?: LeftRightStyle<TextStyle>;
+    customTextStyle?: StyleProp<TextStyle>;
+    onPress?: (message: TMessage, url: string, type: LinkType) => void;
+    matchers?: LinkMatcher[];
+    email?: boolean;
+    phone?: boolean;
+    url?: boolean;
+    hashtag?: boolean;
+    mention?: boolean;
+    hashtagUrl?: string;
+    mentionUrl?: string;
+    stripPrefix?: boolean;
+};
+export declare function MessageText<TMessage extends IMessage>({ currentMessage, position, containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email, phone, url, hashtag, mention, hashtagUrl, mentionUrl, stripPrefix, }: MessageTextProps<TMessage>): React.JSX.Element;
+//# sourceMappingURL=MessageText.d.ts.map

package/lib/MessageText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageText.d.ts","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAA;AAGrB,OAAO,EAAc,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAChE,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnD,MAAM,MAAM,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,IAAI;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAA;IACrC,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,OAAO,CAAC,EAAE,CACR,OAAO,EAAE,QAAQ,EACjB,GAAG,EAAE,MAAM,EACX,IAAI,EAAE,QAAQ,KACX,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,wBAAgB,WAAW,CAAC,QAAQ,SAAS,QAAQ,EAAE,EACrD,cAAc,EACd,QAAiB,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,KAAY,EACZ,KAAY,EACZ,GAAU,EACV,OAAe,EACf,OAAe,EACf,UAAU,EACV,UAAU,EACV,WAAmB,GACpB,EAAE,gBAAgB,CAAC,QAAQ,CAAC,qBAoC5B"}

package/lib/MessageText.js

@@ -0,0 +1,41 @@
+import React, { useMemo, useCallback } from 'react';
+import { StyleSheet, View, } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { LinkParser } from './linkParser';
+export function MessageText({ currentMessage, position = 'left', containerStyle, textStyle, linkStyle: linkStyleProp, customTextStyle, onPress: onPressProp, matchers, email = true, phone = true, url = true, hashtag = false, mention = false, hashtagUrl, mentionUrl, stripPrefix = false, }) {
+    const linkStyle = useMemo(() => StyleSheet.flatten([
+        styles.link,
+        linkStyleProp?.[position],
+    ]), [position, linkStyleProp]);
+    const style = useMemo(() => [
+        styles[`text_${position}`],
+        textStyle?.[position],
+        customTextStyle,
+    ], [position, textStyle, customTextStyle]);
+    const handlePress = useCallback((url, type) => {
+        onPressProp?.(currentMessage, url, type);
+    }, [onPressProp, currentMessage]);
+    return (<View style={[styles.container, containerStyle?.[position]]}>
+      <LinkParser text={currentMessage.text} matchers={matchers} email={email} phone={phone} url={url} hashtag={hashtag} mention={mention} hashtagUrl={hashtagUrl} mentionUrl={mentionUrl} stripPrefix={stripPrefix} linkStyle={linkStyle} textStyle={style} onPress={onPressProp ? handlePress : undefined} TextComponent={Text}/>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        marginVertical: 5,
+        marginHorizontal: 10,
+    },
+    text: {
+        fontSize: 16,
+        lineHeight: 20,
+    },
+    text_left: {
+        color: 'black',
+    },
+    text_right: {
+        color: 'white',
+    },
+    link: {
+        textDecorationLine: 'underline',
+    },
+});
+//# sourceMappingURL=MessageText.js.map

package/lib/MessageText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageText.js","sourceRoot":"","sources":["../src/MessageText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EACL,UAAU,EAIV,IAAI,GACL,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,UAAU,EAAyB,MAAM,cAAc,CAAA;AA2BhE,MAAM,UAAU,WAAW,CAA4B,EACrD,cAAc,EACd,QAAQ,GAAG,MAAM,EACjB,cAAc,EACd,SAAS,EACT,SAAS,EAAE,aAAa,EACxB,eAAe,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,KAAK,GAAG,IAAI,EACZ,KAAK,GAAG,IAAI,EACZ,GAAG,GAAG,IAAI,EACV,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,UAAU,EACV,UAAU,EACV,WAAW,GAAG,KAAK,GACQ;IAC3B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,CAAC;QACjD,MAAM,CAAC,IAAI;QACX,aAAa,EAAE,CAAC,QAAQ,CAAC;KAC1B,CAAC,EAAE,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC,CAAA;IAE9B,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC;QAC1B,MAAM,CAAC,QAAQ,QAAQ,EAAE,CAAC;QAC1B,SAAS,EAAE,CAAC,QAAQ,CAAC;QACrB,eAAe;KAChB,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,eAAe,CAAC,CAAC,CAAA;IAE1C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,GAAW,EAAE,IAAc,EAAE,EAAE;QAC9D,WAAW,EAAE,CAAC,cAAc,EAAE,GAAG,EAAE,IAAI,CAAC,CAAA;IAC1C,CAAC,EAAE,CAAC,WAAW,EAAE,cAAc,CAAC,CAAC,CAAA;IAEjC,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,cAAc,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1D;MAAA,CAAC,UAAU,CACT,IAAI,CAAC,CAAC,cAAe,CAAC,IAAI,CAAC,CAC3B,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,KAAK,CAAC,CACjB,OAAO,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAC/C,aAAa,CAAC,CAAC,IAAI,CAAC,EAExB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,cAAc,EAAE,CAAC;QACjB,gBAAgB,EAAE,EAAE;KACrB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,EAAE;KACf;IACD,SAAS,EAAE;QACT,KAAK,EAAE,OAAO;KACf;IACD,UAAU,EAAE;QACV,KAAK,EAAE,OAAO;KACf;IACD,IAAI,EAAE;QACJ,kBAAkB,EAAE,WAAW;KAChC;CACF,CAAC,CAAA"}

package/lib/MessageVideo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function MessageVideo(): React.JSX.Element;
+//# sourceMappingURL=MessageVideo.d.ts.map

package/lib/MessageVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageVideo.d.ts","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAetC,wBAAgB,YAAY,sBAa3B"}

package/lib/MessageVideo.js

@@ -0,0 +1,25 @@
+import React, { useMemo } from 'react';
+import { View, StyleSheet } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+const styles = StyleSheet.create({
+    container: {
+        padding: 10,
+    },
+    text: {
+        color: Color.alizarin,
+        fontWeight: '600',
+    },
+});
+export function MessageVideo() {
+    const content = useMemo(() => (<View style={styles.container}>
+      <Text style={styles.text}>
+        {'Video is not implemented by GiftedChat.'}
+      </Text>
+      <Text style={styles.text}>
+        {'\nYou need to provide your own implementation by using renderMessageVideo prop.'}
+      </Text>
+    </View>), []);
+    return content;
+}
+//# sourceMappingURL=MessageVideo.js.map

package/lib/MessageVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageVideo.js","sourceRoot":"","sources":["../src/MessageVideo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,OAAO,EAAE,EAAE;KACZ;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,KAAK,CAAC,QAAQ;QACrB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA;AAEF,MAAM,UAAU,YAAY;IAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAC5B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAC5B;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,yCAAyC,CAC5C;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CACvB;QAAA,CAAC,iFAAiF,CACpF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,OAAO,CAAA;AAChB,CAAC"}

package/lib/MessagesContainer/components/DayAnimated/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { DayAnimatedProps } from './types';
+export * from './types';
+export declare const DayAnimated: ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoading, ...rest }: DayAnimatedProps) => React.JSX.Element | null;
+//# sourceMappingURL=index.d.ts.map

package/lib/MessagesContainer/components/DayAnimated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MessagesContainer/components/DayAnimated/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAA;AASxE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,cAAc,SAAS,CAAA;AAEvB,eAAO,MAAM,WAAW,GAAI,mFAAmF,gBAAgB,6BAyI9H,CAAA"}

package/lib/MessagesContainer/components/DayAnimated/index.js

@@ -0,0 +1,92 @@
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import Animated, { interpolate, useAnimatedStyle, useDerivedValue, useSharedValue, useAnimatedReaction, withTiming, runOnJS } from 'react-native-reanimated';
+import { Day } from '../../../Day';
+import stylesCommon from '../../../styles';
+import { isSameDay } from '../../../utils';
+import { useAbsoluteScrolledPositionToBottomOfDay, useRelativeScrolledPositionToBottomOfDay } from '../Item';
+import styles from './styles';
+export * from './types';
+export const DayAnimated = ({ scrolledY, daysPositions, listHeight, renderDay, messages, isLoading, ...rest }) => {
+    const opacity = useSharedValue(0);
+    const fadeOutOpacityTimeoutId = useSharedValue(undefined);
+    const containerHeight = useSharedValue(0);
+    const isScrolledOnMount = useSharedValue(false);
+    const isLoadingAnim = useSharedValue(isLoading);
+    const daysPositionsArray = useDerivedValue(() => Object.values(daysPositions.value).sort((a, b) => {
+        'worklet';
+        return a.y - b.y;
+    }));
+    const [createdAt, setCreatedAt] = useState();
+    const dayTopOffset = useMemo(() => 10, []);
+    const dayBottomMargin = useMemo(() => 10, []);
+    const absoluteScrolledPositionToBottomOfDay = useAbsoluteScrolledPositionToBottomOfDay(listHeight, scrolledY, containerHeight, dayBottomMargin, dayTopOffset);
+    const relativeScrolledPositionToBottomOfDay = useRelativeScrolledPositionToBottomOfDay(listHeight, scrolledY, daysPositions, containerHeight, dayBottomMargin, dayTopOffset);
+    const messagesDates = useMemo(() => {
+        const messagesDates = [];
+        for (let i = 1; i < messages.length; i++) {
+            const previousMessage = messages[i - 1];
+            const message = messages[i];
+            if (!isSameDay(previousMessage, message) || !messagesDates.includes(new Date(message.createdAt).getTime()))
+                messagesDates.push(new Date(message.createdAt).getTime());
+        }
+        return messagesDates;
+    }, [messages]);
+    const createdAtDate = useDerivedValue(() => {
+        for (let i = 0; i < daysPositionsArray.value.length; i++) {
+            const day = daysPositionsArray.value[i];
+            const dayPosition = day.y + day.height - containerHeight.value - dayBottomMargin;
+            if (absoluteScrolledPositionToBottomOfDay.value < dayPosition)
+                return day.createdAt;
+        }
+        return messagesDates[messagesDates.length - 1];
+    }, [daysPositionsArray, absoluteScrolledPositionToBottomOfDay, messagesDates, containerHeight, dayBottomMargin]);
+    const style = useAnimatedStyle(() => ({
+        top: interpolate(relativeScrolledPositionToBottomOfDay.value, [-dayTopOffset, -0.0001, 0, isLoadingAnim.value ? 0 : containerHeight.value + dayTopOffset], [dayTopOffset, dayTopOffset, -containerHeight.value, isLoadingAnim.value ? -containerHeight.value : dayTopOffset], 'clamp'),
+    }), [relativeScrolledPositionToBottomOfDay, containerHeight, dayTopOffset, isLoadingAnim]);
+    const contentStyle = useAnimatedStyle(() => ({
+        opacity: opacity.value,
+    }), [opacity]);
+    const fadeOut = useCallback(() => {
+        'worklet';
+        opacity.value = withTiming(0, { duration: 500 });
+    }, [opacity]);
+    const scheduleFadeOut = useCallback(() => {
+        clearTimeout(fadeOutOpacityTimeoutId.value);
+        fadeOutOpacityTimeoutId.value = setTimeout(fadeOut, 500);
+    }, [fadeOut, fadeOutOpacityTimeoutId]);
+    const handleLayout = useCallback(({ nativeEvent }) => {
+        containerHeight.value = nativeEvent.layout.height;
+    }, [containerHeight]);
+    useAnimatedReaction(() => [scrolledY.value, daysPositionsArray], (value, prevValue) => {
+        if (!isScrolledOnMount.value) {
+            isScrolledOnMount.value = true;
+            return;
+        }
+        if (value[0] === prevValue?.[0])
+            return;
+        opacity.value = withTiming(1, { duration: 500 });
+        runOnJS(scheduleFadeOut)();
+    }, [scrolledY, scheduleFadeOut, daysPositionsArray]);
+    useAnimatedReaction(() => createdAtDate.value, (value, prevValue) => {
+        if (value && value !== prevValue)
+            runOnJS(setCreatedAt)(value);
+    }, [createdAtDate]);
+    useEffect(() => {
+        isLoadingAnim.value = isLoading;
+    }, [isLoadingAnim, isLoading]);
+    const dayContent = useMemo(() => {
+        if (!createdAt)
+            return null;
+        return renderDay
+            ? renderDay({ ...rest, createdAt })
+            : <Day {...rest} containerStyle={[styles.dayAnimatedDayContainerStyle, rest.containerStyle]} createdAt={createdAt}/>;
+    }, [createdAt, renderDay, rest]);
+    if (!createdAt)
+        return null;
+    return (<Animated.View style={[stylesCommon.centerItems, styles.dayAnimated, style]} onLayout={handleLayout} pointerEvents='none'>
+      <Animated.View style={contentStyle} pointerEvents='none'>
+        {dayContent}
+      </Animated.View>
+    </Animated.View>);
+};
+//# sourceMappingURL=index.js.map