@botonic/react/lib/esm/webchat/hooks/use-virtual-keyboard-detection.js

Build Chatbots using React

import { useEffect, useState } from 'react';
export const useVirtualKeyboardDetection = originalHeight => {
    const [isVirtualKeyboardVisible, setIsVirtualKeyboardVisible] = useState(false);
    useEffect(() => {
        const handleResize = () => {
            if (window.visualViewport) {
                if (window.visualViewport.height < originalHeight) {
                    setIsVirtualKeyboardVisible(true);
                    return;
                }
                setIsVirtualKeyboardVisible(false);
                return;
            }
        };
        window.visualViewport &&
            window.visualViewport.addEventListener('resize', handleResize);
        return () => {
            window.visualViewport &&
                window.visualViewport.removeEventListener('resize', handleResize);
        };
    }, [originalHeight]);
    return { isVirtualKeyboardVisible };
};
//# sourceMappingURL=use-virtual-keyboard-detection.js.map