impact-chatbot 2.3.66 → 2.3.68

package/dist/index.esm.js

@@ -471,7 +471,8 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
                     minDate: data?.data?.minDate,
                     maxDate: data?.data?.maxDate,
                     isDisabled: data?.data?.isDisabled,
-                    paramName: data?.data?.param_name
+                    paramName: data?.data?.param_name,
+                    minStartDate: data?.data?.minStartDate
                 }
             };
         case "dateRangePicker":
@@ -491,7 +492,8 @@ const parseResponse = (data, type, agentId = "", currentMode = "", disableTimeAn
                     maxDate: data?.data?.maxDate,
                     isDisabled: data?.data?.isDisabled,
                     showMonthYearSelect: data?.data?.showMonthYearSelect,
-                    paramName: data?.data?.param_name
+                    paramName: data?.data?.param_name,
+                    minStartDate: data?.data?.minStartDate
                 }
             };
         case "checkbox":
@@ -5865,8 +5867,10 @@ const TableContent = ({ bodyText }) => {
     const onSelectionChanged = (event) => {
         try {
             const selectedList = event.api.getSelectedRows();
-            chatbotContext.tables = { ...chatbotContext?.tables, [table_name]: selectedList };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                tables: { ...chatbotContext?.tables, [table_name]: selectedList },
+            }));
         }
         catch (error) {
             console.error("Error in onSelectionChanged", error);
@@ -6709,12 +6713,14 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const handleChange = (value) => {
         try {
             setSliderValue(value?.target?.value);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value?.target?.value,
-                updated: true
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value?.target?.value,
+                    updated: true,
+                },
+            }));
             dispatch(setPersistedFormValues({ [formKey]: value?.target?.value }));
         }
         catch (error) {
@@ -6761,17 +6767,20 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             else {
                 value = selectedOptions.value;
             }
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value,
-                updated: true,
+            const updatedContext = {
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value,
+                    updated: true,
+                },
             };
             // chatbotContext.select = {
             //   ...chatbotContext?.select,
             //   [bodyText?.paramName]: selectedOptions,
             //   updated: true
             // };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext(updatedContext));
             dispatch(setPersistedFormValues({ [formKey]: Array.isArray(selectedOptions) ? selectedOptions : [selectedOptions] }));
             // Notify cross-filter context if cascading is active
             if (isCascading) {
@@ -6811,12 +6820,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
                 // Also clear from chatbotContext and persistedFormValues
-                chatbotContext[bodyText?.paramName] = {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: [],
-                    updated: true,
-                };
-                dispatch(setChatbotContext(chatbotContext));
+                dispatch(setChatbotContext({
+                    ...chatbotContext,
+                    [bodyText?.paramName]: {
+                        ...chatbotContext?.[bodyText?.paramName],
+                        [bodyText?.paramName]: [],
+                        updated: true,
+                    },
+                }));
                 dispatch(setPersistedFormValues({ [formKey]: [] }));
             }
         }
