impact-chatbot 2.3.3 → 2.3.4

package/dist/index.cjs.js

@@ -26,7 +26,6 @@ var RefreshIcon = require('@mui/icons-material/Refresh');
 var styled = require('styled-components');
 var material = require('@mui/material');
 var utils = require('core/Utils/functions/utils');
-var impactUiChatbot = require('impact-ui-chatbot');
 var impactUiV3 = require('impact-ui-v3');
 var AgGridComponent = require('core/Utils/agGrid');
 var agGridColumnFormatter = require('core/Utils/agGrid/column-formatter');
@@ -34,6 +33,7 @@ var CoreChart = require('core/Utils/core-charts');
 var makeStyles = require('@mui/styles/makeStyles');
 var FormatListBulletedOutlinedIcon = require('@mui/icons-material/FormatListBulletedOutlined');
 var PsychologyOutlinedIcon = require('@mui/icons-material/PsychologyOutlined');
+var chatbotServices = require('core/commonComponents/smartBot/services/chatbot-services');
 var RangePicker = require('core/commonComponents/dateRangePicker');
 
 function _interopNamespaceDefault(e) {
@@ -1237,6 +1237,7 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
                     setUniqueChatId: utilityObjectData?.setUniqueChatId,
                     fieldNumber: utilityObjectData?.fieldNumber,
                     setFieldNumber: utilityObjectData?.setFieldNumber,
+                    baseUrl: baseUrlTemp,
                 };
                 response = await parseResponse(null, "stream", "", currentModeValue, false, "", {}, payload, utilityObject);
                 let chatDataMessages = chatDataInfoRef.current[currentModeValue].conversations[1].messages;
