impact-chatbot 2.3.78 → 2.3.79

package/dist/components/message-template/components/message-content/ButtonContent.d.ts

@@ -8,10 +8,12 @@ export declare const stepFormStreamControl: {
     initValue: boolean;
     uniqueChatId: string;
 };
-declare const ButtonContent: ({ bodyText, isFormDisabled, isStepFormSubmit, isFormValid }: {
+declare const ButtonContent: ({ bodyText, isFormDisabled, isStepFormSubmit, isFormValid, formParamNames, messageIndex }: {
     bodyText: any;
     isFormDisabled?: boolean;
     isStepFormSubmit?: boolean;
     isFormValid?: boolean;
+    formParamNames?: any[];
+    messageIndex?: number;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ButtonContent;

package/dist/index.cjs.js

@@ -5509,7 +5509,7 @@ const useStyles$8 = styles.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 = reactRedux.useDispatch();
     const sourceRef = React.useRef(null);
@@ -5535,19 +5535,56 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
         status: "",
     });
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
+    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
+    const persistedFormValuesRef = React.useRef(persistedFormValues);
+    persistedFormValuesRef.current = persistedFormValues;
     const thinkingContext = reactRedux.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$1(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$1(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$1(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$1(value)
+                            ? value
+                            : typeof value === 'number' ? value : String(value);
+                    }
                 }
             }
             dispatch(smartBotActions.setChatbotContext({}));
@@ -5885,6 +5922,8 @@ const TableContent = ({ bodyText }) => {
     const [isModalOpen, setIsModalOpen] = React.useState(false);
     const [downloadUrl, setDownloadUrl] = React.useState("");
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const dispatch = reactRedux.useDispatch();
     React.useEffect(() => {
         let formattedColumns = getFormattedTableConfig(table_config);
@@ -5930,9 +5969,10 @@ const TableContent = ({ bodyText }) => {
     const onSelectionChanged = (event) => {
         try {
             const selectedList = event.api.getSelectedRows();
+            const latestContext = chatbotContextRef.current;
             dispatch(smartBotActions.setChatbotContext({
-                ...chatbotContext,
-                tables: { ...chatbotContext?.tables, [table_name]: selectedList },
+                ...latestContext,
+                tables: { ...latestContext?.tables, [table_name]: selectedList },
             }));
         }
         catch (error) {
@@ -6803,6 +6843,8 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { header, headerOrentiation, inputPosition, label, max, min, required, disabled, } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [sliderValue, setSliderValue] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : 0);
@@ -6810,16 +6852,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(smartBotActions.setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: value?.target?.value,
+                    ...latestContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: newValue,
                     updated: true,
                 },
             }));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value?.target?.value }));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6855,6 +6899,8 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const searchTermRef = React.useRef("");
     const selectAllCountRef = React.useRef(persistedFormValues?.[selectAllKey] || 0);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const heirarchyKeyValuePairs = reactRedux.useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = reactRedux.useDispatch();
     // Cross-filter cascading context (optional — graceful fallback when not wrapped)
@@ -6872,10 +6918,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,
                 },
@@ -6925,10 +6972,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
                 // Also clear from chatbotContext and persistedFormValues
+                const ctx = chatbotContextRef.current;
                 dispatch(smartBotActions.setChatbotContext({
-                    ...chatbotContext,
+                    ...ctx,
                     [bodyText?.paramName]: {
-                        ...chatbotContext?.[bodyText?.paramName],
+                        ...ctx?.[bodyText?.paramName],
                         [bodyText?.paramName]: [],
                         updated: true,
                     },
@@ -6986,10 +7034,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, isClearable: !(isDisabled || isFormDisabled), onClearAll: () => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
+                const ctx1 = chatbotContextRef.current;
                 dispatch(smartBotActions.setChatbotContext({
-                    ...chatbotContext,
+                    ...ctx1,
                     [bodyText?.paramName]: {
-                        ...chatbotContext?.[bodyText?.paramName],
+                        ...ctx1?.[bodyText?.paramName],
                         [bodyText?.paramName]: [],
                         updated: true,
                     },
@@ -7068,10 +7117,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                         selectAllCountRef.current = allOptionsRef.current.length;
                     }
                     setIsAllSelected(true);
+                    const ctx2 = chatbotContextRef.current;
                     dispatch(smartBotActions.setChatbotContext({
-                        ...chatbotContext,
+                        ...ctx2,
                         [bodyText?.paramName]: {
-                            ...chatbotContext?.[bodyText?.paramName],
+                            ...ctx2?.[bodyText?.paramName],
                             [bodyText?.paramName]: valuesToDispatch,
                             updated: true,
                         },
@@ -7089,10 +7139,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 else {
                     setCurrentSelectedOptions([]);
                     setIsAllSelected(false);
+                    const ctx3 = chatbotContextRef.current;
                     dispatch(smartBotActions.setChatbotContext({
-                        ...chatbotContext,
+                        ...ctx3,
                         [bodyText?.paramName]: {
-                            ...chatbotContext?.[bodyText?.paramName],
+                            ...ctx3?.[bodyText?.paramName],
                             [bodyText?.paramName]: [],
                             updated: true,
                         },
@@ -7114,6 +7165,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [selectedDate, setSelectedDate] = React.useState(persistedFormValues[formKey] || null);
@@ -7122,10 +7175,11 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
     const handleDateChange = (date) => {
         try {
             setSelectedDate(date);
+            const latestContext = chatbotContextRef.current;
             dispatch(smartBotActions.setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: moment(date).format(displayFormat),
                     updated: true,
                 },
@@ -7153,6 +7207,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [startDate, setStartDate] = React.useState(persistedFormValues[formKey]?.startDate || null);
@@ -7163,10 +7219,11 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
         try {
             setStartDate(start);
             setEndDate(end);
+            const latestContext = chatbotContextRef.current;
             dispatch(smartBotActions.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,
@@ -7201,6 +7258,8 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [checked, setChecked] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
@@ -7209,15 +7268,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(smartBotActions.setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: isChecked?.currentTarget?.checked,
                     updated: true,
                 },
@@ -7236,6 +7291,8 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const classes = useStyles$a();
     const { label, isDisabled, orientation, options } = bodyText;
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [selectedOption, setSelectedOption] = React.useState(persistedFormValues[formKey] ?? null);
@@ -7250,10 +7307,11 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   [bodyText?.paramName]: value,
             //   updated: true,
             // };
+            const latestContext = chatbotContextRef.current;
             dispatch(smartBotActions.setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: value,
                     updated: true,
                 },
@@ -7271,6 +7329,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const chatbotContextRef = React.useRef(chatbotContext);
+    chatbotContextRef.current = chatbotContext;
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
     const [value, setValue] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
@@ -7280,10 +7340,11 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         try {
             const newValue = event?.target?.value || event?.currentTarget?.value || "";
             setValue(newValue);
+            const latestContext = chatbotContextRef.current;
             dispatch(smartBotActions.setChatbotContext({
-                ...chatbotContext,
+                ...latestContext,
                 [bodyText?.paramName]: {
-                    ...chatbotContext?.[bodyText?.paramName],
+                    ...latestContext?.[bodyText?.paramName],
                     [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
                     updated: true,
                     type: inputType,
@@ -7579,6 +7640,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 = React.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;
     }
@@ -7606,7 +7676,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             case "radio":
                 return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "button":
-                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
+                return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled, formParamNames: formParamNames, messageIndex: messageIndex }, key);
             case "input":
                 return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "image":