impact-chatbot 2.3.24 → 2.3.25

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

@@ -1,6 +1,5 @@
-declare const CheckboxContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const CheckboxContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CheckboxContent;

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

@@ -1,6 +1,5 @@
-declare const DatePickerContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const DatePickerContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DatePickerContent;

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

@@ -1,6 +1,5 @@
-declare const DateRangePickerContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const DateRangePickerContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default DateRangePickerContent;

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

@@ -1,6 +1,5 @@
-declare const InputContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const InputContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default InputContent;

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

@@ -1,6 +1,5 @@
-declare const RadioContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const RadioContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default RadioContent;

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

@@ -1,6 +1,5 @@
-declare const SelectContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const SelectContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SelectContent;

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

@@ -1,6 +1,5 @@
-declare const SliderContent: ({ bodyText, isFormDisabled, messageIndex }: {
+declare const SliderContent: ({ bodyText, isFormDisabled }: {
     bodyText: any;
     isFormDisabled?: boolean;
-    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SliderContent;

package/dist/index.cjs.js

@@ -6691,13 +6691,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] = React.useState(0);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [sliderValue, setSliderValue] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : 0);
     if (!bodyText)
         return null;
     const handleChange = (value) => {
@@ -6709,7 +6707,6 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6718,13 +6715,11 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     return (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.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] = React.useState(false);
     const [currentOptions, setCurrentOptions] = React.useState([]);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
-    const [currentSelectedOptions, setCurrentSelectedOptions] = React.useState(persistedFormValues?.[formKey] || []);
+    const [currentSelectedOptions, setCurrentSelectedOptions] = React.useState([]);
     const [isAllSelected, setIsAllSelected] = React.useState(false);
     const [initialOptions, setInitialOptions] = React.useState([]);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6752,7 +6747,6 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   updated: true
             // };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
         }
         catch (error) {
             console.error("Error in select handleChange", error);
@@ -6774,13 +6768,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] = React.useState(null);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [selectedDate, setSelectedDate] = React.useState(persistedFormValues[formKey] || null);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleDateChange = (date) => {
@@ -6792,7 +6784,6 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
             console.error("Error in datepicker handleChange", error);
@@ -6807,14 +6798,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] = React.useState(null);
+    const [endDate, setEndDate] = React.useState(null);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [startDate, setStartDate] = React.useState(persistedFormValues[formKey]?.startDate || null);
-    const [endDate, setEndDate] = React.useState(persistedFormValues[formKey]?.endDate || null);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleDatesChange = (start, end) => {
@@ -6830,7 +6819,6 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
                 updated: true,
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
             console.error("Error in dateRangePicker handleDatesChange", error);
@@ -6846,13 +6834,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [checked, setChecked] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
+    const [checked, setChecked] = React.useState(checkedValue);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (isChecked) => {
@@ -6869,7 +6855,6 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
             console.error("Error in checkbox handleChange", error);
@@ -6878,14 +6863,12 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
     return (jsxRuntime.jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsxRuntime.jsx(impactUiV3.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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [selectedOption, setSelectedOption] = React.useState(persistedFormValues[formKey] ?? null);
+    const [selectedOption, setSelectedOption] = React.useState(null);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (selectedOption) => {
@@ -6903,7 +6886,6 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
             console.error("Error in radio handleChange", error);
@@ -6912,13 +6894,11 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     return (jsxRuntime.jsxs("div", { style: { width: "100%", marginTop: "10px" }, children: [bodyText?.label && jsxRuntime.jsx("p", { className: classes.radioGrpLabel, children: bodyText.label }), jsxRuntime.jsx(impactUiV3.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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
-    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [value, setValue] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
+    const [value, setValue] = React.useState(defaultValue || "");
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (event) => {
@@ -6932,7 +6912,6 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 type: inputType,
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
-            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in input handleChange", error);
@@ -7187,21 +7166,21 @@ const CombinedContent = ({ botData, props }) => {
             case "graph":
                 return jsxRuntime.jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
             case "slider":
-                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "dateRangePicker":
-                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "button":
                 return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
+                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7283,21 +7262,21 @@ const BotMessage = ({ botData, state, handleLikeDislike, props }) => {
             case "graph":
                 return jsxRuntime.jsx(GraphContent, { bodyText: botData.bodyText });
             case "slider":
-                return jsxRuntime.jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "dateRangePicker":
-                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "button":
                 return jsxRuntime.jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
+                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -10805,7 +10784,6 @@ const SmartBot = (props) => {
                     //   />
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
-                    message.messageIndex = index;
                     let originalUtilityObject = message.utilityObject;
                     let newMessage = lodash.cloneDeep(message);
                     if (originalUtilityObject) {