impact-chatbot 2.3.21 → 2.3.23

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, setHierarchyKeyValue } from 'core/actions/smartBotActions';
+import { setChatbotContext, setCurrentAgentChatId, setThinkingContext, setPersistedFormValues, 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';
@@ -6097,7 +6097,7 @@ const StreamedContent = ({ botData }) => {
             // }
             let endPoint = botData?.utilityObject?.endpoint
                 ? `${BASE_API}${botData?.utilityObject?.endpoint}`
-                : `${BASE_API}/core/chatbot/navigation-v2`;
+                : `${BASE_API}/core/chatbot/navigation-v3`;
             let method = botData?.utilityObject?.method
                 ? botData?.utilityObject?.method
                 : "PUT";
@@ -6665,11 +6665,13 @@ const StreamedContent = ({ botData }) => {
     return renderContent();
 };
 
-const SliderContent = ({ bodyText, isFormDisabled = false }) => {
+const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     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) => {
@@ -6681,6 +6683,7 @@ const SliderContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6689,11 +6692,13 @@ const SliderContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { header, inputPosition, labelOrientation, label, options, isRequired, isDisabled, isMulti, paramName } = bodyText;
     const [isOpen, setIsOpen] = useState(false);
     const [currentOptions, setCurrentOptions] = useState([]);
-    const [currentSelectedOptions, setCurrentSelectedOptions] = useState([]);
+    const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
+    const [currentSelectedOptions, setCurrentSelectedOptions] = useState(persistedFormValues?.[formKey] || []);
     const [isAllSelected, setIsAllSelected] = useState(false);
     const [initialOptions, setInitialOptions] = useState([]);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6721,6 +6726,7 @@ const SelectContent = ({ bodyText, isFormDisabled = false }) => {
             //   updated: true
             // };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
         }
         catch (error) {
             console.error("Error in select handleChange", error);
@@ -6742,11 +6748,13 @@ const SelectContent = ({ bodyText, isFormDisabled = false }) => {
             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 }) => {
+const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     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) => {
@@ -6758,6 +6766,7 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
             console.error("Error in datepicker handleChange", error);
@@ -6772,12 +6781,14 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
             selectedDate: selectedDate }) }));
 };
 
-const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
+const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     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) => {
@@ -6793,6 +6804,7 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true,
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
             console.error("Error in dateRangePicker handleDatesChange", error);
@@ -6808,11 +6820,13 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
             } }) }));
 };
 
