@carlos8a/react-whatsapp-floating-button/dist/components/FloatingWhatsApp/FloatingWhatsApp.d.ts

A react component to add a floating whatsapp button to your project

export interface FloatingWhatsAppProps {
    /** Callback function fires on click */
    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
    /** Callback function fires on submit with event value passed */
    onSubmit?: (event: React.FormEvent<HTMLFormElement>) => void;
    /** Callback function fires on close */
    onClose?: () => void;
    /** Callback function fired when notification runs */
    onNotification?: () => void;
    /** Callback function called when notification loop done */
    onLoopDone?: () => void;
    /** Phone number in [intenational format](https://faq.whatsapp.com/general/contacts/how-to-add-an-international-phone-number) */
    phoneNumber: string;
    /** Account Name */
    accountName?: string;
    /** Set chat box height */
    chatboxHeight?: number;
    /** Inline style applied to chat box */
    chatboxStyle?: React.CSSProperties;
    /** CSS className applied to chat box */
    chatboxClassName?: string;
    /** Change user avatar using [static assets](https://create-react-app.dev/docs/adding-images-fonts-and-files/) */
    avatar?: string;
    /** Text below the account username */
    statusMessage?: string;
    /** Text inside the chat box */
    initialMessageByServer?: string;
    /** Message that user will send to our WhatsApp */
    initialMessageByClient?: string;
    /** Text inside start chat button */
    startChatText?: string;
    /** Text that will appear in the tooltip, aside the WhatsApp button */
    tooltipText?: string | null;
    /** Time delay after which the initialMessageByServer is displayed (in seconds) */
    messageDelay?: number;
    /** Allow notifications (Disabled after user opens the chat box) */
    notification?: boolean;
    /** Time delay between notifications in seconds */
    notificationDelay?: number;
    /** Repeat notifications loop */
    notificationLoop?: number;
    /** Inline style applied to notification */
    notificationStyle?: React.CSSProperties;
    /** CSS className applied to notification */
    notificationClassName?: string;
    /** Closes the chat box if click outside the chat box */
    allowClickAway?: boolean;
    /** Closes the chat box if `Escape` key is clicked */
    allowEsc?: boolean;
    /** Enable / Disable dark mode */
    darkMode?: boolean;
    /** Inline style  applied to the main wrapping `Div` */
    style?: React.CSSProperties;
    /** CSS className applied to the main wrapping `Div` */
    className?: string;
    /** Inline style applied to button */
    buttonStyle?: React.CSSProperties;
    /** CSS className applied to button */
    buttonClassName?: string;
}
export declare function FloatingWhatsApp({ onClick, onSubmit, onClose, onNotification, onLoopDone, phoneNumber, accountName, avatar, statusMessage, initialMessageByServer, initialMessageByClient, startChatText, tooltipText, messageDelay, allowClickAway, allowEsc, notification, notificationDelay, notificationLoop, notificationStyle, notificationClassName, buttonStyle, buttonClassName, chatboxHeight, chatboxStyle, chatboxClassName, darkMode, style, className, }: FloatingWhatsAppProps): import("react/jsx-runtime").JSX.Element;