custom-chatbot-app
Version:
This is my custom chatbot package for BuyersEdge
24 lines • 1.83 kB
JavaScript
import React, { useState } from 'react';
import { StyledChatWrapper, StyledChatIcon } from './styled';
import ChatPopup from './ChatPopup';
import { svgs } from '../utils/svgs';
import InitialPopup from './InitialPopup';
var ChatBot = function (_a) {
var classPrefix = _a.classPrefix, initialPopupHeight = _a.initialPopupHeight, initialPopupWidth = _a.initialPopupWidth, chatPopupHeight = _a.chatPopupHeight, chatPopupWidth = _a.chatPopupWidth, chatApiUrl = _a.chatApiUrl, platformId = _a.platformId, sessionId = _a.sessionId, authToken = _a.authToken;
var _b = useState(false), isInitialPopupOpen = _b[0], setIsInitialPopupOpen = _b[1];
var _c = useState(false), isChatPopupOpen = _c[0], setIsChatPopupOpen = _c[1];
var toggleChatIcon = function () {
setIsInitialPopupOpen(!isInitialPopupOpen);
};
var handleChatPopupOpen = function () {
setIsChatPopupOpen(true);
setIsInitialPopupOpen(false);
};
return (React.createElement(React.Fragment, null, React.createElement(StyledChatWrapper, null,
isChatPopupOpen && React.createElement(ChatPopup, { classPrefix: classPrefix, setIsChatPopupOpen: setIsChatPopupOpen, chatPopupHeight: chatPopupHeight, chatPopupWidth: chatPopupWidth, chatApiUrl: chatApiUrl, platformId: platformId, sessionId: sessionId, authToken: authToken }),
isInitialPopupOpen && React.createElement(InitialPopup, { classPrefix: classPrefix, setIsChatPopupOpen: handleChatPopupOpen, initialPopupHeight: initialPopupHeight, initialPopupWidth: initialPopupWidth }),
!isChatPopupOpen &&
React.createElement(StyledChatIcon, { onClick: toggleChatIcon, className: "".concat(classPrefix, "-chat-icon") }, isInitialPopupOpen ? svgs.closeIcon : svgs.messageIcon))));
};
export default ChatBot;
//# sourceMappingURL=ChatBot.js.map