UNPKG

custom-chatbot-app

Version:

This is my custom chatbot package for BuyersEdge

27 lines 2.12 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); var tslib_1 = require("tslib"); var react_1 = tslib_1.__importStar(require("react")); var styled_1 = require("./styled"); var ChatPopup_1 = tslib_1.__importDefault(require("./ChatPopup")); var svgs_1 = require("../utils/svgs"); var InitialPopup_1 = tslib_1.__importDefault(require("./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 = (0, react_1.useState)(false), isInitialPopupOpen = _b[0], setIsInitialPopupOpen = _b[1]; var _c = (0, react_1.useState)(false), isChatPopupOpen = _c[0], setIsChatPopupOpen = _c[1]; var toggleChatIcon = function () { setIsInitialPopupOpen(!isInitialPopupOpen); }; var handleChatPopupOpen = function () { setIsChatPopupOpen(true); setIsInitialPopupOpen(false); }; return (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledChatWrapper, null, isChatPopupOpen && react_1.default.createElement(ChatPopup_1.default, { classPrefix: classPrefix, setIsChatPopupOpen: setIsChatPopupOpen, chatPopupHeight: chatPopupHeight, chatPopupWidth: chatPopupWidth, chatApiUrl: chatApiUrl, platformId: platformId, sessionId: sessionId, authToken: authToken }), isInitialPopupOpen && react_1.default.createElement(InitialPopup_1.default, { classPrefix: classPrefix, setIsChatPopupOpen: handleChatPopupOpen, initialPopupHeight: initialPopupHeight, initialPopupWidth: initialPopupWidth }), !isChatPopupOpen && react_1.default.createElement(styled_1.StyledChatIcon, { onClick: toggleChatIcon, className: "".concat(classPrefix, "-chat-icon") }, isInitialPopupOpen ? svgs_1.svgs.closeIcon : svgs_1.svgs.messageIcon)))); }; exports.default = ChatBot; //# sourceMappingURL=ChatBot.js.map