-const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
+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 persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [checked, setChecked] = useState(checkedValue);
+    const [checked, setChecked] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (isChecked) => {
@@ -6829,6 +6843,7 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
             console.error("Error in checkbox handleChange", error);
@@ -6837,12 +6852,14 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     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(null);
+    const [selectedOption, setSelectedOption] = useState(persistedFormValues[formKey] ?? null);
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (selectedOption) => {
@@ -6860,6 +6877,7 @@ const RadioContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
             console.error("Error in radio handleChange", error);
@@ -6868,11 +6886,13 @@ const RadioContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+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 persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = useDispatch();
-    const [value, setValue] = useState(defaultValue || "");
+    const [value, setValue] = useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
     if (isEmpty$1(bodyText))
         return null;
     const handleChange = (event) => {
@@ -6886,6 +6906,7 @@ const InputContent = ({ bodyText, isFormDisabled = false }) => {
                 type: inputType,
             };
             dispatch(setChatbotContext(chatbotContext));
+            dispatch(setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in input handleChange", error);
@@ -7140,21 +7161,21 @@ const CombinedContent = ({ botData, props }) => {
             case "graph":
                 return jsx(GraphContent, { bodyText: parsedData.bodyText }, key);
             case "slider":
-                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "select":
-                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "radio":
-                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "button":
                 return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "image":
                 return jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7236,21 +7257,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 });
+                return jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "select":
-                return jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "datePicker":
-                return jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "dateRangePicker":
-                return jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "checkbox":
-                return jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "radio":
-                return jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "button":
                 return jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "image":
                 return jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -10758,6 +10779,7 @@ const SmartBot = (props) => {
                     //   />
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
+                    message.messageIndex = index;
                     let originalUtilityObject = message.utilityObject;
                     let newMessage = cloneDeep(message);
                     if (originalUtilityObject) {
@@ -11197,7 +11219,7 @@ const SmartBot = (props) => {
                         },
                         icon: jsx(SvgNavigationIcon, {}),
                     },
-                ], utilityList: utilityList, isAssistantThinking: loader, isCustomScreen: showChatPlaceholder, customScreenJsx: jsx(ChatPlaceholder, { dateFormat: dateFormat, chatDataRef: chatDataRef, currentMode: currentMode, setShowChatPlaceholder: setShowChatPlaceholder, setLoader: setLoader, setCurrentAgentId: setCurrentAgentId, baseUrl: baseUrl, setBaseUrl: setBaseUrl, setCurrentSessionId: setCurrentSessionId, customChatConfig: customChatConfig, chatDataInfoRef: chatDataInfoRef, setChatDataState: setChatDataState, userInput: userInput, legacyAgentScreen: legacyAgentScreen, activeConversationId: activeConversationId, chatBodyRef: chatBodyRef, chatbotContext: chatbotContext, setInitValue: setInitValue, setSessionId: setSessionId, thinkingContent: thinkingContext?.thinkingContent, setThinkingContent: setThinkingContent, isThinking: isThinking, setIsThinking: setIsThinking, chatId: chatId, setChatId: setChatId, isStop: isStop, setIsStop: setIsStop, functionsRef: functionsRef, functionsState: functionsState, setFunctionsState: setFunctionsState, thinkingHeaderMessage: thinkingContext?.thinkingHeaderMessage, setThinkingHeaderMessage: setThinkingHeaderMessage, uniqueChatId: uniqueChatId, setUniqueChatId: setUniqueChatId, fieldNumber: fieldNumber, setFieldNumber: setFieldNumber, setAdditionalArgs: setAdditionalArgs, displayQuestions: displayQuestions, questions: questions, setActiveConversationId: setActiveConversationId }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
+                ], utilityList: utilityList, isAssistantThinking: false, isCustomScreen: showChatPlaceholder, customScreenJsx: jsx(ChatPlaceholder, { dateFormat: dateFormat, chatDataRef: chatDataRef, currentMode: currentMode, setShowChatPlaceholder: setShowChatPlaceholder, setLoader: setLoader, setCurrentAgentId: setCurrentAgentId, baseUrl: baseUrl, setBaseUrl: setBaseUrl, setCurrentSessionId: setCurrentSessionId, customChatConfig: customChatConfig, chatDataInfoRef: chatDataInfoRef, setChatDataState: setChatDataState, userInput: userInput, legacyAgentScreen: legacyAgentScreen, activeConversationId: activeConversationId, chatBodyRef: chatBodyRef, chatbotContext: chatbotContext, setInitValue: setInitValue, setSessionId: setSessionId, thinkingContent: thinkingContext?.thinkingContent, setThinkingContent: setThinkingContent, isThinking: isThinking, setIsThinking: setIsThinking, chatId: chatId, setChatId: setChatId, isStop: isStop, setIsStop: setIsStop, functionsRef: functionsRef, functionsState: functionsState, setFunctionsState: setFunctionsState, thinkingHeaderMessage: thinkingContext?.thinkingHeaderMessage, setThinkingHeaderMessage: setThinkingHeaderMessage, uniqueChatId: uniqueChatId, setUniqueChatId: setUniqueChatId, fieldNumber: fieldNumber, setFieldNumber: setFieldNumber, setAdditionalArgs: setAdditionalArgs, displayQuestions: displayQuestions, questions: questions, setActiveConversationId: setActiveConversationId }), inputText: userInput, threadList: ["Home"], hideMenuArrow: hideMenu, newChatScreen: newChatScreen, isModuleListLoading: modulesLoading, suggestionBanner: {
                     freeTextHeading: "Try adding more details :",
                     freeTextContent: "Alan works better when you provide more context and pointed questions",
                 }, isStopIcon: isStop, onStopIconClick: onStopIconClick, footerText: "AI-generated responses may contain errors\u2014please verify important information", showSuggestionBanner: showSuggestionBanner, onCloseSuggestionBanner: () => {