@@ -6836,12 +6847,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, isClearable: !(isDisabled || isFormDisabled), onClearAll: () => {
                 setCurrentSelectedOptions([]);
                 setIsAllSelected(false);
-                chatbotContext[bodyText?.paramName] = {
-                    ...chatbotContext?.[bodyText?.paramName],
-                    [bodyText?.paramName]: [],
-                    updated: true,
-                };
-                dispatch(setChatbotContext(chatbotContext));
+                dispatch(setChatbotContext({
+                    ...chatbotContext,
+                    [bodyText?.paramName]: {
+                        ...chatbotContext?.[bodyText?.paramName],
+                        [bodyText?.paramName]: [],
+                        updated: true,
+                    },
+                }));
                 dispatch(setPersistedFormValues({ [formKey]: [] }));
                 // Notify cross-filter context to clear downstream filters
                 if (isCascading) {
@@ -6892,12 +6905,14 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                     setCurrentSelectedOptions([...currentOptions]);
                     setIsAllSelected(true);
                     const allValues = allOptionsRef.current.map((opt) => opt.value);
-                    chatbotContext[bodyText?.paramName] = {
-                        ...chatbotContext?.[bodyText?.paramName],
-                        [bodyText?.paramName]: allValues,
-                        updated: true,
-                    };
-                    dispatch(setChatbotContext(chatbotContext));
+                    dispatch(setChatbotContext({
+                        ...chatbotContext,
+                        [bodyText?.paramName]: {
+                            ...chatbotContext?.[bodyText?.paramName],
+                            [bodyText?.paramName]: allValues,
+                            updated: true,
+                        },
+                    }));
                     dispatch(setPersistedFormValues({ [formKey]: currentOptions }));
                     // Notify cross-filter context if cascading is active
                     if (isCascading) {
@@ -6929,12 +6944,14 @@ const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) =
     const handleDateChange = (date) => {
         try {
             setSelectedDate(date);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: moment(date).format(displayFormat),
-                updated: true
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: moment(date).format(displayFormat),
+                    updated: true,
+                },
+            }));
             dispatch(setPersistedFormValues({ [formKey]: date }));
         }
         catch (error) {
@@ -6968,15 +6985,17 @@ const DateRangePickerContent = ({ bodyText, isFormDisabled = false, messageIndex
         try {
             setStartDate(start);
             setEndDate(end);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
+            dispatch(setChatbotContext({
+                ...chatbotContext,
                 [bodyText?.paramName]: {
-                    startDate: start ? moment(start).format(displayFormat) : null,
-                    endDate: end ? moment(end).format(displayFormat) : null,
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: {
+                        startDate: start ? moment(start).format(displayFormat) : null,
+                        endDate: end ? moment(end).format(displayFormat) : null,
+                    },
+                    updated: true,
                 },
-                updated: true,
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            }));
             dispatch(setPersistedFormValues({ [formKey]: { startDate: start, endDate: end } }));
         }
         catch (error) {
@@ -7017,12 +7036,14 @@ const CheckboxContent = ({ bodyText, isFormDisabled = false, messageIndex }) =>
             //   [bodyText?.paramName]: isChecked?.currentTarget?.checked,
             //   updated: true
             // };
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: isChecked?.currentTarget?.checked,
-                updated: true
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: isChecked?.currentTarget?.checked,
+                    updated: true,
+                },
+            }));
             dispatch(setPersistedFormValues({ [formKey]: isChecked?.currentTarget?.checked }));
         }
         catch (error) {
@@ -7051,12 +7072,14 @@ const RadioContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             //   [bodyText?.paramName]: value,
             //   updated: true,
             // };
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: value,
-                updated: true
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: value,
+                    updated: true,
+                },
+            }));
             dispatch(setPersistedFormValues({ [formKey]: value }));
         }
         catch (error) {
@@ -7079,13 +7102,15 @@ const InputContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         try {
             const newValue = event?.target?.value || event?.currentTarget?.value || "";
             setValue(newValue);
-            chatbotContext[bodyText?.paramName] = {
-                ...chatbotContext?.[bodyText?.paramName],
-                [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
-                updated: true,
-                type: inputType,
-            };
-            dispatch(setChatbotContext(chatbotContext));
+            dispatch(setChatbotContext({
+                ...chatbotContext,
+                [bodyText?.paramName]: {
+                    ...chatbotContext?.[bodyText?.paramName],
+                    [bodyText?.paramName]: replaceSpecialCharToCharCode(newValue),
+                    updated: true,
+                    type: inputType,
+                },
+            }));
             dispatch(setPersistedFormValues({ [formKey]: newValue }));
         }
         catch (error) {
@@ -7109,6 +7134,8 @@ const ImageContent = ({ bodyText }) => {
                 } })), caption && (jsx("div", { children: jsx(TextRenderer, { text: caption }) }))] }));
 };
 
