impact-chatbot 2.3.24 → 2.3.25

package/dist/index.esm.js

@@ -17,7 +17,7 @@ import rehypeSanitize from 'rehype-sanitize';
 import remarkBreaks from 'remark-breaks';
 import remarkGfm from 'remark-gfm';
 import { setSelectedFilters, setFilterConfiguration } from 'core/actions/filterAction';
-import { setChatbotContext, setCurrentAgentChatId, setThinkingContext, setPersistedFormValues, setHierarchyKeyValue } from 'core/actions/smartBotActions';
+import { setChatbotContext, setCurrentAgentChatId, setThinkingContext, setHierarchyKeyValue } from 'core/actions/smartBotActions';
 import { useNavigate, useLocation } from 'react-router-dom-v5-compat';
 import RefreshIcon from '@mui/icons-material/Refresh';
 import styled from 'styled-components';
@@ -6669,13 +6669,11 @@ const StreamedContent = ({ botData }) => {
     return renderContent();
 };
 
-const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const SliderContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, headerOrentiation, inputPosition, label, max, min, required, disabled, } = bodyText;
+    const [sliderValue, setSliderValue] = useState(0);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [sliderValue, setSliderValue] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : 0);
     if (!bodyText)
         return null;
     const handleChange = (value) => {
@@ -6687,7 +6685,6 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6696,13 +6693,11 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
 };
 
-const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const SelectContent = ({ bodyText, isFormDisabled = false }) => {
     const { header, inputPosition, labelOrientation, label, options, isRequired, isDisabled, isMulti, paramName } = bodyText;
     const [isOpen, setIsOpen] = useState(false);
     const [currentOptions, setCurrentOptions] = useState([]);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
-    const [currentSelectedOptions, setCurrentSelectedOptions] = useState(persistedFormValues?.[formKey] || []);
+    const [currentSelectedOptions, setCurrentSelectedOptions] = useState([]);
     const [isAllSelected, setIsAllSelected] = useState(false);
     const [initialOptions, setInitialOptions] = useState([]);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6730,7 +6725,6 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   updated: true
             // };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
         }
         catch (error) {
             console.error("Error in select handleChange", error);
@@ -6752,13 +6746,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
 };
 
-const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
     const { displayFormat, label, isRequired, labelOrientation, placeholder, minDate, maxDate, isDisabled, } = bodyText;
+    const [selectedDate, setSelectedDate] = useState(null);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [selectedDate, setSelectedDate] = useState(persistedFormValues[formKey] || null);
     if (isEmpty$1(bodyText))
         return null;
     const handleDateChange = (date) => {
@@ -6770,7 +6762,6 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
             console.error("Error in datepicker handleChange", error);
@@ -6785,14 +6776,12 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
             selectedDate: selectedDate }) }));
 };
 
-const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
     const { displayFormat, label, isRequired, labelOrientation, minDate, maxDate, isDisabled, showMonthYearSelect, } = bodyText;
+    const [startDate, setStartDate] = useState(null);
+    const [endDate, setEndDate] = useState(null);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [startDate, setStartDate] = useState(persistedFormValues[formKey]?.startDate || null);
-    const [endDate, setEndDate] = useState(persistedFormValues[formKey]?.endDate || null);
     if (isEmpty$1(bodyText))
         return null;
     const handleDatesChange = (start, end) => {
@@ -6808,7 +6797,6 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
                 updated: true,
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
             console.error("Error in dateRangePicker handleDatesChange", error);
@@ -6824,13 +6812,11 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
             } }) }));
 };
 
-const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
     const { label, checked: checkedValue, required, disabled, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [checked, setChecked] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
+    const [checked, setChecked] = useState(checkedValue);
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (isChecked) => {
@@ -6847,7 +6833,6 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
             console.error("Error in checkbox handleChange", error);
@@ -6856,14 +6841,12 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
     return (jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(Checkbox, { label: label, checked: checked, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), variant: "default" }) }));
 };
 
-const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const RadioContent = ({ bodyText, isFormDisabled = false }) => {
     const classes = useStyles$6();
     const { label, isDisabled, orientation, options } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [selectedOption, setSelectedOption] = useState(persistedFormValues[formKey] ?? null);
+    const [selectedOption, setSelectedOption] = useState(null);
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (selectedOption) => {
@@ -6881,7 +6864,6 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
             console.error("Error in radio handleChange", error);
@@ -6890,13 +6872,11 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     return (jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsx(RadioButtonGroup, { name: "radio-group", options: options, onChange: (e) => handleChange(e), orientation: orientation, isDisabled: isDisabled || isFormDisabled, selectedOption: selectedOption })] }));
 };
 
-const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
-    const formKey = `${messageIndex}_${bodyText?.paramName}`;
+const InputContent = ({ bodyText, isFormDisabled = false }) => {
     const { label, placeholder, isRequired, isDisabled, inputType, labelOrientation, defaultValue, maxLength, minLength, } = bodyText;
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [value, setValue] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
+    const [value, setValue] = useState(defaultValue || "");
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (event) => {
@@ -6910,7 +6890,6 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 type: inputType,
             };
             dispatch(setChatbotContext(chatbotContext));
-            dispatch(setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in input handleChange", error);
@@ -7165,21 +7144,21 @@ const CombinedContent = ({ botData, props }) => {
             case "graph":
                 return jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
             case "slider":
-                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "select":
-                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "radio":
-                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "button":
                 return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "image":
                 return jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7261,21 +7240,21 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
             case "graph":
                 return jsx(GraphContent, { bodyText: botData.bodyText });
             case "slider":
-                return jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "select":
-                return jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "radio":
-                return jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "button":
                 return jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "image":
                 return jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -10783,7 +10762,6 @@ const SmartBot = (props) => {
                     //   />
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
-                    message.messageIndex = index;
                     let originalUtilityObject = message.utilityObject;
                     let newMessage = cloneDeep(message);
                     if (originalUtilityObject) {