custom-chatbot-app
Version:
This is my custom chatbot package for BuyersEdge
26 lines • 1.74 kB
JavaScript
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