impact-chatbot 2.3.78 → 2.3.79

package/dist/index.esm.js

@@ -5487,7 +5487,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 +5513,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 +5900,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 +5947,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 +6821,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 +6830,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 +6877,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 +6896,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 +6950,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 +7012,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 +7095,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 +7117,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 +7143,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 +7153,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 +7185,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 +7197,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 +7236,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 +7246,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 +7269,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 +7285,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 +7307,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 +7318,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 +7618,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 +7654,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":