UNPKG

custom-chatbot-app

Version:

This is my custom chatbot package for BuyersEdge

26 lines 1.74 kB
import React, { useState } from 'react'; // import CloseIcon from '../assets/CloseIcon.svg' // import MessageIcon from '../assets/MessageIcon.svg' import { StyledChatWrapper, StyledChat } from './styled'; import SuggestionBox from './SuggestionBox'; import ChatBotScreen from './ChatBotScreen'; import { svgs } from '../utils/svgs'; var ChatBot = function (_a) { var welcomeModalHeight = _a.welcomeModalHeight, welcomeModalWidth = _a.welcomeModalWidth, chatScreenHeight = _a.chatScreenHeight, chatScreenWidth = _a.chatScreenWidth, chatApiUrl = _a.chatApiUrl, platformId = _a.platformId, sessionId = _a.sessionId, authToken = _a.authToken; var _b = useState(false), isModalOpen = _b[0], setIsModalOpen = _b[1]; var _c = useState(false), chatContainer = _c[0], setChatContainer = _c[1]; var toggleModal = function () { setIsModalOpen(!isModalOpen); }; var handleChatContainer = function () { setChatContainer(true); setIsModalOpen(false); }; return (React.createElement(React.Fragment, null, React.createElement(StyledChatWrapper, null, chatContainer && React.createElement(ChatBotScreen, { setChatContainer: setChatContainer, chatScreenHeight: chatScreenHeight, chatScreenWidth: chatScreenWidth, chatApiUrl: chatApiUrl, platformId: platformId, sessionId: sessionId, authToken: authToken }), isModalOpen && React.createElement(SuggestionBox, { setChatContainer: handleChatContainer, welcomeModalHeight: welcomeModalHeight, welcomeModalWidth: welcomeModalWidth }), !chatContainer && React.createElement(StyledChat, { onClick: toggleModal }, isModalOpen ? svgs.closeIcon : svgs.messageIcon)))); }; export default ChatBot; //# sourceMappingURL=App.js.map