import PropTypes from 'prop-types'; import React, { RefObject } from 'react'; import { Animated, StyleProp, ViewStyle, FlatList, TextStyle } from 'react-native'; import { ActionSheetOptions } from '@expo/react-native-action-sheet'; import * as utils from './utils'; import Actions from './Actions'; import Avatar from './Avatar'; import Bubble from './Bubble'; import SystemMessage from './SystemMessage'; import MessageImage from './MessageImage'; import MessageText from './MessageText'; import Composer from './Composer'; import Day from './Day'; import InputToolbar from './InputToolbar'; import LoadEarlier from './LoadEarlier'; import LoadLater from './LoadLater'; import Message from './Message'; import MessageContainer from './MessageContainer'; import Send from './Send'; import Time from './Time'; import GiftedAvatar from './GiftedAvatar'; import { IMessage, User, Reply, LeftRightStyle } from './Models'; import QuickReplies from './QuickReplies'; export interface GiftedChatProps { messages?: TMessage[]; isTyping?: boolean; messagesContainerStyle?: StyleProp; text?: string; alignTop?: boolean; wrapInSafeArea?: boolean; scrollToBottom?: boolean; scrollToBottomStyle?: StyleProp; initialText?: string; placeholder?: string; disableComposer?: boolean; user?: User; locale?: string; timeFormat?: string; dateFormat?: string; loadEarlier?: boolean; loadLater?: boolean; isLoadingEarlier?: boolean; isLoadingLater?: boolean; loadLaterScroll?: boolean; showUserAvatar?: boolean; showAvatarForEveryMessage?: boolean; isKeyboardInternallyHandled?: boolean; renderAvatarOnTop?: boolean; inverted?: boolean; imageProps?: Message['props']; lightboxProps?: any; bottomOffset?: number; minInputToolbarHeight?: number; listViewProps?: any; textInputProps?: any; keyboardShouldPersistTaps?: any; maxInputLength?: number; forceGetKeyboardHeight?: boolean; alwaysShowSend?: boolean; imageStyle?: StyleProp; extraData?: any; minComposerHeight?: number; maxComposerHeight?: number; options?: { [key: string]: any; }; optionTintColor?: string; quickReplyStyle?: StyleProp; isCustomViewBottom?: boolean; infiniteScroll?: boolean; onEndReachedThreshold?: number; onStartReachedThreshold?: number; timeTextStyle?: LeftRightStyle; actionSheet?(): { showActionSheetWithOptions: (options: ActionSheetOptions, callback: (i: number) => void) => void; }; onPressAvatar?(user: User): void; onLongPressAvatar?(user: User): void; messageIdGenerator?(message?: TMessage): string; onSend?(messages: TMessage[]): void; onLoadEarlier?(): void; onLoadLater?(): void; renderLoading?(): React.ReactNode; renderLoadEarlier?(props: LoadEarlier['props']): React.ReactNode; renderLoadLater?(props: LoadLater['props']): React.ReactNode; renderAvatar?(props: Avatar['props']): React.ReactNode | null; renderBubble?(props: Bubble['props']): React.ReactNode; renderSystemMessage?(props: SystemMessage['props']): React.ReactNode; onLongPress?(context: any, message: any): void; renderMessage?(message: Message['props']): React.ReactNode; renderMessageText?(messageText: MessageText['props']): React.ReactNode; renderMessageImage?(props: MessageImage['props']): React.ReactNode; renderMessageVideo?(props: MessageImage['props']): React.ReactNode; renderCustomView?(props: Bubble['props']): React.ReactNode; renderDay?(props: Day['props']): React.ReactNode; renderTime?(props: Time['props']): React.ReactNode; renderFooter?(): React.ReactNode; renderChatEmpty?(): React.ReactNode; renderChatFooter?(): React.ReactNode; renderInputToolbar?(props: InputToolbar['props']): React.ReactNode; renderComposer?(props: Composer['props']): React.ReactNode; renderActions?(props: Actions['props']): React.ReactNode; renderSend?(props: Send['props']): React.ReactNode; renderAccessory?(props: InputToolbar['props']): React.ReactNode; onPressActionButton?(): void; onInputTextChanged?(text: string): void; parsePatterns?(linkStyle: TextStyle): any; onQuickReply?(replies: Reply[]): void; renderQuickReplies?(quickReplies: QuickReplies['props']): React.ReactNode; renderQuickReplySend?(): React.ReactNode; scrollToBottomComponent?(): React.ReactNode; shouldUpdateMessage?(props: Message['props'], nextProps: Message['props']): boolean; invertDayContainer?: boolean; } export interface GiftedChatState { isInitialized: boolean; composerHeight?: number; messagesContainerHeight?: number | Animated.Value; typingDisabled: boolean; text?: string; messages?: TMessage[]; } declare class GiftedChat extends React.Component, GiftedChatState> { static childContextTypes: { actionSheet: PropTypes.Requireable<(...args: any[]) => any>; getLocale: PropTypes.Requireable<(...args: any[]) => any>; }; static defaultProps: { messages: never[]; messagesContainerStyle: undefined; text: undefined; placeholder: string; disableComposer: boolean; messageIdGenerator: () => string; user: {}; onSend: () => void; locale: null; timeFormat: string; dateFormat: string; loadLater: boolean; onLoadLater: () => void; isLoadingLater: boolean; loadLaterScroll: boolean; renderLoadLater: null; loadEarlier: boolean; onLoadEarlier: () => void; isLoadingEarlier: boolean; renderLoading: null; renderLoadEarlier: null; renderAvatar: undefined; showUserAvatar: boolean; actionSheet: null; onPressAvatar: null; onLongPressAvatar: null; renderUsernameOnMessage: boolean; renderAvatarOnTop: boolean; renderBubble: null; renderSystemMessage: null; onLongPress: null; renderMessage: null; renderMessageText: null; renderMessageImage: null; imageProps: {}; videoProps: {}; audioProps: {}; lightboxProps: {}; textInputProps: {}; listViewProps: {}; renderCustomView: null; isCustomViewBottom: boolean; renderDay: null; renderTime: null; renderFooter: null; renderChatEmpty: null; renderChatFooter: null; renderInputToolbar: null; renderComposer: null; renderActions: null; renderSend: null; renderAccessory: null; isKeyboardInternallyHandled: boolean; onPressActionButton: null; bottomOffset: null; minInputToolbarHeight: number; keyboardShouldPersistTaps: string; onInputTextChanged: null; maxInputLength: null; forceGetKeyboardHeight: boolean; inverted: boolean; extraData: null; minComposerHeight: number | undefined; maxComposerHeight: number; wrapInSafeArea: boolean; invertDayContainer: boolean; }; static propTypes: { messages: PropTypes.Requireable<(object | null | undefined)[]>; messagesContainerStyle: PropTypes.Requireable; text: PropTypes.Requireable; initialText: PropTypes.Requireable; placeholder: PropTypes.Requireable; disableComposer: PropTypes.Requireable; messageIdGenerator: PropTypes.Requireable<(...args: any[]) => any>; user: PropTypes.Requireable; onSend: PropTypes.Requireable<(...args: any[]) => any>; locale: PropTypes.Requireable; timeFormat: PropTypes.Requireable; dateFormat: PropTypes.Requireable; isKeyboardInternallyHandled: PropTypes.Requireable; loadLater: PropTypes.Requireable; onLoadLater: PropTypes.Requireable<(...args: any[]) => any>; isLoadingLater: PropTypes.Requireable; loadLaterScroll: PropTypes.Requireable; renderLoadLater: PropTypes.Requireable<(...args: any[]) => any>; loadEarlier: PropTypes.Requireable; onLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>; isLoadingEarlier: PropTypes.Requireable; renderLoading: PropTypes.Requireable<(...args: any[]) => any>; renderLoadEarlier: PropTypes.Requireable<(...args: any[]) => any>; renderAvatar: PropTypes.Requireable<(...args: any[]) => any>; showUserAvatar: PropTypes.Requireable; actionSheet: PropTypes.Requireable<(...args: any[]) => any>; onPressAvatar: PropTypes.Requireable<(...args: any[]) => any>; onLongPressAvatar: PropTypes.Requireable<(...args: any[]) => any>; renderUsernameOnMessage: PropTypes.Requireable; renderAvatarOnTop: PropTypes.Requireable; isCustomViewBottom: PropTypes.Requireable; renderBubble: PropTypes.Requireable<(...args: any[]) => any>; renderSystemMessage: PropTypes.Requireable<(...args: any[]) => any>; onLongPress: PropTypes.Requireable<(...args: any[]) => any>; renderMessage: PropTypes.Requireable<(...args: any[]) => any>; renderMessageText: PropTypes.Requireable<(...args: any[]) => any>; renderMessageImage: PropTypes.Requireable<(...args: any[]) => any>; imageProps: PropTypes.Requireable; videoProps: PropTypes.Requireable; audioProps: PropTypes.Requireable; lightboxProps: PropTypes.Requireable; renderCustomView: PropTypes.Requireable<(...args: any[]) => any>; renderDay: PropTypes.Requireable<(...args: any[]) => any>; renderTime: PropTypes.Requireable<(...args: any[]) => any>; renderFooter: PropTypes.Requireable<(...args: any[]) => any>; renderChatEmpty: PropTypes.Requireable<(...args: any[]) => any>; renderChatFooter: PropTypes.Requireable<(...args: any[]) => any>; renderInputToolbar: PropTypes.Requireable<(...args: any[]) => any>; renderComposer: PropTypes.Requireable<(...args: any[]) => any>; renderActions: PropTypes.Requireable<(...args: any[]) => any>; renderSend: PropTypes.Requireable<(...args: any[]) => any>; renderAccessory: PropTypes.Requireable<(...args: any[]) => any>; onPressActionButton: PropTypes.Requireable<(...args: any[]) => any>; bottomOffset: PropTypes.Requireable; minInputToolbarHeight: PropTypes.Requireable; listViewProps: PropTypes.Requireable; keyboardShouldPersistTaps: PropTypes.Requireable; onInputTextChanged: PropTypes.Requireable<(...args: any[]) => any>; maxInputLength: PropTypes.Requireable; forceGetKeyboardHeight: PropTypes.Requireable; inverted: PropTypes.Requireable; textInputProps: PropTypes.Requireable; extraData: PropTypes.Requireable; minComposerHeight: PropTypes.Requireable; maxComposerHeight: PropTypes.Requireable; alignTop: PropTypes.Requireable; wrapInSafeArea: PropTypes.Requireable; invertDayContainer: PropTypes.Requireable; }; static append(currentMessages: TMessage[] | undefined, messages: TMessage[], inverted?: boolean): TMessage[]; static prepend(currentMessages: TMessage[] | undefined, messages: TMessage[], inverted?: boolean): TMessage[]; _isMounted: boolean; _keyboardHeight: number; _bottomOffset: number; _maxHeight?: number; _isFirstLayout: boolean; _locale: string; invertibleScrollViewProps: any; _actionSheetRef: any; _messageContainerRef?: RefObject>; _isTextInputWasFocused: boolean; textInput?: any; state: { isInitialized: boolean; composerHeight: number | undefined; messagesContainerHeight: undefined; typingDisabled: boolean; text: undefined; messages: undefined; }; constructor(props: GiftedChatProps); getChildContext(): { actionSheet: () => any; getLocale: () => string; }; componentDidMount(): void; componentWillUnmount(): void; componentDidUpdate(prevProps?: GiftedChatProps): void; initLocale(): void; setLocale(locale: string): void; getLocale: () => string; setTextFromProp(textProp?: string): void; getTextFromProp(fallback: string): string; setMessages(messages: TMessage[]): void; getMessages(): undefined; setMaxHeight(height: number): void; getMaxHeight(): number | undefined; setKeyboardHeight(height: number): void; getKeyboardHeight(): number; setBottomOffset(value: number): void; getBottomOffset(): number; setIsFirstLayout(value: boolean): void; getIsFirstLayout(): boolean; setIsTypingDisabled(value: boolean): void; getIsTypingDisabled(): boolean; setIsMounted(value: boolean): void; getIsMounted(): boolean; getMinInputToolbarHeight(): number | undefined; calculateInputToolbarHeight(composerHeight: number): number; /** * Returns the height, based on current window size, without taking the keyboard into account. */ getBasicMessagesContainerHeight(composerHeight?: number | undefined): number; /** * Returns the height, based on current window size, taking the keyboard into account. */ getMessagesContainerHeightWithKeyboard(composerHeight?: number | undefined): number; safeAreaSupport: (bottomOffset?: number | undefined) => number; /** * Store text input focus status when keyboard hide to retrieve * it after wards if needed. * `onKeyboardWillHide` may be called twice in sequence so we * make a guard condition (eg. showing image picker) */ handleTextInputFocusWhenKeyboardHide(): void; /** * Refocus the text input only if it was focused before showing keyboard. * This is needed in some cases (eg. showing image picker). */ handleTextInputFocusWhenKeyboardShow(): void; onKeyboardWillShow: (e: any) => void; onKeyboardWillHide: (_e: any) => void; onKeyboardDidShow: (e: any) => void; onKeyboardDidHide: (e: any) => void; scrollToBottom(animated?: boolean): void; scrollToIndex(params: any): void; renderMessages(): JSX.Element; onSend: (messages?: TMessage[], shouldResetInputToolbar?: boolean) => void; resetInputToolbar(): void; focusTextInput(): void; onInputSizeChanged: (size: { height: number; }) => void; onInputTextChanged: (text: string) => void; notifyInputTextReset(): void; onInitialLayoutViewLayout: (e: any) => void; onMainViewLayout: (e: any) => void; renderInputToolbar(): {} | null | undefined; renderChatFooter(): {} | null | undefined; renderLoading(): {} | null | undefined; render(): JSX.Element; } export * from './Models'; export { GiftedChat, Actions, Avatar, Bubble, SystemMessage, MessageImage, MessageText, Composer, Day, InputToolbar, LoadEarlier, LoadLater, Message, MessageContainer, Send, Time, GiftedAvatar, utils, };