impact-chatbot 2.3.23 → 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';
@@ -985,6 +985,10 @@ const getFormattedApplicationName = (applicationURL) => {
       return "PriceSmart Promo";
     case "agentic-assort":
       return "AssortSmart";
+    case "source-smart":
+      return "SourceSmart"
+    case "size-smart":
+      return "SizeSmart"
     default:
       return "workflow input center";
   }
@@ -1010,9 +1014,9 @@ const preprocessMarkdown = (content) => {
         .replace(/<br\s*\/?>/g, '\n') // <br> to newline
         // Ensure proper line breaks before numbered lists (at line start)
         .replace(/(^|\n)(\d+\.\s+)/g, '$1\n$2')
-        // Ensure proper line breaks before bullet points (-, •) but NOT * (to preserve **bold**)
-        // Only match - or • at start of line or after newline, followed by space
-        .replace(/(^|\n)([-•]\s+)/g, '$1\n$2')
+        // Ensure proper line breaks before the first bullet point in a list (-, •) but NOT * (to preserve **bold**)
+        // Only add a blank line before a bullet that follows a non-list line (paragraph → list transition)
+        .replace(/(^|\n)([^\n-•]*[a-zA-Z0-9][^\n]*)\n([-•]\s+)/g, '$1$2\n\n$3')
         // Handle list items with - or • appearing directly after text without newline
         .replace(/([^\n])([-•])\s+/g, '$1\n\n$2 ')
         // Handle nested list items with proper indentation
@@ -6097,7 +6101,7 @@ const StreamedContent = ({ botData }) => {
             // }
             let endPoint = botData?.utilityObject?.endpoint
                 ? `${BASE_API}${botData?.utilityObject?.endpoint}`
-                : `${BASE_API}/core/chatbot/navigation-v3`;
+                : `${BASE_API}/core/chatbot/navigation-v2`;
             let method = botData?.utilityObject?.method
                 ? botData?.utilityObject?.method
                 : "PUT";
@@ -6665,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) => {
@@ -6683,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);
@@ -6692,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);
@@ -6726,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);
@@ -6748,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) => {
@@ -6766,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);
@@ -6781,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) => {
@@ -6804,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);
@@ -6820,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) => {
@@ -6843,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);
@@ -6852,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) => {
@@ -6877,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);
@@ -6886,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) => {
@@ -6906,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);
@@ -7161,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:
@@ -7257,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":
@@ -10779,7 +10762,6 @@ const SmartBot = (props) => {
                     //   />
                     // ;
                     message.isFormDisabled = index !== lastBotMessageIndex;
-                    message.messageIndex = index;
                     let originalUtilityObject = message.utilityObject;
                     let newMessage = cloneDeep(message);
                     if (originalUtilityObject) {