impact-chatbot 2.3.78 → 2.3.81

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import { cloneDeep, isEmpty as isEmpty$1, isNull, isArray as isArray$1, isObject, throttle } from 'lodash';
 import * as React from 'react';
-import { useCallback, useState, useEffect, useRef, createContext, useContext, useMemo } from 'react';
+import { useCallback, useState, useEffect, useRef, createContext, useContext, useMemo, Fragment as Fragment$1 } from 'react';
 import { COMBINED_CROSS_DIMENSIONAL_API, BASE_API } from 'config/api';
 import axiosInstance from 'core/Utils/axios';
 import { tenantConfigApiCache } from 'core/actions/tenantConfigActions';
@@ -2179,11 +2179,17 @@ const useAgentFlow = (dateFormat, chatDataRef, currentMode, setShowChatPlacehold
     };
 };
 
-const 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 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, setUniqueChatId, setAdditionalArgs) => {
     const navSessionIdRef = useRef(navSessionId);
     useEffect(() => {
         navSessionIdRef.current = navSessionId;
     }, [navSessionId]);
+    // Keep a fresh reference to uniqueChatId so callbacks memoized with narrow
+    // deps (e.g. handleUserAction) don't send a stale/empty chat_id on follow-ups.
+    const uniqueChatIdRef = useRef(uniqueChatId);
+    useEffect(() => {
+        uniqueChatIdRef.current = uniqueChatId;
+    }, [uniqueChatId]);
     const { prepareDataAndSendToAgent, setAgentFlow, processResponse, } = useAgentFlow(dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, {
         setChatDataState,
         activeConversationId,
@@ -2206,9 +2212,10 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
         thinkingHeaderMessage,
         setThinkingHeaderMessage,
         uniqueChatId,
+        setUniqueChatId,
         fieldNumber,
         setFieldNumber,
-        setAdditionalArgs: () => { },
+        setAdditionalArgs: setAdditionalArgs || (() => { }),
     });
     const getCurrentDateTimeString = () => {
         return moment().format(dateFormat);
@@ -2371,7 +2378,7 @@ const useChatFlow = (chatDataRef, setLoader, setFlowType, setScreenName, setUser
                 sessionId: sessionId,
                 setSessionId: setSessionId,
                 setInitValue: setInitValue,
-                uniqueChatId: uniqueChatId,
+                uniqueChatId: uniqueChatIdRef.current,
                 additionalArgs: additionalArgs,
             });
         }
