impact-chatbot 2.3.47 → 2.3.48

package/dist/components/message-template/components/message-content/tabular-content/index.d.ts

@@ -1,4 +1,4 @@
-declare const TabularContent: ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions, questionsStepsMap: initialQuestionsStepsMap, stepFormDataMap: initialStepFormDataMap, isFormDisabled }: {
+declare const TabularContent: ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions, questionsStepsMap: initialQuestionsStepsMap, stepFormDataMap: initialStepFormDataMap, isFormDisabled, sessionId: propSessionId }: {
     steps: any;
     currentTabValue: any;
     children: any;
@@ -6,5 +6,8 @@ declare const TabularContent: ({ steps: initialSteps, currentTabValue, children,
     questionsStepsMap?: {};
     stepFormDataMap?: {};
     isFormDisabled?: boolean;
+    sessionId?: string;
 }) => import("react/jsx-runtime").JSX.Element;
+/** Reset the active instance tracker (call when a new conversation starts from the input field) */
+export declare const resetActiveTabularInstance: () => void;
 export default TabularContent;

package/dist/index.cjs.js

@@ -5108,6 +5108,15 @@ const sseevent = (message, messageToStoreRef) => {
             }
             return new MessageEvent(type, { data: data });
         }
+        if (parsedData?.status === "notification") {
+            messageToStoreRef.current.notificationData = {
+                message: parsedData?.message || "",
+                chat_id: parsedData?.chat_id || "",
+                session_id: parsedData?.session_id || "",
+            };
+            // Do NOT append notification messages to chatData.response — return early
+            return new MessageEvent(type, { data: data });
+        }
         if (parsedData?.status === "thinking") {
             messageToStoreRef.current.chatData.thinkingResponse.thinkingStream =
                 messageToStoreRef.current.chatData.thinkingResponse.thinkingStream +
@@ -5144,13 +5153,6 @@ const sseevent = (message, messageToStoreRef) => {
                 ? parsedData.additional_args
                 : {};
         }
-        if (parsedData?.status === "notification") {
-            messageToStoreRef.current.notificationData = {
-                message: parsedData?.message || "",
-                chat_id: parsedData?.chat_id || "",
-                session_id: parsedData?.session_id || "",
-            };
-        }
         if (parsedData?.status === "completed" ||
             parsedData?.status === "follow-up") {
             messageToStoreRef.current.initValue = true;
@@ -5413,10 +5415,10 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
             if (sessionId) {
                 chatbotServices.stopAgentFlow({ session_id: sessionId }, baseUrl);
             }
-            dispatch(smartBotActions.setStepFormStreamData({ status: "error", chunks: [...chunksRef] }));
+            dispatch(smartBotActions.setStepFormStreamData({ status: "error", chunks: [...chunksRef], sessionId }));
         };
         // Signal that streaming has started (after setting stepFormStreamControl so useEffect sees the flag)
-        dispatch(smartBotActions.setStepFormStreamData({ status: "streaming_start", chunks: [] }));
+        dispatch(smartBotActions.setStepFormStreamData({ status: "streaming_start", chunks: [], sessionId }));
         // Fire DOM event so SmartBot can show stop icon (Redux gets cleared by TabularContent before parent effects run)
         window.dispatchEvent(new CustomEvent("stepFormStreamStart"));
         sourceRef.current = AxiosSource(endPoint, {
@@ -5438,14 +5440,14 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                     chunksRef.push(data);
                     // Dispatch widget chunks immediately for real-time rendering
                     if (data?.status === "widget") {
-                        dispatch(smartBotActions.setStepFormStreamData({ status: "widget_chunk", chunks: [data] }));
+                        dispatch(smartBotActions.setStepFormStreamData({ status: "widget_chunk", chunks: [data], sessionId }));
                     }
                     // If this chunk also carries [DONE], dispatch collected chunks now
                     if (data?.message === "[DONE]") {
                         stepFormStreamControl.isStreaming = false;
                         stepFormStreamControl.abort = null;
                         window.dispatchEvent(new CustomEvent("stepFormStreamEnd"));
-                        dispatch(smartBotActions.setStepFormStreamData({ status: "done", chunks: [...chunksRef] }));
+                        dispatch(smartBotActions.setStepFormStreamData({ status: "done", chunks: [...chunksRef], sessionId }));
                     }
                 }
                 else if (data?.status === "completed" || data?.status === "follow-up" || data?.message === "[DONE]") {
@@ -5469,7 +5471,7 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                     if (data?.status === "completed" && !hasStepForm) {
                         window.dispatchEvent(new CustomEvent("stepFormStreamCompleted"));
                     }
-                    dispatch(smartBotActions.setStepFormStreamData({ status: "done", chunks: [...chunksRef] }));
+                    dispatch(smartBotActions.setStepFormStreamData({ status: "done", chunks: [...chunksRef], sessionId }));
                 }
                 else if (data?.message) {
                     chunksRef.push({ status: "content", message: data.message });
@@ -5484,7 +5486,7 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
             stepFormStreamControl.isStreaming = false;
             stepFormStreamControl.abort = null;
             window.dispatchEvent(new CustomEvent("stepFormStreamEnd"));
-            dispatch(smartBotActions.setStepFormStreamData({ status: "error", chunks: chunksRef }));
+            dispatch(smartBotActions.setStepFormStreamData({ status: "error", chunks: chunksRef, sessionId }));
         });
     };
     const renderButtons = () => {
@@ -7369,6 +7371,7 @@ const StreamedContent = ({ botData }) => {
                             data: isEmpty(dummyButton)
                                 ? [textResponseTobeParsed, ...finalData]
                                 : [textResponseTobeParsed, ...finalData, dummyButton],
+                            session_id: messageToStoreRef.current.sessionId || "",
                         },
                     },
                 };
