react-native-gifted-chat 3.3.0 → 3.3.3

package/lib/MessagesContainer/styles.js

@@ -0,0 +1,42 @@
+import { Platform, StyleSheet } from 'react-native';
+import { Color } from '../Color';
+export default StyleSheet.create({
+    containerAlignTop: {
+        flexDirection: 'row',
+        alignItems: 'flex-start',
+    },
+    contentContainerStyle: {
+        flexGrow: 1,
+        justifyContent: 'flex-start',
+    },
+    messagesContainer: {
+        paddingBottom: 10,
+    },
+    emptyChatContainer: {
+        transform: [{ scaleY: -1 }],
+    },
+    scrollToBottom: {
+        position: 'absolute',
+        right: 10,
+        bottom: 30,
+        zIndex: 999,
+    },
+    scrollToBottomContent: {
+        height: 40,
+        width: 40,
+        borderRadius: 20,
+        backgroundColor: Color.white,
+        ...Platform.select({
+            ios: {
+                shadowColor: Color.black,
+                shadowOpacity: 0.5,
+                shadowOffset: { width: 0, height: 0 },
+                shadowRadius: 1,
+            },
+            android: {
+                elevation: 5,
+            },
+        }),
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/MessagesContainer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/MessagesContainer/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,iBAAiB,EAAE;QACjB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,YAAY;KACzB;IACD,qBAAqB,EAAE;QACrB,QAAQ,EAAE,CAAC;QACX,cAAc,EAAE,YAAY;KAC7B;IACD,iBAAiB,EAAE;QACjB,aAAa,EAAE,EAAE;KAClB;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC;KAC5B;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,MAAM,EAAE,GAAG;KACZ;IACD,qBAAqB,EAAE;QACrB,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,YAAY,EAAE,EAAE;QAChB,eAAe,EAAE,KAAK,CAAC,KAAK;QAC5B,GAAG,QAAQ,CAAC,MAAM,CAAC;YACjB,GAAG,EAAE;gBACH,WAAW,EAAE,KAAK,CAAC,KAAK;gBACxB,aAAa,EAAE,GAAG;gBAClB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;aAChB;YACD,OAAO,EAAE;gBACP,SAAS,EAAE,CAAC;aACb;SACF,CAAC;KACH;CACF,CAAC,CAAA"}

package/lib/MessagesContainer/types.d.ts

@@ -0,0 +1,88 @@
+import { RefObject } from 'react';
+import { FlatListProps, StyleProp, ViewStyle } from 'react-native';
+import { FlatList } from 'react-native-gesture-handler';
+import { ScrollEvent } from 'react-native-reanimated';
+import { DayProps } from '../Day';
+import { LoadEarlierMessagesProps } from '../LoadEarlierMessages';
+import { MessageProps } from '../Message';
+import { User, IMessage, Reply } from '../Models';
+import { ReplyProps } from '../Reply';
+import { TypingIndicatorProps } from '../TypingIndicator/types';
+/**
+ * Typed AnimatedFlatList component that preserves generic type parameter.
+ * Uses react-native-gesture-handler's FlatList which respects keyboardShouldPersistTaps.
+ */
+export declare const AnimatedFlatList: <TMessage>(props: FlatListProps<TMessage> & {
+    ref?: RefObject<FlatList<TMessage>>;
+}) => React.ReactElement;
+export type AnimatedListProps<TMessage extends IMessage = IMessage> = Partial<Omit<FlatListProps<TMessage>, 'onScroll'> & {
+    onScroll?: (event: ScrollEvent) => void;
+}>;
+export type AnimatedList<TMessage> = FlatList<TMessage>;
+export interface MessagesContainerProps<TMessage extends IMessage = IMessage> extends Omit<TypingIndicatorProps, 'style'> {
+    /** Ref for the FlatList message container */
+    forwardRef?: RefObject<AnimatedList<TMessage>>;
+    /** Messages to display */
+    messages?: TMessage[];
+    /** Format to use for rendering dates; default is 'll' */
+    dateFormat?: string;
+    /** Format to use for rendering relative times */
+    dateFormatCalendar?: object;
+    /** User sending the messages: { _id, name, avatar } */
+    user?: User;
+    /** Additional props for FlatList */
+    listProps?: AnimatedListProps<TMessage>;
+    /** Reverses display order of messages; default is true */
+    isInverted?: boolean;
+    /** Controls whether or not the message bubbles appear at the top of the chat */
+    isAlignedTop?: boolean;
+    /** Enables the isScrollToBottomEnabled Component */
+    isScrollToBottomEnabled?: boolean;
+    /** Scroll to bottom wrapper style */
+    scrollToBottomStyle?: StyleProp<ViewStyle>;
+    /** Scroll to bottom content style */
+    scrollToBottomContentStyle?: StyleProp<ViewStyle>;
+    /** Distance from bottom before showing scroll to bottom button */
+    scrollToBottomOffset?: number;
+    /** Custom component to render when messages are empty */
+    renderChatEmpty?: () => React.ReactNode;
+    /** Custom footer component on the ListView, e.g. 'User is typing...' */
+    renderFooter?: (props: MessagesContainerProps<TMessage>) => React.ReactNode;
+    /** Custom message container */
+    renderMessage?: (props: MessageProps<TMessage>) => React.ReactElement;
+    /** Custom day above a message */
+    renderDay?: (props: DayProps) => React.ReactNode;
+    /** Custom "Load earlier messages" button */
+    renderLoadEarlier?: (props: LoadEarlierMessagesProps) => React.ReactNode;
+    /** Custom typing indicator */
+    renderTypingIndicator?: () => React.ReactNode;
+    /** Scroll to bottom custom component */
+    scrollToBottomComponent?: () => React.ReactNode;
+    /** Callback when quick reply is sent */
+    onQuickReply?: (replies: Reply[]) => void;
+    /** Props to pass to the LoadEarlierMessages component. The LoadEarlierMessages button is only visible when isAvailable is true. Includes isAvailable (controls button visibility), isInfiniteScrollEnabled (infinite scroll up when reach the top of messages container, automatically call onPress function if it exists - not yet supported for web), onPress (callback when button is pressed), isLoading (display loading indicator), label (override default "Load earlier messages" text), and styling props (containerStyle, wrapperStyle, textStyle, activityIndicatorStyle, activityIndicatorColor, activityIndicatorSize). */
+    loadEarlierMessagesProps?: LoadEarlierMessagesProps;
+    /** Style for TypingIndicator component */
+    typingIndicatorStyle?: StyleProp<ViewStyle>;
+    /** Enable animated day label that appears on scroll; default is true */
+    isDayAnimationEnabled?: boolean;
+    /** Reply functionality configuration */
+    reply?: ReplyProps<TMessage>;
+}
+export interface State {
+    showScrollBottom: boolean;
+    hasScrolled: boolean;
+}
+interface ViewLayout {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type DaysPositions = {
+    [key: string]: ViewLayout & {
+        createdAt: number;
+    };
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

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

package/lib/MessagesContainer/types.js

@@ -0,0 +1,10 @@
+import { FlatList } from 'react-native-gesture-handler';
+import Animated from 'react-native-reanimated';
+/** Animated FlatList created from react-native-gesture-handler's FlatList */
+const RNGHAnimatedFlatList = Animated.createAnimatedComponent(FlatList);
+/**
+ * Typed AnimatedFlatList component that preserves generic type parameter.
+ * Uses react-native-gesture-handler's FlatList which respects keyboardShouldPersistTaps.
+ */
+export const AnimatedFlatList = RNGHAnimatedFlatList;
+//# sourceMappingURL=types.js.map

package/lib/MessagesContainer/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/MessagesContainer/types.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAA;AACvD,OAAO,QAAyB,MAAM,yBAAyB,CAAA;AAS/D,6EAA6E;AAC7E,MAAM,oBAAoB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAA;AAEvE;;;GAGG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,oBAIT,CAAA"}

package/lib/Models.d.ts

@@ -0,0 +1,58 @@
+import { StyleProp, ViewStyle } from 'react-native';
+export type Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+export interface LeftRightStyle<T> {
+    left?: StyleProp<T>;
+    right?: StyleProp<T>;
+}
+type renderFunction = (x: unknown) => React.ReactNode;
+export interface User {
+    _id: string | number;
+    name?: string;
+    avatar?: string | number | renderFunction;
+}
+export interface Reply {
+    title: string;
+    value: string;
+    messageId?: number | string;
+}
+export interface QuickReplies {
+    type: 'radio' | 'checkbox';
+    values: Reply[];
+    keepIt?: boolean;
+}
+export interface ReplyMessage extends Pick<IMessage, '_id' | 'text' | 'user' | 'audio' | 'image'> {
+}
+export interface IMessage {
+    _id: string | number;
+    text: string;
+    createdAt: Date | number;
+    user: User;
+    image?: string;
+    video?: string;
+    audio?: string;
+    system?: boolean;
+    sent?: boolean;
+    received?: boolean;
+    pending?: boolean;
+    quickReplies?: QuickReplies;
+    replyMessage?: ReplyMessage;
+    location?: {
+        latitude: number;
+        longitude: number;
+    };
+}
+export type IChatMessage = IMessage;
+export interface MessageVideoProps<TMessage extends IMessage> {
+    currentMessage: TMessage;
+    containerStyle?: StyleProp<ViewStyle>;
+    videoStyle?: StyleProp<ViewStyle>;
+    videoProps?: object;
+}
+export interface MessageAudioProps<TMessage extends IMessage> {
+    currentMessage: TMessage;
+    containerStyle?: StyleProp<ViewStyle>;
+    audioStyle?: StyleProp<ViewStyle>;
+    audioProps?: object;
+}
+export {};
+//# sourceMappingURL=Models.d.ts.map

package/lib/Models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Models.d.ts","sourceRoot":"","sources":["../src/Models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,IAAI,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;AAErD,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,CAAA;CACrB;AAED,KAAK,cAAc,GAAG,CAAC,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;AAErD,MAAM,WAAW,IAAI;IACnB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,CAAA;CAC1C;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC5B;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,OAAO,GAAG,UAAU,CAAA;IAC1B,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,KAAK,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;CAAG;AAEpG,MAAM,WAAW,QAAQ;IACvB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,IAAI,GAAG,MAAM,CAAA;IACxB,IAAI,EAAE,IAAI,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,EAAE;QACT,QAAQ,EAAE,MAAM,CAAA;QAChB,SAAS,EAAE,MAAM,CAAA;KAClB,CAAA;CACF;AAED,MAAM,MAAM,YAAY,GAAG,QAAQ,CAAA;AAEnC,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,cAAc,EAAE,QAAQ,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjC,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

package/lib/Models.js

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

package/lib/Models.js.map

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

package/lib/QuickReplies.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { IMessage, Reply } from './Models';
+export interface QuickRepliesProps<TMessage extends IMessage = IMessage> {
+    nextMessage?: TMessage;
+    currentMessage: TMessage;
+    color?: string;
+    sendText?: string;
+    quickReplyStyle?: StyleProp<ViewStyle>;
+    quickReplyTextStyle?: StyleProp<TextStyle>;
+    quickReplyContainerStyle?: StyleProp<ViewStyle>;
+    onQuickReply?(reply: Reply[]): void;
+    renderQuickReplySend?(): React.ReactNode;
+}
+export declare function QuickReplies({ currentMessage, nextMessage, color, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, onQuickReply, sendText, renderQuickReplySend, }: QuickRepliesProps<IMessage>): React.JSX.Element | null;
+//# sourceMappingURL=QuickReplies.d.ts.map

package/lib/QuickReplies.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickReplies.d.ts","sourceRoot":"","sources":["../src/QuickReplies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,EAGL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AA+B1C,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ;IACrE,WAAW,CAAC,EAAE,QAAQ,CAAA;IACtB,cAAc,EAAE,QAAQ,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACtC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,wBAAwB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC/C,YAAY,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACnC,oBAAoB,CAAC,IAAI,KAAK,CAAC,SAAS,CAAA;CACzC;AAQD,wBAAgB,YAAY,CAAE,EAC5B,cAAc,EACd,WAAW,EACX,KAAwB,EACxB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,QAAiB,EACjB,oBAAoB,GACrB,EAAE,iBAAiB,CAAC,QAAQ,CAAC,4BA6G7B"}

package/lib/QuickReplies.js

@@ -0,0 +1,108 @@
+import React, { useState, useMemo, 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 { warning } from './logging';
+import stylesCommon from './styles';
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        maxWidth: 300,
+    },
+    quickReply: {
+        borderWidth: 1,
+        maxWidth: 200,
+        paddingVertical: 7,
+        paddingHorizontal: 12,
+        minHeight: 50,
+        borderRadius: 13,
+        margin: 3,
+    },
+    quickReplyText: {
+        overflow: 'visible',
+    },
+    sendLink: {
+        borderWidth: 0,
+    },
+    sendLinkText: {
+        color: Color.defaultBlue,
+        fontWeight: '600',
+        fontSize: 17,
+    },
+});
+const sameReply = (currentReply) => (reply) => currentReply.value === reply.value;
+const diffReply = (currentReply) => (reply) => currentReply.value !== reply.value;
+export function QuickReplies({ currentMessage, nextMessage, color = Color.peterRiver, quickReplyStyle, quickReplyTextStyle, quickReplyContainerStyle, onQuickReply, sendText = 'Send', renderQuickReplySend, }) {
+    const { type } = currentMessage.quickReplies;
+    const [replies, setReplies] = useState([]);
+    const shouldComponentDisplay = useMemo(() => {
+        const hasReplies = !!currentMessage && !!currentMessage.quickReplies;
+        const hasNext = !!nextMessage && !!nextMessage._id;
+        const keepIt = currentMessage.quickReplies.keepIt;
+        if (hasReplies && !hasNext)
+            return true;
+        if (hasReplies && hasNext && keepIt)
+            return true;
+        return false;
+    }, [currentMessage, nextMessage]);
+    const handleSend = useCallback((repliesData) => () => {
+        onQuickReply?.(repliesData.map((reply) => ({
+            ...reply,
+            messageId: currentMessage._id,
+        })));
+    }, [onQuickReply, currentMessage]);
+    const handlePress = useCallback((reply) => () => {
+        if (currentMessage) {
+            const { type } = currentMessage.quickReplies;
+            switch (type) {
+                case 'radio': {
+                    handleSend([reply])();
+                    return;
+                }
+                case 'checkbox': {
+                    if (replies.find(sameReply(reply)))
+                        setReplies(replies.filter(diffReply(reply)));
+                    else
+                        setReplies([...replies, reply]);
+                    return;
+                }
+                default: {
+                    warning(`onQuickReply unknown type: ${type}`);
+                }
+            }
+        }
+    }, [replies, currentMessage, handleSend]);
+    const renderSendButton = useMemo(() => {
+        if (!replies.length)
+            return null;
+        return (<TouchableOpacity style={[stylesCommon.centerItems, styles.quickReply, styles.sendLink]} onPress={handleSend(replies)}>
+        {renderQuickReplySend?.() || (<Text style={styles.sendLinkText}>{sendText}</Text>)}
+      </TouchableOpacity>);
+    }, [replies, handleSend, renderQuickReplySend, sendText]);
+    if (!shouldComponentDisplay)
+        return null;
+    return (<View style={[styles.container, quickReplyContainerStyle]}>
+      {currentMessage.quickReplies.values.map((reply, index) => {
+            const selected = type === 'checkbox' && replies.find(sameReply(reply));
+            return (<TouchableOpacity onPress={handlePress(reply)} style={[
+                    stylesCommon.centerItems,
+                    styles.quickReply,
+                    quickReplyStyle,
+                    { borderColor: color },
+                    selected && { backgroundColor: color },
+                ]} key={`${reply.value}-${index}`}>
+              <Text numberOfLines={10} ellipsizeMode='tail' style={[
+                    styles.quickReplyText,
+                    { color: selected ? Color.white : color },
+                    quickReplyTextStyle,
+                ]}>
+                {reply.title}
+              </Text>
+            </TouchableOpacity>);
+        })}
+      {renderSendButton}
+    </View>);
+}
+//# sourceMappingURL=QuickReplies.js.map

package/lib/QuickReplies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickReplies.js","sourceRoot":"","sources":["../src/QuickReplies.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC7D,OAAO,EACL,UAAU,EACV,IAAI,GAIL,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAA;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AAEnC,OAAO,YAAY,MAAM,UAAU,CAAA;AAEnC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,QAAQ,EAAE,GAAG;KACd;IACD,UAAU,EAAE;QACV,WAAW,EAAE,CAAC;QACd,QAAQ,EAAE,GAAG;QACb,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;QACrB,SAAS,EAAE,EAAE;QACb,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,CAAC;KACV;IACD,cAAc,EAAE;QACd,QAAQ,EAAE,SAAS;KACpB;IACD,QAAQ,EAAE;QACR,WAAW,EAAE,CAAC;KACf;IACD,YAAY,EAAE;QACZ,KAAK,EAAE,KAAK,CAAC,WAAW;QACxB,UAAU,EAAE,KAAK;QACjB,QAAQ,EAAE,EAAE;KACb;CACF,CAAC,CAAA;AAcF,MAAM,SAAS,GAAG,CAAC,YAAmB,EAAE,EAAE,CAAC,CAAC,KAAY,EAAE,EAAE,CAC1D,YAAY,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;AAEpC,MAAM,SAAS,GAAG,CAAC,YAAmB,EAAE,EAAE,CAAC,CAAC,KAAY,EAAE,EAAE,CAC1D,YAAY,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,CAAA;AAEpC,MAAM,UAAU,YAAY,CAAE,EAC5B,cAAc,EACd,WAAW,EACX,KAAK,GAAG,KAAK,CAAC,UAAU,EACxB,eAAe,EACf,mBAAmB,EACnB,wBAAwB,EACxB,YAAY,EACZ,QAAQ,GAAG,MAAM,EACjB,oBAAoB,GACQ;IAC5B,MAAM,EAAE,IAAI,EAAE,GAAG,cAAe,CAAC,YAAa,CAAA;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,EAAE,CAAC,CAAA;IAEnD,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAe,CAAC,YAAY,CAAA;QACrE,MAAM,OAAO,GAAG,CAAC,CAAC,WAAW,IAAI,CAAC,CAAC,WAAY,CAAC,GAAG,CAAA;QACnD,MAAM,MAAM,GAAG,cAAe,CAAC,YAAa,CAAC,MAAM,CAAA;QAEnD,IAAI,UAAU,IAAI,CAAC,OAAO;YACxB,OAAO,IAAI,CAAA;QAEb,IAAI,UAAU,IAAI,OAAO,IAAI,MAAM;YACjC,OAAO,IAAI,CAAA;QAEb,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAA;IAEjC,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,WAAoB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC5D,YAAY,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,CAAC,KAAY,EAAE,EAAE,CAAC,CAAC;YACjC,GAAG,KAAK;YACR,SAAS,EAAE,cAAe,CAAC,GAAG;SAC/B,CAAC,CAAC,CACJ,CAAA;IACH,CAAC,EAAE,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC,CAAA;IAElC,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,KAAY,EAAE,EAAE,CAAC,GAAG,EAAE;QACrB,IAAI,cAAc,EAAE,CAAC;YACnB,MAAM,EAAE,IAAI,EAAE,GAAG,cAAc,CAAC,YAAa,CAAA;YAC7C,QAAQ,IAAI,EAAE,CAAC;gBACb,KAAK,OAAO,CAAC,CAAC,CAAC;oBACb,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAA;oBACrB,OAAM;gBACR,CAAC;gBACD,KAAK,UAAU,CAAC,CAAC,CAAC;oBAChB,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;wBAChC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA;;wBAE5C,UAAU,CAAC,CAAC,GAAG,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;oBAEjC,OAAM;gBACR,CAAC;gBACD,OAAO,CAAC,CAAC,CAAC;oBACR,OAAO,CAAC,8BAA8B,IAAI,EAAE,CAAC,CAAA;gBAC/C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,cAAc,EAAE,UAAU,CAAC,CACtC,CAAA;IAED,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,OAAO,CAAC,MAAM;YACjB,OAAO,IAAI,CAAA;QAEb,OAAO,CACL,CAAC,gBAAgB,CACf,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CACtE,OAAO,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAE7B;QAAA,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAC3B,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CACpD,CACH;MAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,EAAE,oBAAoB,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEzD,IAAI,CAAC,sBAAsB;QACzB,OAAO,IAAI,CAAA;IAEb,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAAC,CACxD;MAAA,CAAC,cAAe,CAAC,YAAa,CAAC,MAAM,CAAC,GAAG,CACvC,CAAC,KAAY,EAAE,KAAa,EAAE,EAAE;YAC9B,MAAM,QAAQ,GACZ,IAAI,KAAK,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAA;YAEvD,OAAO,CACL,CAAC,gBAAgB,CACf,OAAO,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAC5B,KAAK,CAAC,CAAC;oBACL,YAAY,CAAC,WAAW;oBACxB,MAAM,CAAC,UAAU;oBACjB,eAAe;oBACf,EAAE,WAAW,EAAE,KAAK,EAAE;oBACtB,QAAQ,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE;iBACvC,CAAC,CACF,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI,KAAK,EAAE,CAAC,CAE/B;cAAA,CAAC,IAAI,CACH,aAAa,CAAC,CAAC,EAAE,CAAC,CAClB,aAAa,CAAC,MAAM,CACpB,KAAK,CAAC,CAAC;oBACL,MAAM,CAAC,cAAc;oBACrB,EAAE,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE;oBACzC,mBAAmB;iBACpB,CAAC,CAEF;gBAAA,CAAC,KAAK,CAAC,KAAK,CACd;cAAA,EAAE,IAAI,CACR;YAAA,EAAE,gBAAgB,CAAC,CACpB,CAAA;QACH,CAAC,CACF,CACD;MAAA,CAAC,gBAAgB,CACnB;IAAA,EAAE,IAAI,CAAC,CACR,CAAA;AACH,CAAC"}

package/lib/Reply/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Reply/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/lib/Reply/index.js

@@ -0,0 +1,2 @@
+export * from './types';
+//# sourceMappingURL=index.js.map

package/lib/Reply/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Reply/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}

package/lib/Reply/types.d.ts

@@ -0,0 +1,72 @@
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { SharedValue } from 'react-native-reanimated';
+import { MessageReplyProps } from '../components/MessageReply';
+import { ReplyPreviewProps } from '../components/ReplyPreview';
+import { IMessage, ReplyMessage } from '../Models';
+/**
+ * Props for swipe-to-reply gesture behavior
+ */
+export interface SwipeToReplyProps<TMessage extends IMessage> {
+    /** Enable swipe to reply on messages; default is false */
+    isEnabled?: boolean;
+    /** Direction to swipe for reply; default is 'left' (swipe left, icon appears on right) */
+    direction?: 'left' | 'right';
+    /** Callback when swipe to reply is triggered */
+    onSwipe?: (message: TMessage) => void;
+    /** Custom render for swipe action indicator */
+    renderAction?: (progress: SharedValue<number>, translation: SharedValue<number>, position: 'left' | 'right') => React.ReactNode;
+    /** Style for the swipe action container */
+    actionContainerStyle?: StyleProp<ViewStyle>;
+}
+/**
+ * Props for reply preview shown above input toolbar
+ */
+export interface ReplyPreviewStyleProps {
+    /** Style for reply preview container */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for reply preview text */
+    textStyle?: StyleProp<TextStyle>;
+    /** Style for reply preview image */
+    imageStyle?: StyleProp<ImageStyle>;
+}
+/**
+ * Props for message reply display inside bubble
+ */
+export interface MessageReplyStyleProps {
+    /** Style for message reply container */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for message reply container on left side */
+    containerStyleLeft?: StyleProp<ViewStyle>;
+    /** Style for message reply container on right side */
+    containerStyleRight?: StyleProp<ViewStyle>;
+    /** Style for message reply image */
+    imageStyle?: StyleProp<ImageStyle>;
+    /** Style for message reply text */
+    textStyle?: StyleProp<TextStyle>;
+    /** Style for message reply text on left side */
+    textStyleLeft?: StyleProp<TextStyle>;
+    /** Style for message reply text on right side */
+    textStyleRight?: StyleProp<TextStyle>;
+}
+/**
+ * Grouped props for reply functionality
+ */
+export interface ReplyProps<TMessage extends IMessage> {
+    /** Reply message to show in input toolbar preview */
+    message?: ReplyMessage | null;
+    /** Callback when reply is cleared */
+    onClear?: () => void;
+    /** Callback when message reply is pressed inside bubble */
+    onPress?: (replyMessage: ReplyMessage) => void;
+    /** Custom render for reply preview in input toolbar */
+    renderPreview?: (props: ReplyPreviewProps) => React.ReactNode;
+    /** Custom render for message reply inside bubble */
+    renderMessageReply?: (props: MessageReplyProps<TMessage>) => React.ReactNode;
+    /** Swipe-to-reply configuration */
+    swipe?: SwipeToReplyProps<TMessage>;
+    /** Reply preview styling */
+    previewStyle?: ReplyPreviewStyleProps;
+    /** Message reply styling */
+    messageStyle?: MessageReplyStyleProps;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Reply/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAErD,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAElD;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,QAAQ,SAAS,QAAQ;IAC1D,0DAA0D;IAC1D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAA;IACrC,+CAA+C;IAC/C,YAAY,CAAC,EAAE,CACb,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAC7B,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,MAAM,GAAG,OAAO,KACvB,KAAK,CAAC,SAAS,CAAA;IACpB,2CAA2C;IAC3C,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC5C;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,mCAAmC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,oCAAoC;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACrC,wCAAwC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,qDAAqD;IACrD,kBAAkB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACzC,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,oCAAoC;IACpC,UAAU,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,CAAA;IAClC,mCAAmC;IACnC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gDAAgD;IAChD,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,iDAAiD;IACjD,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,UAAU,CAAC,QAAQ,SAAS,QAAQ;IACnD,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IAC7B,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,YAAY,KAAK,IAAI,CAAA;IAC9C,uDAAuD;IACvD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7D,oDAAoD;IACpD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC5E,mCAAmC;IACnC,KAAK,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACnC,4BAA4B;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAA;IACrC,4BAA4B;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAA;CACtC"}

package/lib/Reply/types.js

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

package/lib/Reply/types.js.map

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

package/lib/ReplyPreview.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { ReplyMessage } from './Models';
+export interface ReplyPreviewProps {
+    replyMessage: ReplyMessage;
+    onClearReply: () => void;
+    containerStyle?: StyleProp<ViewStyle>;
+    usernameStyle?: StyleProp<TextStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    clearButtonStyle?: StyleProp<ViewStyle>;
+    clearButtonTextStyle?: StyleProp<TextStyle>;
+}
+export declare function ReplyPreview({ replyMessage, onClearReply, containerStyle, usernameStyle, textStyle, clearButtonStyle, clearButtonTextStyle, }: ReplyPreviewProps): React.JSX.Element;
+//# sourceMappingURL=ReplyPreview.d.ts.map

package/lib/ReplyPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyPreview.d.ts","sourceRoot":"","sources":["../src/ReplyPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAoB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAa,MAAM,cAAc,CAAA;AAK3F,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,WAAW,iBAAiB;IAChC,YAAY,EAAE,YAAY,CAAA;IAC1B,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,aAAa,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACvC,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;CAC5C;AAED,wBAAgB,YAAY,CAAE,EAC5B,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,oBAAoB,GACrB,EAAE,iBAAiB,qBAiDnB"}

package/lib/ReplyPreview.js

@@ -0,0 +1,95 @@
+import React, { useMemo } from 'react';
+import { StyleSheet, View, Pressable } from 'react-native';
+import { Text } from 'react-native-gesture-handler';
+import { Color } from './Color';
+import { useColorScheme } from './hooks/useColorScheme';
+export function ReplyPreview({ replyMessage, onClearReply, containerStyle, usernameStyle, textStyle, clearButtonStyle, clearButtonTextStyle, }) {
+    const colorScheme = useColorScheme();
+    const containerStyles = useMemo(() => [
+        styles.container,
+        colorScheme === 'dark' && styles.container_dark,
+        containerStyle,
+    ], [colorScheme, containerStyle]);
+    const usernameStyles = useMemo(() => [
+        styles.username,
+        colorScheme === 'dark' && styles.username_dark,
+        usernameStyle,
+    ], [colorScheme, usernameStyle]);
+    const textStyles = useMemo(() => [
+        styles.text,
+        colorScheme === 'dark' && styles.text_dark,
+        textStyle,
+    ], [colorScheme, textStyle]);
+    return (<View style={containerStyles}>
+      <View style={styles.border}/>
+      <View style={styles.content}>
+        <Text style={usernameStyles} numberOfLines={1}>
+          {replyMessage.user?.name || 'User'}
+        </Text>
+        <Text style={textStyles} numberOfLines={1}>
+          {replyMessage.text || (replyMessage.image ? 'Photo' : (replyMessage.audio ? 'Audio' : 'Message'))}
+        </Text>
+      </View>
+      <Pressable onPress={onClearReply} style={[styles.clearButton, clearButtonStyle]} hitSlop={8}>
+        <Text style={[styles.clearButtonText, clearButtonTextStyle]}>
+          {'✕'}
+        </Text>
+      </Pressable>
+    </View>);
+}
+const styles = StyleSheet.create({
+    container: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        paddingHorizontal: 10,
+        paddingVertical: 8,
+        backgroundColor: '#f5f5f5',
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: Color.defaultColor,
+    },
+    container_dark: {
+        backgroundColor: '#2a2a2a',
+        borderBottomColor: '#444',
+    },
+    border: {
+        width: 3,
+        height: '100%',
+        backgroundColor: Color.defaultBlue,
+        borderRadius: 1.5,
+        marginRight: 10,
+    },
+    content: {
+        flex: 1,
+    },
+    username: {
+        fontSize: 13,
+        fontWeight: '600',
+        color: Color.defaultBlue,
+        marginBottom: 2,
+    },
+    username_dark: {
+        color: '#6eb5ff',
+    },
+    text: {
+        fontSize: 13,
+        color: '#666',
+    },
+    text_dark: {
+        color: '#999',
+    },
+    clearButton: {
+        width: 24,
+        height: 24,
+        borderRadius: 12,
+        backgroundColor: Color.defaultColor,
+        justifyContent: 'center',
+        alignItems: 'center',
+        marginLeft: 10,
+    },
+    clearButtonText: {
+        fontSize: 12,
+        fontWeight: '600',
+        color: '#666',
+    },
+});
+//# sourceMappingURL=ReplyPreview.js.map

package/lib/ReplyPreview.js.map

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

package/lib/Send.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { StyleProp, ViewStyle, TextStyle } from 'react-native';
+import { TouchableOpacityProps } from './components/TouchableOpacity';
+import { IMessage } from './Models';
+export interface SendProps<TMessage extends IMessage> {
+    text?: string;
+    label?: string;
+    containerStyle?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    children?: React.ReactNode;
+    /** Always show send button, even when text is empty */
+    isSendButtonAlwaysVisible?: boolean;
+    /** Text is optional, allow sending empty messages (useful for media-only messages) */
+    isTextOptional?: boolean;
+    sendButtonProps?: Partial<TouchableOpacityProps>;
+    onSend?(messages: Partial<TMessage> | Partial<TMessage>[], shouldResetInputToolbar: boolean): void;
+}
+export declare const Send: <TMessage extends IMessage = IMessage>({ text, containerStyle, children, textStyle, label, isSendButtonAlwaysVisible, isTextOptional, sendButtonProps, onSend, }: SendProps<TMessage>) => React.JSX.Element;
+//# sourceMappingURL=Send.d.ts.map

package/lib/Send.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Send.d.ts","sourceRoot":"","sources":["../src/Send.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAC9D,OAAO,EAEL,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AAKrB,OAAO,EAAoB,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAGvF,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAGnC,MAAM,WAAW,SAAS,CAAC,QAAQ,SAAS,QAAQ;IAClD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,uDAAuD;IACvD,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,sFAAsF;IACtF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAA;IAChD,MAAM,CAAC,CACL,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,GAAG,OAAO,CAAC,QAAQ,CAAC,EAAE,EACjD,uBAAuB,EAAE,OAAO,GAC/B,IAAI,CAAA;CACR;AAED,eAAO,MAAM,IAAI,GAAI,QAAQ,SAAS,QAAQ,GAAG,QAAQ,EAAE,2HAUxD,SAAS,CAAC,QAAQ,CAAC,sBAkDrB,CAAA"}