@botonic/react
Version:
Build Chatbots using React
22 lines • 1.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.ChatArea = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const constants_1 = require("../constants");
const context_1 = require("../context");
const hooks_1 = require("../hooks");
const message_list_1 = require("../message-list");
const replies_1 = require("../replies");
const styles_1 = require("./styles");
const ChatArea = () => {
const { webchatState: { replies }, chatAreaRef, } = (0, react_1.useContext)(context_1.WebchatContext);
const { calculateResizedPxChatAreaHeight } = (0, hooks_1.useWebchatDimensions)();
const [chatAreaHeight, setChatAreaHeight] = (0, react_1.useState)(0);
(0, react_1.useEffect)(() => {
setChatAreaHeight(calculateResizedPxChatAreaHeight());
}, []);
return ((0, jsx_runtime_1.jsxs)(styles_1.StyledChatArea, Object.assign({ id: constants_1.BotonicContainerId.ChatArea, ref: chatAreaRef, height: chatAreaHeight }, { children: [(0, jsx_runtime_1.jsx)(message_list_1.WebchatMessageList, {}), replies && replies.length > 0 && (0, jsx_runtime_1.jsx)(replies_1.WebchatReplies, {})] })));
};
exports.ChatArea = ChatArea;
//# sourceMappingURL=index.js.map