@@ -7453,6 +7456,7 @@ const StreamedContent = ({ botData }) => {
                     data: {
                         data: {
                             data: [textResponseTobeParsed, ...finalData],
+                            session_id: messageToStoreRef.current.sessionId || "",
                         },
                     },
                 };
@@ -7873,7 +7877,11 @@ const AgentResponse = ({ children }) => {
     return (jsxRuntime.jsx("div", { className: classes.agentResponseContainer, children: children }));
 };
 
-const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false }) => {
+// Module-level counter and active instance tracker.
+// Only the active instance should process stepFormStreamData from Redux.
+let instanceCounter = 0;
+let activeTabularInstanceId = null;
+const TabularContent = ({ steps: initialSteps, currentTabValue, children, questions: initialQuestions = [], questionsStepsMap: initialQuestionsStepsMap = {}, stepFormDataMap: initialStepFormDataMap = {}, isFormDisabled = false, sessionId: propSessionId = "" }) => {
     const dispatch = reactRedux.useDispatch();
     const stepFormStreamData = reactRedux.useSelector((state) => state.smartBotReducer.stepFormStreamData);
     const [tabValue, setTabValue] = React.useState(currentTabValue);
@@ -7897,6 +7905,12 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     const [stepFormSubmitted, setStepFormSubmitted] = React.useState(false);
     const [hasNewStepFormFromRestream, setHasNewStepFormFromRestream] = React.useState(false);
     const [activeFormIntent, setActiveFormIntent] = React.useState(null);
+    // Stable unique instance ID for this TabularContent mount
+    const instanceIdRef = React.useRef(null);
+    if (instanceIdRef.current === null) {
+        instanceCounter += 1;
+        instanceIdRef.current = instanceCounter;
+    }
     // Refs for accumulating state during streaming (avoids stale closures)
     const stepsRef = React.useRef(stepsState);
     const questionsRef = React.useRef(questionsState);
@@ -7938,10 +7952,21 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             return null;
         }
     };
+    // Register as active instance when this TabularContent has an active step form
+    React.useEffect(() => {
+        const hasActiveForm = Object.keys(initialStepFormDataMap).length > 0;
+        if (hasActiveForm) {
+            activeTabularInstanceId = instanceIdRef.current;
+        }
+    }, [initialStepFormDataMap]);
     // Watch Redux for batched SSE chunks dispatched by ButtonContent
     React.useEffect(() => {
         if (!stepFormStreamData)
             return;
+        // Only the active instance should process stepFormStreamData
+        if (activeTabularInstanceId !== null && activeTabularInstanceId !== instanceIdRef.current) {
+            return;
+        }
         const payload = stepFormStreamData;
         // Clear Redux immediately
         dispatch(smartBotActions.setStepFormStreamData(null));
@@ -8095,6 +8120,8 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
             setStepFormSubmitted(false);
             setHasNewStepFormFromRestream(true);
             setActiveFormIntent(latestIntent || null);
+            // Re-register as active instance since this TabularContent now owns the new form
+            activeTabularInstanceId = instanceIdRef.current;
             // Clear stale persisted form values and context so the new form starts fresh
             dispatch(smartBotActions.clearPersistedFormValues());
             dispatch(smartBotActions.setChatbotContext({}));
@@ -8119,6 +8146,10 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                 jsxRuntime.jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsxRuntime.jsx("div", { className: "restream-widget-content", children: renderedWidgets }))] }),
             ], value: tabValue }) }));
 };
