react-native-chating-ui-kit/lib/CometChatMessageList/MessageListConfiguration.d.ts

CometChat React Native UI Kit is a collection of custom UI Components designed to build text , chat and calling features in your application. The UI Kit is developed to keep developers in mind and aims to reduce development efforts significantly

/// <reference types="react" />
import { CometChat } from '@cometchat-pro/react-native-chat';
import { AvatarStyleInterface, ImageType } from '../shared';
import { MessageListAlignmentType, MessageTimeAlignmentType } from '../shared/constants/UIKitConstants';
import { MessageListStyleInterface } from './MessageListStyle';
import { CometChatMessageTemplate } from '../shared/modals/CometChatMessageTemplate';
import { DatePattern } from '../shared/base/Types';
import { MessageStyleInterface } from '../CometChatMessages/MessageStyle';
import { DateStyleInterface } from '../shared/views/CometChatDate/DateStyle';
import { ActionSheetStylesInterface } from '../shared/views/CometChatActionSheet/ActionSheetStyle';
export interface MessageListConfigurationInterface {
    ErrorStateView?: (e: CometChat.CometChatException) => JSX.Element;
    errorStateText?: String;
    EmptyStateView?: () => JSX.Element;
    emptyStateText?: String;
    LoadingStateView?: () => JSX.Element;
    disableReceipt?: boolean;
    readIcon?: ImageType;
    deliveredIcon?: ImageType;
    sentIcon?: ImageType;
    waitIcon?: ImageType;
    errorIcon?: ImageType;
    alignment?: MessageListAlignmentType;
    showAvatar?: boolean;
    datePattern?: (baseMessage: CometChat.BaseMessage) => DatePattern;
    timestampAlignment?: MessageTimeAlignmentType;
    templates?: CometChatMessageTemplate[];
    messageRequestBuilder?: CometChat.MessagesRequestBuilder;
    scrollToBottomOnNewMessage?: boolean;
    onThreadRepliesPress?: (messageObject: CometChat.BaseMessage, messageBubbleView: () => JSX.Element) => void;
    HeaderView?: ({ user, group, id, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
        id?: {
            uid?: string;
            guid?: string;
            parentMessageId?: string;
        };
    }) => JSX.Element;
    FooterView?: ({ user, group, id, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
        id?: {
            uid?: string;
            guid?: string;
            parentMessageId?: string;
        };
    }) => JSX.Element;
    dateSeperatorPattern?: (message: number) => DatePattern;
    avatarStyle?: AvatarStyleInterface;
    dateSeperatorStyle?: DateStyleInterface;
    wrapperMessageBubbleStyle?: MessageStyleInterface;
    actionSheetStyle?: ActionSheetStylesInterface;
    messageListStyle?: MessageListStyleInterface;
}
export declare class MessageListConfiguration implements MessageListConfigurationInterface {
    ErrorStateView: (e: CometChat.CometChatException) => JSX.Element;
    errorStateText?: String;
    EmptyStateView: () => JSX.Element;
    emptyStateText?: String;
    LoadingStateView: () => JSX.Element;
    readIcon: ImageType;
    deliveredIcon: ImageType;
    sentIcon: ImageType;
    waitIcon: ImageType;
    errorIcon: ImageType;
    alignment: MessageListAlignmentType;
    showAvatar: boolean;
    datePattern: (baseMessage: any) => DatePattern;
    timestampAlignment: MessageTimeAlignmentType;
    templates: CometChatMessageTemplate[];
    messageRequestBuilder: CometChat.MessagesRequestBuilder;
    scrollToBottomOnNewMessage: boolean;
    onThreadRepliesPress?: (messageObject: CometChat.BaseMessage, messageBubbleView: () => JSX.Element) => void;
    HeaderView?: ({ user, group, id, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
        id?: {
            uid?: string;
            guid?: string;
            parentMessageId?: string;
        };
    }) => JSX.Element;
    FooterView?: ({ user, group, id, }: {
        user?: CometChat.User;
        group?: CometChat.Group;
        id?: {
            uid?: string;
            guid?: string;
            parentMessageId?: string;
        };
    }) => JSX.Element;
    avatarStyle: AvatarStyleInterface;
    dateSeperatorStyle: DateStyleInterface;
    wrapperMessageBubbleStyle: MessageStyleInterface;
    actionSheetStyle: ActionSheetStylesInterface;
    messageListStyle: MessageListStyleInterface;
    disableReceipt: boolean;
    dateSeperatorPattern: (item: number) => DatePattern;
    constructor(props: MessageListConfigurationInterface);
}