+// Key used to persist timeout state in sessionStorage (survives component remounts from tab switches)
+const STEP_FORM_TIMEOUT_KEY = "__stepFormTimedOut";
 /**
  * Renders form widget data inline within a step.
  * Reuses the same rendering logic as CombinedContent but designed
@@ -7127,8 +7154,9 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
     const chatbotFilterOptions = useSelector((state) => state.smartBotReducer.chatbotFilterOptions);
     const dimensionHierarchies = useSelector((state) => state.userRoleManagementService?.dimensionHierarchies);
     const [isFormSubmitted, setIsFormSubmitted] = useState(false);
-    const [isTimedOut, setIsTimedOut] = useState(false);
+    const [isTimedOut, setIsTimedOut] = useState(() => sessionStorage.getItem(STEP_FORM_TIMEOUT_KEY) === "true");
     const timeoutRef = useRef(null);
+    const prevIsFormDisabledRef = useRef(isFormDisabled);
     // 30-minute inactivity timeout: disable form and switch to agent_response tab
     const FORM_TIMEOUT_MS = 30 * 60 * 1000;
     useEffect(() => {
@@ -7137,6 +7165,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         const startTime = Date.now();
         timeoutRef.current = setTimeout(() => {
             setIsTimedOut(true);
+            sessionStorage.setItem(STEP_FORM_TIMEOUT_KEY, "true");
             const elapsedSeconds = Math.floor((Date.now() - startTime) / 1000);
             window.dispatchEvent(new CustomEvent("stepFormTimeout", { detail: { elapsedSeconds } }));
         }, FORM_TIMEOUT_MS);
@@ -7160,11 +7189,14 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         }
     }, [stepFormStreamData]);
     // Reset isFormSubmitted and isTimedOut when parent signals the form should be enabled (new step_form from restream)
+    // Only reset on a true→false TRANSITION (not on initial mount)
     useEffect(() => {
-        if (!isFormDisabled) {
+        if (prevIsFormDisabledRef.current && !isFormDisabled) {
             setIsFormSubmitted(false);
             setIsTimedOut(false);
+            sessionStorage.removeItem(STEP_FORM_TIMEOUT_KEY);
         }
+        prevIsFormDisabledRef.current = isFormDisabled;
     }, [isFormDisabled]);
     const [isFilterSetOpen, setIsFilterSetOpen] = useState(false);
     const [selectedFilterSet, setSelectedFilterSet] = useState(() => {
@@ -7239,11 +7271,49 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
     const requiredFieldsFilled = useMemo(() => {
         if (!formData || !Array.isArray(formData))
             return false;
+        // Only validate fields that are both isRequired AND of a type that visually
+        // shows the mandatory indicator (*) to the user (currently only "select" fields).
         const requiredParams = formData
-            .filter((item) => item?.data?.isRequired)
+            .filter((item) => item?.data?.isRequired && item?.data?.is_mandatory)
             .map((item) => item.data.param_name);
-        if (requiredParams.length === 0)
-            return true;
+        if (requiredParams.length === 0) {
+            // Fallback: if no field has is_mandatory, check select-type fields with isRequired
+            const selectRequiredParams = formData
+                .filter((item) => item?.type === "select" && item?.data?.isRequired)
+                .map((item) => item.data.param_name);
+            if (selectRequiredParams.length === 0) {
+                // No mandatory fields at all — require at least one field to be filled
+                const allParams = formData
+                    .filter((item) => item?.data?.param_name && item?.type !== "button")
+                    .map((item) => item.data.param_name);
+                return allParams.some((param) => {
+                    const ctx = chatbotContext?.[param];
+                    if (ctx && ctx.updated) {
+                        const val = ctx[param];
+                        if (val && (Array.isArray(val) ? val.length > 0 : !!val))
+                            return true;
+                    }
+                    const persistedKey = `${messageIndex}_${param}`;
+                    const persistedVal = persistedFormValues?.[persistedKey];
+                    if (persistedVal && (Array.isArray(persistedVal) ? persistedVal.length > 0 : !!persistedVal))
+                        return true;
+                    return false;
+                });
+            }
+            return selectRequiredParams.every((param) => {
+                const ctx = chatbotContext?.[param];
+                if (ctx && ctx.updated) {
+                    const val = ctx[param];
+                    if (val && (Array.isArray(val) ? val.length > 0 : !!val))
+                        return true;
+                }
+                const persistedKey = `${messageIndex}_${param}`;
+                const persistedVal = persistedFormValues?.[persistedKey];
+                if (persistedVal && (Array.isArray(persistedVal) ? persistedVal.length > 0 : !!persistedVal))
+                    return true;
+                return false;
+            });
+        }
         return requiredParams.every((param) => {
             // Check chatbotContext (populated by saved filters)
             const ctx = chatbotContext?.[param];
@@ -7358,7 +7428,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
             case "radio":
                 return jsx(RadioContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "button":
-                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
+                return jsx(ButtonContent, { bodyText: parsedData.bodyText, isFormDisabled: isFormDisabled || isFormSubmitted || isTimedOut, isStepFormSubmit: true, isFormValid: requiredFieldsFilled }, key);
             case "input":
                 return jsx(InputContent, { bodyText: parsedData.bodyText, isFormDisabled: formFieldsDisabled, messageIndex: messageIndex }, key);
             case "image":
@@ -7394,6 +7464,10 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
                     ...(isFilterSelected && !isFormDisabled ? { pointerEvents: "none", opacity: 0.5 } : {}),
                 }, children: crossFilterConfigs.length > 1 ? (jsx(CrossFilterProvider, { filters: crossFilterConfigs, fetchOptionsFn: fetchCrossFilterOptions, initialSelections: crossFilterInitialSelections, fetchOnMount: false, children: formFields })) : (formFields) }), buttonItems] }));
 };
+/** Reset the timeout flag (call when a new conversation/message starts) */
+const resetStepFormTimeoutFlag = () => {
+    sessionStorage.removeItem(STEP_FORM_TIMEOUT_KEY);
+};
 
 const useStyles$4 = makeStyles$1((theme) => ({
     "@global": {
@@ -7832,10 +7906,12 @@ const StepsResponseTab = (props) => {
     }, [thinkingContext?.streamStartTime]);
     const [tabValue, setTabValue] = useState("steps");
     const [timeoutMessage, setTimeoutMessage] = useState("");
+    const [isTimedOut, setIsTimedOut] = useState(false);
     // Switch to agent_response tab on form inactivity timeout (30 min)
     useEffect(() => {
         const handleStepFormTimeout = () => {
             setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
+            setIsTimedOut(true);
             setTabValue("agent_response");
             dispatch(setMinimizedStreamData(null));
             const elapsed = streamStartTimeRef.current
@@ -7884,7 +7960,7 @@ const StepsResponseTab = (props) => {
                     icon: jsx(PsychologyOutlinedIcon, { fontSize: "large" }),
                 },
             ], tabPanels: [
-                jsx(Steps$1, { steps: steps, setSteps: setSteps, done: stepsDone, setDone: setStepsDone, setTabValue: setTabValue, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, stepChange: stepChange, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: isFormDisabled }),
+                jsx(Steps$1, { steps: steps, setSteps: setSteps, done: stepsDone, setDone: setStepsDone, setTabValue: setTabValue, finalStepDone: finalStepDone, setFinalStepDone: setFinalStepDone, stepChange: stepChange, currentMode: currentMode, questions: questions, questionsStepsMap: questionsStepsMap, stepFormDataMap: stepFormDataMap, isFormDisabled: isFormDisabled || isTimedOut }),
                 jsxs(Fragment, { children: [jsx(AgentResponse$1, { content: content, isStreaming: isStreaming, streamingWidgetData: streamingWidgetData }), timeoutMessage && (jsx("div", { style: { marginTop: "8px", padding: "0 8px" }, children: jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };
@@ -8329,6 +8405,8 @@ const StreamedContent = ({ botData }) => {
                 ? botData?.utilityObject?.method
                 : "PUT";
             delete botData.inputBody.chat_input;
+            // Clear any stale timeout flag from a previous session
+            resetStepFormTimeoutFlag();
             // Start the timer immediately when the API is called
             if (!streamStartTimeRef.current) {
                 streamStartTimeRef.current = Date.now();
@@ -8790,7 +8868,7 @@ const StreamedContent = ({ botData }) => {
                 // Append the error message at the bottom of any existing content.
                 // If widgets already exist in appendedData, append as the last widget
                 // so it renders AFTER the already-received content (not at the top).
-                const finalMessage = "The service is temporarily unavailable because of an unusual load. Please wait a moment and try again.";
+                const finalMessage = "Please reach out to IA for this, as this didn't work even after retry";
                 const hasExistingWidgetsOnErr = messageToStoreRef.current.appendedData &&
                     (isArray(messageToStoreRef.current.appendedData)
                         ? messageToStoreRef.current.appendedData.length > 0
@@ -9637,6 +9715,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
     const [activeFormIntent, setActiveFormIntent] = useState(null);
     const [retryCountdown, setRetryCountdown] = useState(0);
     const [timeoutMessage, setTimeoutMessage] = useState("");
+    const [isTimedOut, setIsTimedOut] = useState(false);
     // Stable unique instance ID for this TabularContent mount
     const instanceIdRef = useRef(null);
     if (instanceIdRef.current === null) {
@@ -9666,6 +9745,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
         const handleStepFormTimeout = () => {
             setTimeoutMessage("This session timed out due to inactivity. Please start a new message to continue.");
             setStepFormSubmitted(true);
+            setIsTimedOut(true);
             setTabValue("agent_response");
             dispatch(setMinimizedStreamData(null));
             const elapsed = streamStartTimeRef.current
@@ -10025,7 +10105,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     icon: jsx(PsychologyOutlinedIcon, { fontSize: "large" }),
                 },
             ], tabPanels: [
-                jsx(Steps, { steps: stepsState, questions: questionsState, questionsStepsMap: questionsStepsMapState, stepFormDataMap: stepFormDataMapState, isFormDisabled: (isFormDisabled && !isRestreaming) || stepFormSubmitted, activeFormIntent: hasNewStepFormFromRestream ? activeFormIntent : null, isRestreaming: isRestreaming }),
+                jsx(Steps, { steps: stepsState, questions: questionsState, questionsStepsMap: questionsStepsMapState, stepFormDataMap: stepFormDataMapState, isFormDisabled: (isFormDisabled && !isRestreaming) || stepFormSubmitted || isTimedOut, activeFormIntent: hasNewStepFormFromRestream ? activeFormIntent : null, isRestreaming: isRestreaming }),
                 jsxs(AgentResponse, { children: [children, renderedWidgets.length > 0 && (jsx("div", { className: "restream-widget-content", children: renderedWidgets })), retryCountdown > 0 && (jsx("div", { style: { marginTop: "8px" }, children: jsx(TextRenderer, { text: `Auto re-trying in ${retryCountdown}s`, thinking: "" }) })), timeoutMessage && (jsx("div", { style: { marginTop: "8px" }, children: jsx(TextRenderer, { text: timeoutMessage, thinking: "" }) }))] }),
             ], value: tabValue }) }));
 };