custom-chatbot-app/dist/cjs/components/App.js

This is my custom chatbot package for BuyersEdge

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var react_1 = tslib_1.__importStar(require("react"));
// import CloseIcon from '../assets/CloseIcon.svg'
// import MessageIcon from '../assets/MessageIcon.svg'
var styled_1 = require("./styled");
var SuggestionBox_1 = tslib_1.__importDefault(require("./SuggestionBox"));
var ChatBotScreen_1 = tslib_1.__importDefault(require("./ChatBotScreen"));
var svgs_1 = require("../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 = (0, react_1.useState)(false), isModalOpen = _b[0], setIsModalOpen = _b[1];
    var _c = (0, react_1.useState)(false), chatContainer = _c[0], setChatContainer = _c[1];
    var toggleModal = function () {
        setIsModalOpen(!isModalOpen);
    };
    var handleChatContainer = function () {
        setChatContainer(true);
        setIsModalOpen(false);
    };
    return (react_1.default.createElement(react_1.default.Fragment, null, react_1.default.createElement(styled_1.StyledChatWrapper, null,
        chatContainer && react_1.default.createElement(ChatBotScreen_1.default, { setChatContainer: setChatContainer, chatScreenHeight: chatScreenHeight, chatScreenWidth: chatScreenWidth, chatApiUrl: chatApiUrl, platformId: platformId, sessionId: sessionId, authToken: authToken }),
        isModalOpen && react_1.default.createElement(SuggestionBox_1.default, { setChatContainer: handleChatContainer, welcomeModalHeight: welcomeModalHeight, welcomeModalWidth: welcomeModalWidth }),
        !chatContainer &&
            react_1.default.createElement(styled_1.StyledChat, { onClick: toggleModal }, isModalOpen ? svgs_1.svgs.closeIcon : svgs_1.svgs.messageIcon))));
};
exports.default = ChatBot;
//# sourceMappingURL=App.js.map