impact-chatbot 2.3.21 → 2.3.22

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

@@ -1,5 +1,6 @@
-declare const CheckboxContent: ({ bodyText, isFormDisabled }: {
+declare const CheckboxContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const DatePickerContent: ({ bodyText, isFormDisabled }: {
+declare const DatePickerContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const DateRangePickerContent: ({ bodyText, isFormDisabled }: {
+declare const DateRangePickerContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const InputContent: ({ bodyText, isFormDisabled }: {
+declare const InputContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const RadioContent: ({ bodyText, isFormDisabled }: {
+declare const RadioContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const SelectContent: ({ bodyText, isFormDisabled }: {
+declare const SelectContent: ({ bodyText, isFormDisabled, messageIndex }: {
     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,5 +1,6 @@
-declare const SliderContent: ({ bodyText, isFormDisabled }: {
+declare const SliderContent: ({ bodyText, isFormDisabled, messageIndex }: {
     bodyText: any;
     isFormDisabled?: boolean;
+    messageIndex: any;
 }) => import("react/jsx-runtime").JSX.Element;
 export default SliderContent;

package/dist/index.cjs.js

@@ -6687,11 +6687,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] = 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) => {
@@ -6703,6 +6705,7 @@ const SliderContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
             console.error("Error in slider handleChange", error);
@@ -6711,11 +6714,13 @@ const SliderContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+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] = React.useState(false);
     const [currentOptions, setCurrentOptions] = React.useState([]);
-    const [currentSelectedOptions, setCurrentSelectedOptions] = React.useState([]);
+    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
+    const [currentSelectedOptions, setCurrentSelectedOptions] = React.useState(persistedFormValues?.[formKey] || []);
     const [isAllSelected, setIsAllSelected] = React.useState(false);
     const [initialOptions, setInitialOptions] = React.useState([]);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
@@ -6743,6 +6748,7 @@ const SelectContent = ({ bodyText, isFormDisabled = false }) => {
             //   updated: true
             // };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
         }
         catch (error) {
             console.error("Error in select handleChange", error);
@@ -6764,11 +6770,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] = 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) => {
@@ -6780,6 +6788,7 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
             console.error("Error in datepicker handleChange", error);
@@ -6794,12 +6803,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] = 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) => {
@@ -6815,6 +6826,7 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true,
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
             console.error("Error in dateRangePicker handleDatesChange", error);
@@ -6830,11 +6842,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 = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
+    const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [checked, setChecked] = React.useState(checkedValue);
+    const [checked, setChecked] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : checkedValue);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (isChecked) => {
@@ -6851,6 +6865,7 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
             console.error("Error in checkbox handleChange", error);
@@ -6859,12 +6874,14 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
+    const formKey = `${messageIndex}_${bodyText?.paramName}`;
     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(null);
+    const [selectedOption, setSelectedOption] = React.useState(persistedFormValues[formKey] ?? null);
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (selectedOption) => {
@@ -6882,6 +6899,7 @@ const RadioContent = ({ bodyText, isFormDisabled = false }) => {
                 updated: true
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
             console.error("Error in radio handleChange", error);
@@ -6890,11 +6908,13 @@ const RadioContent = ({ bodyText, isFormDisabled = false }) => {
     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 }) => {
+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 persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const dispatch = reactRedux.useDispatch();
-    const [value, setValue] = React.useState(defaultValue || "");
+    const [value, setValue] = React.useState(persistedFormValues[formKey] !== undefined ? persistedFormValues[formKey] : (defaultValue || ""));
     if (lodash.isEmpty(bodyText))
         return null;
     const handleChange = (event) => {
@@ -6908,6 +6928,7 @@ const InputContent = ({ bodyText, isFormDisabled = false }) => {
                 type: inputType,
             };
             dispatch(smartBotActions.setChatbotContext(chatbotContext));
+            dispatch(smartBotActions.setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
             console.error("Error in input handleChange", error);
@@ -7162,21 +7183,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 }, key);
+                return jsxRuntime.jsx(SliderContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(SelectContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "dateRangePicker":
-                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "button":
                 return jsxRuntime.jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled }, key);
+                return jsxRuntime.jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled, messageIndex: botData.messageIndex }, key);
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: parsedData.bodyText }, key);
             default:
@@ -7258,21 +7279,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 });
+                return jsxRuntime.jsx(SliderContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "select":
-                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(SelectContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "datePicker":
-                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(DatePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "dateRangePicker":
-                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(DateRangePickerContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "checkbox":
-                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(CheckboxContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "radio":
-                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(RadioContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "button":
                 return jsxRuntime.jsx(ButtonContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
             case "input":
-                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled });
+                return jsxRuntime.jsx(InputContent, { bodyText: botData.bodyText, isFormDisabled: botData.isFormDisabled, messageIndex: botData.messageIndex });
             case "image":
                 return jsxRuntime.jsx(ImageContent, { bodyText: botData.bodyText });
             case "combined":
@@ -10780,6 +10801,7 @@ const SmartBot = (props) => {
                     //   />
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
+                    message.messageIndex = index;
                     let originalUtilityObject = message.utilityObject;
                     let newMessage = lodash.cloneDeep(message);
                     if (originalUtilityObject) {
@@ -11219,7 +11241,7 @@ const SmartBot = (props) => {
                         },
                         icon: jsxRuntime.jsx(SvgNavigationIcon, {}),
                     },
-                ], utilityList: utilityList, isAssistantThinking: loader, isCustomScreen: showChatPlaceholder, customScreenJsx: jsxRuntime.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: jsxRuntime.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: () => {