@botonic/react/lib/cjs/webchat/hooks/use-webchat-resizer.js

Build Chatbots using React

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useWebchatResizer = void 0;
const react_1 = require("react");
const context_1 = require("../../webchat/context");
const use_webchat_dimensions_1 = require("./use-webchat-dimensions");
const useWebchatResizer = () => {
    const { webchatContainerRef, chatAreaRef, inputPanelRef, headerRef } = (0, react_1.useContext)(context_1.WebchatContext);
    const { calculateResizedPercentualWebchatHeight, calculateResizedPxChatAreaHeight, } = (0, use_webchat_dimensions_1.useWebchatDimensions)();
    const handleKeyboardShown = () => {
        if (webchatContainerRef.current &&
            chatAreaRef.current &&
            headerRef.current &&
            inputPanelRef.current) {
            webchatContainerRef.current.style.height = `${calculateResizedPercentualWebchatHeight()}%`;
            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
        }
    };
    const handleKeyboardHidden = () => {
        if (webchatContainerRef.current &&
            chatAreaRef.current &&
            inputPanelRef.current &&
            headerRef.current) {
            webchatContainerRef.current.style.height = '100%';
            chatAreaRef.current.style.height = `${calculateResizedPxChatAreaHeight()}px`;
        }
    };
    return {
        handleKeyboardShown,
        handleKeyboardHidden,
    };
};
exports.useWebchatResizer = useWebchatResizer;
//# sourceMappingURL=use-webchat-resizer.js.map