import PropTypes from 'prop-types'; import React, { RefObject } from 'react'; import { Animated, StyleProp, ViewStyle, FlatList, TextStyle, LayoutChangeEvent } from 'react-native'; import { ActionSheetProvider, ActionSheetOptions } from '@expo/react-native-action-sheet'; import * as utils from './utils'; import { Actions, ActionsProps } from './Actions'; import { Avatar, AvatarProps } from './Avatar'; import Bubble from './Bubble'; import { SystemMessage, SystemMessageProps } from './SystemMessage'; import { MessageImage, MessageImageProps } from './MessageImage'; import { MessageText, MessageTextProps } from './MessageText'; import { Composer, ComposerProps } from './Composer'; import { Day, DayProps } from './Day'; import { InputToolbar, InputToolbarProps } from './InputToolbar'; import { LoadEarlier, LoadEarlierProps } from './LoadEarlier'; import Message from './Message'; import MessageContainer from './MessageContainer'; import { Send, SendProps } from './Send'; import { Time, TimeProps } from './Time'; import { QuickRepliesProps } from './QuickReplies'; import GiftedAvatar from './GiftedAvatar'; import { IMessage, User, Reply, LeftRightStyle, MessageVideoProps, MessageAudioProps } from './Models'; import { LightboxProps } from 'react-native-lightbox-v2'; 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; isLoadingEarlier?: boolean; showUserAvatar?: boolean; showAvatarForEveryMessage?: boolean; isKeyboardInternallyHandled?: boolean; renderAvatarOnTop?: boolean; inverted?: boolean; imageProps?: Message['props']; lightboxProps?: LightboxProps; 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; quickReplyTextStyle?: StyleProp; isCustomViewBottom?: boolean; infiniteScroll?: boolean; 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; renderLoading?(): React.ReactNode; renderLoadEarlier?(props: LoadEarlierProps): React.ReactNode; renderAvatar?(props: AvatarProps): React.ReactNode | null; renderBubble?(props: Bubble['props']): React.ReactNode; renderSystemMessage?(props: SystemMessageProps): React.ReactNode; onPress?(context: any, message: TMessage): void; onLongPress?(context: any, message: TMessage): void; renderMessage?(message: Message['props']): React.ReactNode; renderMessageText?(messageText: MessageTextProps): React.ReactNode; renderMessageImage?(props: MessageImageProps): React.ReactNode; renderMessageVideo?(props: MessageVideoProps): React.ReactNode; renderMessageAudio?(props: MessageAudioProps): React.ReactNode; renderCustomView?(props: Bubble['props']): React.ReactNode; renderDay?(props: DayProps): React.ReactNode; renderTime?(props: TimeProps): React.ReactNode; renderFooter?(): React.ReactNode; renderChatEmpty?(): React.ReactNode; renderChatFooter?(): React.ReactNode; renderInputToolbar?(props: InputToolbarProps): React.ReactNode; renderComposer?(props: ComposerProps): React.ReactNode; renderActions?(props: ActionsProps): React.ReactNode; renderSend?(props: SendProps): React.ReactNode; renderAccessory?(props: InputToolbarProps): React.ReactNode; onPressActionButton?(): void; onInputTextChanged?(text: string): void; parsePatterns?(linkStyle: TextStyle): any; onQuickReply?(replies: Reply[]): void; renderQuickReplies?(quickReplies: QuickRepliesProps): React.ReactNode; renderQuickReplySend?(): React.ReactNode; scrollToBottomComponent?(): React.ReactNode; shouldUpdateMessage?(props: Message['props'], nextProps: Message['props']): 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 defaultProps: { messages: never[]; messagesContainerStyle: undefined; text: undefined; placeholder: string; disableComposer: boolean; messageIdGenerator: () => string; user: {}; onSend: () => void; locale: null; timeFormat: string; dateFormat: string; 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; renderMessageVideo: null; renderMessageAudio: 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; }; 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; 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; }; 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: RefObject; _messageContainerRef?: RefObject>; _isTextInputWasFocused: boolean; textInput?: any; state: { isInitialized: boolean; composerHeight: number | undefined; messagesContainerHeight: undefined; typingDisabled: boolean; text: undefined; messages: undefined; }; constructor(props: GiftedChatProps); 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; 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: LayoutChangeEvent) => void; renderInputToolbar(): React.ReactNode; renderChatFooter(): React.ReactNode; renderLoading(): React.ReactNode; render(): JSX.Element; } export * from './Models'; export { GiftedChat, Actions, Avatar, Bubble, SystemMessage, MessageImage, MessageText, Composer, Day, InputToolbar, LoadEarlier, Message, MessageContainer, Send, Time, GiftedAvatar, utils, };