@@ -3591,6 +3598,9 @@ const useStyles$a = makeStyles((theme) => ({
     boldText: {
         fontWeight: 600,
     },
+    combinedBlockHeaderTitle: {
+        marginBottom: "0.5rem",
+    },
     botViewHeader: {
         color: theme.palette.textColours.botDateChipText,
     },
@@ -5487,7 +5497,7 @@ const useStyles$8 = makeStyles((theme) => ({
 }));
 const MAX_RETRY_COUNT_BUTTON = 1;
 const RETRY_COUNTDOWN_SECONDS_BUTTON = 15;
-const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = false, isFormValid = true }) => {
+const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = false, isFormValid = true, formParamNames = [], messageIndex = 0 }) => {
     const classes = useStyles$8();
     const dispatch = useDispatch();
     const sourceRef = useRef(null);
@@ -5513,19 +5523,56 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
         status: "",
     });
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
+    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
+    const persistedFormValuesRef = useRef(persistedFormValues);
+    persistedFormValuesRef.current = persistedFormValues;
     const thinkingContext = useSelector((state) => state.smartBotReducer.thinkingContext);
     const handleButtonClick = (button) => {
         if (isStepFormSubmit) {
-            // Build the user_input from chatbotContext
+            // Read the latest chatbotContext from ref to avoid stale closures
+            const currentContext = chatbotContextRef.current;
+            const currentPersisted = persistedFormValuesRef.current;
+            // Build the user_input ONLY from formParamNames (current form's fields)
             const userInput = {};
-            for (const key in chatbotContext) {
-                if (key.startsWith('__'))
-                    continue;
-                if (chatbotContext[key]?.updated) {
-                    let value = chatbotContext[key][key];
-                    userInput[key] = isArray$2(value)
-                        ? value
-                        : typeof value === 'number' ? value : String(value);
+            if (formParamNames.length > 0) {
+                formParamNames.forEach((paramName) => {
+                    // Primary source: chatbotContext (set by handleChange in form components)
+                    if (currentContext[paramName]?.updated) {
+                        let value = currentContext[paramName][paramName];
+                        userInput[paramName] = isArray$2(value)
+                            ? value
+                            : typeof value === 'number' ? value : String(value);
+                    }
+                    else {
+                        // Fallback: persistedFormValues (covers edge case where chatbotContext
+                        // was cleared but the form still has a valid selection displayed)
+                        const persistedKey = `${messageIndex}_${paramName}`;
+                        const persistedValue = currentPersisted[persistedKey];
+                        if (persistedValue !== undefined && persistedValue !== null) {
+                            // For select components, persistedFormValues stores option objects
+                            if (isArray$2(persistedValue)) {
+                                userInput[paramName] = persistedValue.map((opt) => opt.value !== undefined ? opt.value : opt);
+                            }
+                            else {
+                                userInput[paramName] = typeof persistedValue === 'number' ? persistedValue : String(persistedValue);
+                            }
+                        }
+                    }
+                });
+            }
+            else {
+                // Legacy fallback: no formParamNames provided, iterate chatbotContext
+                for (const key in currentContext) {
+                    if (key.startsWith('__'))
+                        continue;
+                    if (currentContext[key]?.updated) {
+                        let value = currentContext[key][key];
+                        userInput[key] = isArray$2(value)
+                            ? value
+                            : typeof value === 'number' ? value : String(value);
+                    }
                 }
             }
             dispatch(setChatbotContext({}));
@@ -5863,6 +5910,8 @@ const TableContent = ({ bodyText }) => {
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [downloadUrl, setDownloadUrl] = useState("");
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const dispatch = useDispatch();
     useEffect(() => {
         let formattedColumns = getFormattedTableConfig(table_config);
@@ -5908,9 +5957,10 @@ const TableContent = ({ bodyText }) => {
     const onSelectionChanged = (event) => {
         try {
             const selectedList = event.api.getSelectedRows();
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
-                tables: { ...chatbotContext?.tables, [table_name]: selectedList },
+                ...latestContext,
+                tables: { ...latestContext?.tables, [table_name]: selectedList },
             }));
         }
         catch (error) {
@@ -6781,6 +6831,8 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { header, headerOrentiation, inputPosition, label, max, min, required, disabled, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [sliderValue, setSliderValue] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : 0);
@@ -6788,16 +6840,18 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         return null;
     const handleChange = (value) => {
         try {
-            setSliderValue(value?.target?.value);
+            const newValue = value?.target?.value;
+            setSliderValue(newValue);
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: value?.target?.value,
+                    ...latestContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: newValue,
                     updated: true,
                 },
             }));
-            dispatch(setPersistedFormValues({ [formKey]: value?.target?.value }));
+            dispatch(setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6833,6 +6887,8 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const searchTermRef = useRef("");
     const selectAllCountRef = useRef(persistedFormValues?.[selectAllKey] || 0);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const heirarchyKeyValuePairs = useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = useDispatch();
     // Cross-filter cascading context (optional — graceful fallback when not wrapped)
@@ -6850,10 +6906,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             else {
                 value = selectedOptions.value;
             }
+            const latestContext = chatbotContextRef.current;
             const updatedContext = {
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: value,
                     updated: true,
                 },
@@ -6903,10 +6960,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
                 // Also clear from chatbotContext and persistedFormValues
+                const ctx = chatbotContextRef.current;
                 dispatch(setChatbotContext({
-                    ...chatbotContext,
+                    ...ctx,
                     [bodyText?.paramName]: {
-                        ...chatbotContext?.[bodyText?.paramName],
+                        ...ctx?.[bodyText?.paramName],
                         [bodyText?.paramName]: [],
                         updated: true,
                     },
@@ -6964,10 +7022,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, isClearable: !(isDisabled || isFormDisabled), onClearAll: () => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
+                const ctx1 = chatbotContextRef.current;
                 dispatch(setChatbotContext({
-                    ...chatbotContext,
+                    ...ctx1,
                     [bodyText?.paramName]: {
-                        ...chatbotContext?.[bodyText?.paramName],
+                        ...ctx1?.[bodyText?.paramName],
                         [bodyText?.paramName]: [],
                         updated: true,
                     },
@@ -7046,10 +7105,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                         selectAllCountRef.current = allOptionsRef.current.length;
                     }
                     setIsAllSelected(true);
+                    const ctx2 = chatbotContextRef.current;
                     dispatch(setChatbotContext({
-                        ...chatbotContext,
+                        ...ctx2,
                         [bodyText?.paramName]: {
-                            ...chatbotContext?.[bodyText?.paramName],
+                            ...ctx2?.[bodyText?.paramName],
                             [bodyText?.paramName]: valuesToDispatch,
                             updated: true,
                         },
@@ -7067,10 +7127,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 else {
                     setCurrentSelectedOptions([]);
                     setIsAllSelected(false);
+                    const ctx3 = chatbotContextRef.current;
                     dispatch(setChatbotContext({
-                        ...chatbotContext,
+                        ...ctx3,
                         [bodyText?.paramName]: {
-                            ...chatbotContext?.[bodyText?.paramName],
+                            ...ctx3?.[bodyText?.paramName],
                             [bodyText?.paramName]: [],
                             updated: true,
                         },
@@ -7092,6 +7153,8 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, minStartDate, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [selectedDate, setSelectedDate] = useState(persistedFormValues[formKey] || null);
@@ -7100,10 +7163,11 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
     const handleDateChange = (date) => {
         try {
             setSelectedDate(date);
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: moment(date).format(displayFormat),
                     updated: true,
                 },
@@ -7131,6 +7195,8 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, minStartDate, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [startDate, setStartDate] = useState(persistedFormValues[formKey]?.startDate || null);
@@ -7141,10 +7207,11 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
         try {
             setStartDate(start);
             setEndDate(end);
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: {
                         startDate: start ? moment(start).format(displayFormat) : null,
                         endDate: end ? moment(end).format(displayFormat) : null,
@@ -7179,6 +7246,8 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [checked, setChecked] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
@@ -7187,15 +7256,11 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
     const handleChange = (isChecked) => {
         try {
             setChecked(isChecked?.currentTarget?.checked);
-            // chatbotContext.checkbox = {
-            //   ...chatbotContext?.checkbox,
-            //   [bodyText?.paramName]: isChecked?.currentTarget?.checked,
-            //   updated: true
-            // };
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: isChecked?.currentTarget?.checked,
                     updated: true,
                 },
@@ -7214,6 +7279,8 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const classes = useStyles$a();
     const { label, isDisabled, orientation, options } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [selectedOption, setSelectedOption] = useState(persistedFormValues[formKey] ?? null);
@@ -7228,10 +7295,11 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   [bodyText?.paramName]: value,
             //   updated: true,
             // };
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: value,
                     updated: true,
                 },
@@ -7249,6 +7317,8 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { label, placeholder, isRequired, isDisabled, inputType, labelOrientation, defaultValue, maxLength, minLength, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
     const [value, setValue] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
@@ -7258,10 +7328,11 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         try {
             const newValue = event?.target?.value || event?.currentTarget?.value || "";
             setValue(newValue);
+            const latestContext = chatbotContextRef.current;
             dispatch(setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
                     updated: true,
                     type: inputType,
@@ -7557,6 +7628,15 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         });
         return selections;
     }, [crossFilterConfigs, chatbotContext, persistedFormValues, messageIndex]);
+    // Extract the param names of the current form's fields so ButtonContent
+    // can restrict user_input to only these keys (avoids leaking stale context).
+    const formParamNames = useMemo(() => {
+        if (!formData || !Array.isArray(formData))
+            return [];
+        return formData
+            .filter((item) => item?.type !== "button" && item?.data?.param_name)
+            .map((item) => item.data.param_name);
+    }, [formData]);
     if (!formData || !Array.isArray(formData) || formData.length === 0) {
         return null;
     }
@@ -7584,7 +7664,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             case "radio":
                 return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "button":
-                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
+                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled, formParamNames: formParamNames, messageIndex: messageIndex }, key);
             case "input":
                 return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "image":
@@ -10553,10 +10633,18 @@ const resetActiveTabularInstance = () => {
 };
 
 const CombinedContent = ({ botData, props }) => {
+    const classes = useStyles$a();
     const isFormDisabled = botData?.isFormDisabled || false;
     const isTabEnabled = botData?.utilityData?.isTabEnabled;
     // Get the array of content items from bodyText
     const contentItems = Array.isArray(botData.bodyText) ? botData.bodyText : [];
+    // Renders the optional block-level header title above a content item
+    const renderHeaderTitle = (parsedData) => {
+        const showHeaderTitle = !parsedData?.noShowHeaderTitle && Boolean(parsedData?.headerTitle?.length);
+        if (!showHeaderTitle)
+            return null;
+        return (jsx("div", { className: `${classes.chatbotText} ${classes.boldText} ${classes.combinedBlockHeaderTitle}`, children: parsedData.headerTitle }));
+    };
     // Function to render individual content based on its type
     const renderIndividualContent = (parsedData, index) => {
         const key = `combined-content-${index}`;
@@ -10609,8 +10697,8 @@ const CombinedContent = ({ botData, props }) => {
             if (!parsedData) {
                 return null;
             }
-            // Render the parsed content
-            return renderIndividualContent(parsedData, index);
+            // Render the parsed content, preceded by the block's header title when present
+            return (jsxs(Fragment$1, { children: [renderHeaderTitle(parsedData), renderIndividualContent(parsedData, index)] }, `combined-block-${index}`));
         }
         catch (error) {
             console.error(`Error parsing combined content item at index ${index}:`, error);
@@ -14821,7 +14909,7 @@ const SmartBot = (props) => {
     const [chatBotWidth, setChatBotWidth] = useState(null);
     const [tabList, setTabList] = useState([]);
     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 { 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, setUniqueChatId, setAdditionalArgs);
     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);
     const { refreshAndUpdateUserManual, configureBotActions, displaySnackMessages, } = useBotConfiguration(setRefreshLoader, setEnableRefreshAction, dispatch);
     const { prepareDataAndSendToAgent, processResponse } = useAgentFlow(dateFormat, chatDataRef, currentMode, setShowChatPlaceholder, setLoader, baseUrl, setCurrentSessionId, customChatConfig, chatDataInfoRef, {