+/** Reset the active instance tracker (call when a new conversation starts from the input field) */
+const resetActiveTabularInstance = () => {
+    activeTabularInstanceId = null;
+};
 
 const CombinedContent = ({ botData, props }) => {
     const isFormDisabled = botData?.isFormDisabled || false;
@@ -8187,7 +8218,7 @@ const CombinedContent = ({ botData, props }) => {
     const validContent = renderedContent.filter(content => content !== null);
     const renderCombinedContent = () => (jsxRuntime.jsx("div", { className: "combined-content-container", children: validContent.length > 0 ? (validContent.map((content, index) => (jsxRuntime.jsx("div", { className: "combined-content-item", children: content }, `wrapper-${index}`)))) : (jsxRuntime.jsx("div", { children: "No valid content to display" })) }));
     if (isTabEnabled) {
-        return (jsxRuntime.jsx(TabularContent, { steps: botData?.utilityData?.steps || [], currentTabValue: botData?.utilityData?.currentTabValue || "steps", questions: botData?.utilityData?.questions || [], questionsStepsMap: botData?.utilityData?.questionsStepsMap || {}, stepFormDataMap: botData?.utilityData?.stepFormDataMap || {}, isFormDisabled: isFormDisabled, children: renderCombinedContent() }));
+        return (jsxRuntime.jsx(TabularContent, { steps: botData?.utilityData?.steps || [], currentTabValue: botData?.utilityData?.currentTabValue || "steps", questions: botData?.utilityData?.questions || [], questionsStepsMap: botData?.utilityData?.questionsStepsMap || {}, stepFormDataMap: botData?.utilityData?.stepFormDataMap || {}, isFormDisabled: isFormDisabled, sessionId: botData?.sessionId || "", children: renderCombinedContent() }));
     }
     return renderCombinedContent();
 };
@@ -11714,7 +11745,7 @@ const useStyles = styles.makeStyles({
 });
 const ChatbotSaveFilterComponent = (props) => {
     const classes = useStyles();
-    const { savedFilterSets, partialClose } = props;
+    const { savedFilterSets, partialClose, chatBotWidth } = props;
     const [showFilter, setShowFilter] = React.useState(!lodash.isEmpty(savedFilterSets));
     /**
  * onFilterDashboardClick function is called when we click the apply filter
@@ -11787,11 +11818,13 @@ const ChatbotSaveFilterComponent = (props) => {
             }
             const filterContainer = document.querySelector(".impact_drawer_filter_container.impact_drawer_filter_container_large");
             if (filterContainer) {
-                filterContainer.style.setProperty("width", "616px");
+                const computedWidth = chatBotWidth ? `${chatBotWidth - 86}px` : "616px";
+                filterContainer.style.setProperty("width", computedWidth);
             }
             const rightPanel = document.querySelector(".impact_drawer_filter_container .impact_drawer_filter_container_right_panel");
             if (rightPanel) {
                 rightPanel.style.setProperty("height", "600px");
+                rightPanel.style.setProperty("width", "100%");
             }
             const backdrop = document.querySelector(".MuiBackdrop-root.MuiModal-backdrop");
             if (backdrop) {
@@ -11825,7 +11858,7 @@ const ChatbotSaveFilterComponent = (props) => {
         const observer = new MutationObserver(patchDrawer);
         observer.observe(document.body, { childList: true, subtree: true });
         return () => observer.disconnect();
-    }, [showFilter]);
+    }, [showFilter, chatBotWidth]);
     return (jsxRuntime.jsx("div", { className: partialClose ? classes.hidden : undefined, children: !showFilter ?
             jsxRuntime.jsxs("div", { className: classes.container, children: [jsxRuntime.jsx(NoFilterSetSavedIcon, { width: "189px", height: "126px", className: classes.icon }), jsxRuntime.jsx("p", { className: classes.title, children: "No filter set saved!" }), jsxRuntime.jsx("p", { className: classes.subtitle, children: "Create and save a filter set to use as your default scope or apply it anytime during a conversation" }), jsxRuntime.jsx("div", { className: classes.buttonWrapper, children: jsxRuntime.jsx(impactUiV3.Button, { variant: "primary", onClick: () => setShowFilter(true), children: "Create A Filter Set" }) })] }) :
             jsxRuntime.jsx("div", { children: jsxRuntime.jsx(CoreComponentScreen, { showPageHeader: false, 
@@ -11859,6 +11892,7 @@ const SmartBot = (props) => {
     // Per-mode conversation ID tracking — prevents cross-mode contamination when
     // switching tabs while streams are pending.
     React.useRef({});
+    const activeConversationIdRef = React.useRef(activeConversationId);
     const activeTab = React.useRef({
         activeTab: "dashboard",
     });
@@ -11877,6 +11911,7 @@ const SmartBot = (props) => {
     const [filterOptions, setFilterOptions] = React.useState([]);
     const [savedFilterSets, setSavedFilterSets] = React.useState([]);
     const [selectedFilterSet, setSelectedFilterSet] = React.useState(null);
+    const [chatBotWidth, setChatBotWidth] = React.useState(null);
     React.useRef(0);
     const { setUserFlow, setUserScreenAndFlow, fetchUserResultsFromQuery, getCurrentDateTimeString, setLink, } = useChatFlow(chatDataRef, setLoader, setFlowType, setScreenName, setUserInput, setQuestionIndex, setCurrentAppLink, flowType, screenName, questionIndex, userInput, dateFormat, currentMode, activeConversationId, setIsModuleChanged, chatBodyRef, filterReducerState, dispatch, navigate, setShowChatPlaceholder, baseUrl, setChatDataState, setCurrentSessionId, customChatConfig, chatDataInfoRef, chatbotContext, setInitValue, setSessionId, thinkingContent, setThinkingContent, isThinking, setIsThinking, chatId, setChatId, isStop, setIsStop, functionsRef, functionsState, setFunctionsState, thinkingHeaderMessage, setThinkingHeaderMessage, uniqueChatId, initValue, sessionId, fieldNumber, setFieldNumber, additionalArgs, setActiveConversationId, navSessionId, setNavSessionId);
     const { parseSavedFlow, saveCurrentChanges, endCurrentSession, clearChatSession, initiateNewChat, hasUnsavedChanges, } = useChatSession(chatDataRef, setFlowType, setScreenName, setUserInput, setTemplateData, chatDataScreenLinkRef, setShowModal, setMinimizedMode, setSelectedModule, setChatDataState, currentMode, setUserFlow, getCurrentDateTimeString, setCurrentAppLink, selectedModule, fetchUserResultsFromQuery, props.closeBot, activeConversationId, setActiveConversationId, setShowChatPlaceholder);
@@ -11909,6 +11944,10 @@ const SmartBot = (props) => {
         setFieldNumber,
         setAdditionalArgs,
     });
+    // Keep activeConversationIdRef in sync so event handlers with [] deps can access the latest value
+    React.useEffect(() => {
+        activeConversationIdRef.current = activeConversationId;
+    }, [activeConversationId]);
     // Show/hide stop icon when step-form restream (second init API from ButtonContent) starts/ends.
     // Must live here (SmartBot) because StreamedContent unmounts after the first stream completes.
     React.useEffect(() => {
@@ -11930,6 +11969,23 @@ const SmartBot = (props) => {
         };
         const handleStepFormStreamEnd = () => {
             setIsStop(false);
+            // Update the timestamp on the last bot message to reflect when the restream completed
+            try {
+                const mode = localStorage.getItem("currentModeData") || "agent";
+                const convId = activeConversationIdRef.current;
+                const messages = chatDataInfoRef?.current?.[mode]?.conversations?.[convId]?.messages;
+                if (messages && messages.length > 0) {
+                    const lastBotIdx = messages.reduce((lastIdx, msg, idx) => msg.userType === "bot" ? idx : lastIdx, -1);
+                    if (lastBotIdx !== -1) {
+                        messages[lastBotIdx].timeStamp = moment().format(dateFormat);
+                        // Trigger re-render so the UI reflects the updated timestamp
+                        setChatDataState((prev) => ({ ...prev }));
+                    }
+                }
+            }
+            catch (e) {
+                console.error("Error updating timestamp after step form stream:", e);
+            }
         };
         window.addEventListener("stepFormStreamStart", handleStepFormStreamStart);
         window.addEventListener("stepFormStreamEnd", handleStepFormStreamEnd);
@@ -12366,6 +12422,9 @@ const SmartBot = (props) => {
     };
     const onSendIconClick = (params, params2) => {
         try {
+            // Reset step form stream state so old TabularContent instances don't process new data
+            dispatch(smartBotActions.setStepFormStreamData(null));
+            resetActiveTabularInstance();
             // dispatch(setChatbotContext({}));
             setUserInput(params?.text);
             handleSendMessage(params?.text, params?.userExplicitInput, params?.textWithColumnNames);
@@ -12532,6 +12591,8 @@ const SmartBot = (props) => {
                     localStorage.setItem("isStreaming", "false");
                     dispatch(smartBotActions.setChatbotContext({}));
                     dispatch(smartBotActions.clearPersistedFormValues());
+                    dispatch(smartBotActions.setStepFormStreamData(null));
+                    resetActiveTabularInstance();
                     setConversation([]);
                     chatDataInfoRef.current[currentMode] = {
                         conversations: {},
@@ -12724,7 +12785,7 @@ const SmartBot = (props) => {
                 ], utilityList: utilityList, isAssistantThinking: false, isCustomScreen: showChatPlaceholder ? showChatPlaceholder : showSavedFilters, customScreenJsx: showChatPlaceholder ?
                     jsxRuntime.jsx(ChatPlaceholder, { dateFormat: dateFormat, chatDataRef: chatDataRef, currentMode: currentMode, setShowChatPlaceholder: setShowChatPlaceholder, setLoader: setLoader, setCurrentAgentId: setCurrentAgentId, baseUrl: baseUrl, setBaseUrl: setBaseUrl, setCurrentSessionId: setCurrentSessionId, customChatConfig: customChatConfig, chatDataInfoRef: chatDataInfoRef, setChatDataState: setChatDataState, userInput: userInput, legacyAgentScreen: legacyAgentScreen, activeConversationId: activeConversationId, chatBodyRef: chatBodyRef, chatbotContext: chatbotContext, setInitValue: setInitValue, setSessionId: setSessionId, thinkingContent: thinkingContext?.thinkingContent, setThinkingContent: setThinkingContent, isThinking: isThinking, setIsThinking: setIsThinking, chatId: chatId, setChatId: setChatId, isStop: isStop, setIsStop: setIsStop, functionsRef: functionsRef, functionsState: functionsState, setFunctionsState: setFunctionsState, thinkingHeaderMessage: thinkingContext?.thinkingHeaderMessage, setThinkingHeaderMessage: setThinkingHeaderMessage, uniqueChatId: uniqueChatId, setUniqueChatId: setUniqueChatId, fieldNumber: fieldNumber, setFieldNumber: setFieldNumber, setAdditionalArgs: setAdditionalArgs, displayQuestions: displayQuestions, questions: questions, setActiveConversationId: setActiveConversationId })
                     :
-                        jsxRuntime.jsx(ChatbotSaveFilterComponent$1, { savedFilterSets: savedFilterSets, partialClose: partialClose }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
+                        jsxRuntime.jsx(ChatbotSaveFilterComponent$1, { savedFilterSets: savedFilterSets, partialClose: partialClose, chatBotWidth: chatBotWidth }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
                     freeTextHeading: "Try adding more details :",
                     freeTextContent: "Alan works better when you provide more context and pointed questions",
                 }, isStopIcon: isStop, onStopIconClick: onStopIconClick, footerText: "AI-generated responses may contain errors\u2014please verify important information", showSuggestionBanner: showSavedFilters ? false : showSuggestionBanner, onCloseSuggestionBanner: () => {
@@ -12744,7 +12805,9 @@ const SmartBot = (props) => {
                 }, handleSaveChat: () => {
                     // Handle save chat logic here
                     saveCurrentChat();
-                } })] }));
+                }, onChatBotResize: (params) => {
+                    setChatBotWidth(params);
+                }, onMinimiseChatBot: null })] }));
 };
 
 exports.default = SmartBot;