import { EventEmitter } from '../../stencil-public-runtime';
import { UserItem, MessageAttachmentType } from '../../store/type';
import { ICustomerComment } from '../../store/zdesk.type';
export declare class CustomerInfoCommentDrawer {
    user: UserItem;
    isOpen: boolean;
    close: EventEmitter<void>;
    commentUpdated: EventEmitter<void>;
    isLoading: boolean;
    isImageLoading: boolean;
    containerRect: DOMRect | null;
    commentText: string;
    images: string[];
    customerComments: ICustomerComment[];
    page: number;
    totalPage: number;
    hasNextPage: boolean;
    customerCommentId: string;
    customerReplyCommentId: string;
    isEdit: boolean;
    showDialog: {
        open: boolean;
        url?: string;
        type?: MessageAttachmentType;
    };
    private inputEl?;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    private handleOpenDialog;
    private handleCloseDialog;
    private updateRect;
    watchIsOpenHandler(newValue: boolean): void;
    componentWillLoad(): Promise<void>;
    private loadCustomerComments;
    private handleCustomerComment;
    private handleDeleteCustomerComment;
    private handleUploadMedia;
    private handleRemoveImage;
    private handlePaste;
    private handleUploadImages;
    private adjustHeight;
    private handleInput;
    private handleKeydown;
    private renderReplyPreview;
    private renderCommentInput;
    private renderCommentsList;
    private handleScroll;
    private handleClose;
    private handleBackdropClick;
    private handleContainerClick;
    render(): any;
}
