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

package/lib/MessagesContainer/types.d.ts

@@ -0,0 +1,72 @@
+import { RefObject } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { LegendListRef, LegendListProps } from '@legendapp/list/react-native';
+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';
+export type { LegendListRef };
+/** The ref type for the messages list */
+export type AnimatedList<_TMessage> = LegendListRef;
+/** Additional props for LegendList */
+export type AnimatedListProps<_TMessage extends IMessage = IMessage> = Partial<Omit<LegendListProps<unknown>, 'data' | 'renderItem' | 'keyExtractor'>>;
+export interface MessagesContainerProps<TMessage extends IMessage = IMessage> extends Omit<TypingIndicatorProps, 'style'> {
+    /** Ref for the message list */
+    forwardRef?: RefObject<AnimatedList<TMessage>>;
+    /** Messages to display (newest-first when isInverted=true, which is the default) */
+    messages?: TMessage[];
+    /** Format to use for rendering dates; accepts Intl.DateTimeFormatOptions */
+    dateFormatOptions?: Intl.DateTimeFormatOptions;
+    /** User sending the messages: { _id, name, avatar } */
+    user?: User;
+    /** Additional props for LegendList */
+    listProps?: AnimatedListProps<TMessage>;
+    /** Reverses display order of messages; default is true (newest-first public API) */
+    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 list, 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. */
+    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>;
+    /**
+     * SharedValue for keyboard inset adjustment (from useKeyboardChatComposerInset).
+     * Passed from GiftedChat when using KeyboardChatLegendList.
+     */
+    contentInsetEndAdjustment?: import('react-native-reanimated').SharedValue<number>;
+}
+export interface State {
+    showScrollBottom: boolean;
+    hasScrolled: boolean;
+}
+//# 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":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAA;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AACzC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAA;AAE/D,YAAY,EAAE,aAAa,EAAE,CAAA;AAE7B,yCAAyC;AAEzC,MAAM,MAAM,YAAY,CAAC,SAAS,IAAI,aAAa,CAAA;AAEnD,sCAAsC;AACtC,MAAM,MAAM,iBAAiB,CAAC,SAAS,SAAS,QAAQ,GAAG,QAAQ,IAAI,OAAO,CAC5E,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,cAAc,CAAC,CACvE,CAAA;AAED,MAAM,WAAW,sBAAsB,CAAC,QAAQ,SAAS,QAAQ,GAAG,QAAQ,CAC1E,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAC3C,+BAA+B;IAC/B,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC9C,oFAAoF;IACpF,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAA;IACrB,4EAA4E;IAC5E,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,sCAAsC;IACtC,SAAS,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAA;IACvC,oFAAoF;IACpF,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gFAAgF;IAChF,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,oDAAoD;IACpD,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC1C,qCAAqC;IACrC,0BAA0B,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IACjD,kEAAkE;IAClE,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IACvC,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC3E,+BAA+B;IAC/B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,KAAK,KAAK,CAAC,YAAY,CAAA;IACrE,iCAAiC;IACjC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,KAAK,KAAK,CAAC,SAAS,CAAA;IAChD,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAA;IACxE,8BAA8B;IAC9B,qBAAqB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC7C,wCAAwC;IACxC,uBAAuB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAA;IAC/C,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,IAAI,CAAA;IACzC,0DAA0D;IAC1D,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAA;IAC3C,wEAAwE;IACxE,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,wCAAwC;IACxC,KAAK,CAAC,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B;;;OAGG;IACH,yBAAyB,CAAC,EAAE,OAAO,yBAAyB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAClF;AAED,MAAM,WAAW,KAAK;IACpB,gBAAgB,EAAE,OAAO,CAAA;IACzB,WAAW,EAAE,OAAO,CAAA;CACrB"}

package/lib/MessagesContainer/types.js

@@ -0,0 +1,2 @@
+export {};
+//# 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":""}

package/lib/MessagesContainer/utils.d.ts

@@ -0,0 +1,20 @@
+import { IMessage } from '../Models';
+export type MessageDisplayItem<TMessage extends IMessage> = {
+    type: 'message';
+    message: TMessage;
+    position: 'left' | 'right';
+    previousMessage: Partial<TMessage>;
+    nextMessage: Partial<TMessage>;
+};
+export type DayDisplayItem = {
+    type: 'day';
+    createdAt: number;
+    key: string;
+};
+export type DisplayItem<TMessage extends IMessage> = MessageDisplayItem<TMessage> | DayDisplayItem;
+/**
+ * Builds a flat display array from messages (which must be oldest-first).
+ * Day separator items are interleaved before the first message of each new day.
+ */
+export declare function buildDisplayData<TMessage extends IMessage>(messages: TMessage[], userId: string | number | undefined): DisplayItem<TMessage>[];
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/MessagesContainer/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAGpC,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,QAAQ,IAAI;IAC1D,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAA;IAC1B,eAAe,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;IAClC,WAAW,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAA;CAC/B,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,KAAK,CAAA;IACX,SAAS,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,QAAQ,IAAI,kBAAkB,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAA;AAElG;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,QAAQ,EACxD,QAAQ,EAAE,QAAQ,EAAE,EACpB,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,GAClC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAyBzB"}

package/lib/MessagesContainer/utils.js

@@ -0,0 +1,28 @@
+import { isSameDay } from '../utils';
+/**
+ * Builds a flat display array from messages (which must be oldest-first).
+ * Day separator items are interleaved before the first message of each new day.
+ */
+export function buildDisplayData(messages, userId) {
+    const result = [];
+    for (let i = 0; i < messages.length; i++) {
+        const msg = messages[i];
+        const prev = messages[i - 1];
+        const next = messages[i + 1];
+        if (!prev || !isSameDay(msg, prev))
+            result.push({
+                type: 'day',
+                createdAt: new Date(msg.createdAt).getTime(),
+                key: `day-${msg._id}`,
+            });
+        result.push({
+            type: 'message',
+            message: msg,
+            position: userId != null && msg.user?._id === userId ? 'right' : 'left',
+            previousMessage: prev ?? {},
+            nextMessage: next ?? {},
+        });
+    }
+    return result;
+}
+//# sourceMappingURL=utils.js.map

package/lib/MessagesContainer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/MessagesContainer/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAkBpC;;;GAGG;AACH,MAAM,UAAU,gBAAgB,CAC9B,QAAoB,EACpB,MAAmC;IAEnC,MAAM,MAAM,GAA4B,EAAE,CAAA;IAE1C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;QACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAC5B,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;QAE5B,IAAI,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,CAAC;YAChC,MAAM,CAAC,IAAI,CAAC;gBACV,IAAI,EAAE,KAAK;gBACX,SAAS,EAAE,IAAI,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,OAAO,EAAE;gBAC5C,GAAG,EAAE,OAAO,GAAG,CAAC,GAAG,EAAE;aACtB,CAAC,CAAA;QAEJ,MAAM,CAAC,IAAI,CAAC;YACV,IAAI,EAAE,SAAS;YACf,OAAO,EAAE,GAAG;YACZ,QAAQ,EAAE,MAAM,IAAI,IAAI,IAAI,GAAG,CAAC,IAAI,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;YACvE,eAAe,EAAE,IAAI,IAAI,EAAE;YAC3B,WAAW,EAAE,IAAI,IAAI,EAAE;SACxB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,MAAM,CAAA;AACf,CAAC"}

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":"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"}

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"}