Всплывающая подсказка ассистента

Обновлено 12 февраля 2024

Для вызова всплывающей подсказки используйте метод showTooltip. Метод доступен в параметре ref чата.

При нажатии на КПСС с активной подсказкой запускается смартап, заданный в параметре appInfo. Если параметр не задан, будет запущен чат с ассистентом.

import React, { FC } from 'react';
import { FloatingAssistantChatLottie } from '@sberdevices/assistant-web-sdk/floatingAssistantChatLottie';
import { Tooltip, TooltipProps } from '@sberdevices/assistant-web-sdk/components';

export const FloatingChatWithAssistant: FC = () => {
    const [tooltip, setTooltip] = useState<TooltipProps | null>(null);

    const handleClose = () => {
        setTooltip(null);
    };

    const openTooltip = () => {
        setTooltip({ onClose: handleClose, title: 'title' });
    };

    useEffect(() => {
        const timeoutId = setTimeout(() => {
            openTooltip();
        }, 1000);

        return () => {
            clearTimeout(timeoutId);
        };
    }, []);

    return (
        <FloatingAssistantChatLottie
            assistant={client}
            tooltip={tooltip ? <Tooltip {...tooltip} /> : undefined}
        />
    );
};