@@ -4370,6 +4371,13 @@ const useRectangleStyles = styles.makeStyles((theme) => ({
         transition: "all 0.2s ease-in-out",
         position: "relative",
         overflow: "hidden",
+    },
+    rectangleHoverable: {
+        cursor: "pointer",
+        "&:hover": {
+            transform: "translateY(-2px)",
+            boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1)",
+        },
         "&::before": {
             content: '""',
             position: "absolute",
@@ -4444,9 +4452,9 @@ const useRectangleStyles = styles.makeStyles((theme) => ({
         color: "#60697D",
     },
 }));
-const Rectangle = ({ type, icon, title, description, onClick }) => {
+const Rectangle = ({ type, icon, title, description, onClick, hoverable }) => {
     const classes = useRectangleStyles();
-    return (jsxRuntime.jsx("div", { className: `${classes.rectangle} ${classes[type]}`, onClick: onClick, children: jsxRuntime.jsxs("div", { className: classes.textContainer, children: [jsxRuntime.jsx(material.Typography, { className: classes.title, children: title }), jsxRuntime.jsx(material.Typography, { className: classes.description, children: description })] }) }));
+    return (jsxRuntime.jsx("div", { className: `${classes.rectangle} ${classes[type]} ${hoverable ? classes.rectangleHoverable : ''}`, onClick: onClick, children: jsxRuntime.jsxs("div", { className: classes.textContainer, children: [jsxRuntime.jsx(material.Typography, { className: classes.title, children: title }), jsxRuntime.jsx(material.Typography, { className: classes.description, children: description })] }) }));
 };
 const ChatPlaceholder = (props) => {
     const { dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, setCurrentAgentId, baseUrl, setBaseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, setChatDataState, userInput, legacyAgentScreen, activeConversationId, chatBodyRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, setUniqueChatId, } = props;
@@ -4511,15 +4519,15 @@ const ChatPlaceholder = (props) => {
     React.useEffect(() => {
         getBaseUrl();
     }, []);
-    const handleRectangleClick = (agentId) => {
+    const handleRectangleClick = (agentId, title) => {
         if (legacyAgentScreen) {
             setCurrentAgentId(agentId);
             const initiateAgentPayload = {
                 agent_id: agentId,
                 session_id: null,
-                user_input: userInput,
+                user_input: title,
                 init: true,
-                delay: 0,
+                delay: 0.3,
             };
             setAgentFlow(initiateAgentPayload, "", baseUrl);
         }
@@ -4561,7 +4569,7 @@ const ChatPlaceholder = (props) => {
         agentId: card.agentId || card.id
     }));
     const dataToMap = legacyAgentScreen ? transformedCardList : rectangleData;
-    return (jsxRuntime.jsxs("div", { className: classes.placeholderContainer, children: [jsxRuntime.jsx("div", { className: classes.centerIconContainer, children: jsxRuntime.jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxRuntime.jsx(material.Typography, { variant: "h1", className: classes.heading, children: "Alan's Capabilities" }), jsxRuntime.jsx(material.Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Alan can help you with!" }), jsxRuntime.jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsxRuntime.jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item.agentId) }, index))) })] }));
+    return (jsxRuntime.jsxs("div", { className: classes.placeholderContainer, children: [jsxRuntime.jsx("div", { className: classes.centerIconContainer, children: jsxRuntime.jsx(SvgCenter3D, { className: classes.centerIcon }) }), jsxRuntime.jsx(material.Typography, { variant: "h1", className: classes.heading, children: "Alan's Capabilities" }), jsxRuntime.jsx(material.Typography, { variant: "body1", className: classes.headingHelperText, children: "Discover potential issues & opportunities Alan can help you with!" }), jsxRuntime.jsx("div", { className: classes.rectanglesContainer, children: dataToMap.map((item, index) => (jsxRuntime.jsx(Rectangle, { type: item.type, icon: item.icon, title: item.title, description: item.description, onClick: () => handleRectangleClick(item?.agentId, item?.title), hoverable: legacyAgentScreen }, index))) })] }));
 };
 
 const dateFormat = "DD-MM-YYYY HH:mm:ss";
@@ -5044,6 +5052,13 @@ const sseevent = (message, messageToStoreRef) => {
                 };
             }
         }
+        if (messageToStoreRef.current.currentMode === "agent" &&
+            (parsedData?.chat_id || parsedData?.session_id)) {
+            messageToStoreRef.current.uniqueChatId = parsedData?.chat_id
+                ? parsedData.chat_id
+                : "";
+            messageToStoreRef.current.sessionId = parsedData?.session_id;
+        }
         if (parsedData?.is_error) {
             messageToStoreRef.current.chatData.response =
                 messageToStoreRef.current.chatData.response +
@@ -5598,7 +5613,7 @@ const formatThinkingTime = (seconds) => {
  * @param {Function} botData.utilityObject.setChatDataState - Function to update chat data state
  */
 const StreamedContent = ({ botData }) => {
-    const { activeConversationId, currentMode, chatDataRef, chatBodyRef, setChatDataState, chatDataInfoRef, setLoader = (params) => { }, processResponse = (params) => { }, setThinkingContent, thinkingContent, isThinking: isThinkingFromParent, setIsThinking: setIsThinkingFromParent, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, } = botData.utilityObject;
+    const { activeConversationId, currentMode, chatDataRef, chatBodyRef, setChatDataState, chatDataInfoRef, setLoader = (params) => { }, processResponse = (params) => { }, setThinkingContent, thinkingContent, isThinking: isThinkingFromParent, setIsThinking: setIsThinkingFromParent, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, baseUrl } = botData.utilityObject;
     const classes = useStyles$3();
     useStyles$6();
     const dispatch = reactRedux.useDispatch();
@@ -6125,6 +6140,10 @@ const StreamedContent = ({ botData }) => {
             sourceRef.current.close();
             setIsStreaming(false);
             setIsStreamingDone(true);
+            // Stop the agent flow on the backend
+            if (messageToStoreRef.current.sessionId) {
+                chatbotServices.stopAgentFlow({ session_id: messageToStoreRef.current.sessionId }, baseUrl);
+            }
             // Clear timeout if exists
             if (streamTimeoutRef.current) {
                 clearTimeout(streamTimeoutRef.current);
@@ -9917,7 +9936,7 @@ const SmartBot = (props) => {
             setBaseUrl(customBaseUrl);
         }
     }, [forceOpen]);
-    return (jsxRuntime.jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""}`, children: [jsxRuntime.jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(impactUiChatbot.ChatBotComponent, { isFullWidth: true, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" ? (jsxRuntime.jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions })) : null, isChatBotOpen: showModal || forceOpen, 
+    return (jsxRuntime.jsxs("div", { className: `${classes.agentStyleOverride} ${partialClose ? classes.hideBotStyle : ""}`, children: [jsxRuntime.jsx(MemoryModal, { isModalOpen: isModalOpen, setIsModalOpen: setIsModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(UploadModal, { isUploadModalOpen: isUploadModalOpen, setIsUploadModalOpen: setIsUploadModalOpen, displaySnackMessages: displaySnackMessages }), jsxRuntime.jsx(impactUiV3.ChatBotComponent, { isFullWidth: forceOpen, userName: userName, showHistoryPanel: false, customInputComponent: currentMode === "agent" ? (jsxRuntime.jsx(ChatbotInput, { newChatScreen: newChatScreen, inputValue: userInput, setInputValue: setUserInput, isStopIcon: isStop, onSendIconClick: onSendIconClick, onStopIconClick: onStopIconClick, currentMode: currentMode, filterOptions: filterOptions })) : null, isChatBotOpen: showModal || forceOpen, 
                 // landingScreen={true}
                 handleNewChatClick: () => {
                     localStorage.setItem("isStreaming", "false");