react-native-ajora/src/MessageContainer/types.ts

The most complete AI agent UI for React Native

import React, { Component, RefObject } from "react";
import { FlatListProps, StyleProp, ViewStyle } from "react-native";

import { LoadEarlierProps } from "../LoadEarlier";
import { MessageProps } from "../Message";
import { IMessage } from "../types";
import { ReanimatedScrollEvent } from "react-native-reanimated/lib/typescript/hook/commonTypes";
import { FlatList } from "react-native-reanimated/lib/typescript/Animated";
import { AnimateProps } from "react-native-reanimated";
import { MessageActionsProps } from "../MessageActions";

export type ListViewProps<TMessage extends IMessage = IMessage> = Partial<
  FlatListProps<TMessage>
>;

export type AnimatedList<TMessage> = Component<
  AnimateProps<FlatListProps<TMessage>>,
  unknown,
  unknown
> &
  FlatList<FlatListProps<TMessage>>;

export interface MessageContainerProps<TMessage extends IMessage = IMessage> {
  forwardRef?: RefObject<AnimatedList<TMessage>>;
  role?: "user" | "model";
  listViewProps?: ListViewProps;
  loadEarlier?: boolean;
  alignTop?: boolean;
  isScrollToBottomEnabled?: boolean;
  scrollToBottomStyle?: StyleProp<ViewStyle>;
  invertibleScrollViewProps?: object;
  extraData?: object;
  scrollToBottomOffset?: number;
  renderChatEmpty?(): React.ReactNode;
  renderSuggestedQuestions?(): React.ReactNode;
  renderFooter?(props: MessageContainerProps<TMessage>): React.ReactNode;
  renderMessage?(props: MessageProps<TMessage>): React.ReactElement;
  renderLoadEarlier?(props: LoadEarlierProps): React.ReactNode;
  renderThinkingIndicator?(): React.ReactNode;
  scrollToBottomComponent?(): React.ReactNode;
  tools?(): React.ReactNode[];
  renderMessageActions?(props: MessageActionsProps): React.ReactNode;
  onLoadEarlier?(): void;
  infiniteScroll?: boolean;
  isLoadingEarlier?: boolean;
  handleOnScroll?(event: ReanimatedScrollEvent): void;
  onSend?(
    messages: IMessage | IMessage[],
    shouldResetInputToolbar?: boolean
  ): void;
}

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