impact-chatbot 2.3.70 → 2.3.71

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

@@ -7,11 +7,12 @@
  * @param {Array} props.formData - Array of raw widget_data items from step_form chunk
  * @param {number} props.messageIndex - Index for form state persistence keys
  */
-declare const StepFormContent: ({ formData, messageIndex, isFormDisabled, showSavedFilters }: {
+declare const StepFormContent: ({ formData, messageIndex, isFormDisabled, showSavedFilters, preSelectedFilters }: {
     formData: any;
     messageIndex?: number;
     isFormDisabled?: boolean;
     showSavedFilters?: boolean;
+    preSelectedFilters?: any;
 }) => import("react/jsx-runtime").JSX.Element;
 /** Reset the timeout flag (call when a new conversation/message starts) */
 export declare const resetStepFormTimeoutFlag: () => void;

package/dist/components/message-template/components/message-content/utils/crossFilterAdapter.d.ts

@@ -8,9 +8,11 @@
  * @param {Array} existingSelections - Upstream filter selections
  *   Each item: { filterName, attributeName, values, checkAll }
  * @param {Array} allFilters - Full array of all filter configs
+ * @param {Object|null} preSelectedFilters - Optional pre-selected filters from init response
+ *   Format: { param_name: { values: [...], label, dimension, is_mandatory } }
  * @returns {Promise<Array<{label, value}>>} - Formatted options
  */
-export declare const fetchCrossFilterOptions: (filterConfig: any, existingSelections?: any[], allFilters?: any[]) => Promise<{
+export declare const fetchCrossFilterOptions: (filterConfig: any, existingSelections?: any[], allFilters?: any[], preSelectedFilters?: any) => Promise<{
     label: any;
     value: string;
 }[]>;

package/dist/index.cjs.js

@@ -6620,9 +6620,11 @@ const CrossFilterProvider = ({ filters, fetchOptionsFn, initialSelections = {},
  * @param {Array} existingSelections - Upstream filter selections
  *   Each item: { filterName, attributeName, values, checkAll }
  * @param {Array} allFilters - Full array of all filter configs
+ * @param {Object|null} preSelectedFilters - Optional pre-selected filters from init response
+ *   Format: { param_name: { values: [...], label, dimension, is_mandatory } }
  * @returns {Promise<Array<{label, value}>>} - Formatted options
  */
-const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], allFilters = []) => {
+const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], allFilters = [], preSelectedFilters = null) => {
     try {
         const attributeName = filterConfig.column_name ||
             filterConfig.attribute_name ||
@@ -6655,6 +6657,39 @@ const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], al
                 display_order: fullConfig?.display_order || fullConfig?.ordering || 0,
             };
         });
+        // Build pre-selected filter entries from init response (if provided)
+        // These are always included in the payload alongside user selections
+        const preSelectedEntries = [];
+        if (preSelectedFilters && typeof preSelectedFilters === "object") {
+            Object.entries(preSelectedFilters).forEach(([key, config]) => {
+                // Skip if this filter is the one we're fetching options for
+                if (key === attributeName)
+                    return;
+                // Skip if user has already selected values for this filter (user selection takes precedence)
+                const userAlreadySelected = filtersArray.some((f) => f.attribute_name === key || f.filter_id === key);
+                if (userAlreadySelected)
+                    return;
+                const values = Array.isArray(config.values) ? config.values : [];
+                if (values.length === 0)
+                    return;
+                preSelectedEntries.push({
+                    filter_name: config.label || key,
+                    filter_id: key,
+                    filter_type: "cascaded",
+                    dimension: config.dimension || dimension,
+                    display_type: "dropdown",
+                    check_configuration: [],
+                    is_mandatory: config.is_mandatory || false,
+                    extra: {},
+                    values: values,
+                    attribute_name: key,
+                    operator: "in",
+                    display_order: 0,
+                });
+            });
+        }
+        // Merge: pre-selected filters first, then user selections
+        const combinedFilters = [...preSelectedEntries, ...filtersArray];
         const payload = {
             attributes: [
                 {
@@ -6664,7 +6699,7 @@ const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], al
                 },
             ],
             filter_type: "cascaded",
-            filters: filtersArray,
+            filters: combinedFilters,
             is_urm_filter: true,
             screen_name: "Chatbot",
             application_code: 1,
@@ -6779,11 +6814,15 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const [currentOptions, setCurrentOptions] = React.useState([]);
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
     const [currentSelectedOptions, setCurrentSelectedOptions] = React.useState(persistedFormValues?.[formKey] || []);
-    const [isAllSelected, setIsAllSelected] = React.useState(false);
+    const selectAllKey = `${formKey}__selectAllCount`;
+    const [isAllSelected, setIsAllSelected] = React.useState(() => {
+        return (persistedFormValues?.[selectAllKey] || 0) > 0;
+    });
     const [initialOptions, setInitialOptions] = React.useState([]);
     const allOptionsRef = React.useRef([]);
     const isSearchActiveRef = React.useRef(false);
     const searchTermRef = React.useRef("");
+    const selectAllCountRef = React.useRef(persistedFormValues?.[selectAllKey] || 0);
     const chatbotContext = reactRedux.useSelector((state) => state.smartBotReducer.chatbotContext);
     const heirarchyKeyValuePairs = reactRedux.useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = reactRedux.useDispatch();
@@ -6924,16 +6963,16 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                         updated: true,
                     },
                 }));
-                dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [] }));
+                dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [], [selectAllKey]: 0 }));
                 // Notify cross-filter context to clear downstream filters
                 if (isCascading) {
                     crossFilterCtx.onFilterChange(paramName, []);
                 }
             }, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: (open) => {
                 setIsOpen(open);
-                // When dropdown closes after a filtered select-all on a subset,
-                // reset the isAllSelected flag so scroll-to-load-more doesn't auto-select more items
-                if (!open && isAllSelected && currentSelectedOptions.length < allOptionsRef.current.length) {
+                // When dropdown closes after a search-filtered select-all on a subset,
+                // reset the isAllSelected flag since only a subset was selected
+                if (!open && isAllSelected && isSearchActiveRef.current) {
                     setIsAllSelected(false);
                 }
                 if (isCascading) {
@@ -6973,6 +7012,8 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                     const nextOptions = [...currentOptions, ...newBatch];
                     setCurrentOptions(nextOptions);
                     setInitialOptions(nextOptions);
+                    // When all are selected, mark newly loaded items as selected too
+                    // so they render with checkmarks in the dropdown
                     if (isAllSelected) {
                         setCurrentSelectedOptions(nextOptions);
                     }
@@ -6981,17 +7022,20 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 if (e && e.target.checked) {
                     // When search is active, select only the filtered/visible options
                     // When no search is active, select ALL options from the full dataset
-                    let optionsToSelect;
+                    // but only render the currently visible chunk to avoid 100k+ DOM nodes
                     let valuesToDispatch;
                     if (isSearchActiveRef.current) {
-                        optionsToSelect = [...currentOptions];
+                        // Search-filtered select all: only select the visible filtered options
                         valuesToDispatch = currentOptions.map((opt) => opt.value);
+                        setCurrentSelectedOptions([...currentOptions]);
+                        selectAllCountRef.current = currentOptions.length;
                     }
                     else {
-                        optionsToSelect = allOptionsRef.current.map(formatOption);
+                        // Full select all: select all options but only render the visible chunk
                         valuesToDispatch = allOptionsRef.current.map((opt) => opt.value);
+                        setCurrentSelectedOptions([...currentOptions]);
+                        selectAllCountRef.current = allOptionsRef.current.length;
                     }
-                    setCurrentSelectedOptions(optionsToSelect);
                     setIsAllSelected(true);
                     dispatch(smartBotActions.setChatbotContext({
                         ...chatbotContext,
@@ -7001,7 +7045,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                             updated: true,
                         },
                     }));
-                    dispatch(smartBotActions.setPersistedFormValues({ [formKey]: optionsToSelect }));
+                    // Persist only the currently visible options (not all 100k+) to avoid Redux memory bloat
+                    dispatch(smartBotActions.setPersistedFormValues({
+                        [formKey]: [...currentOptions],
+                        [selectAllKey]: selectAllCountRef.current,
+                    }));
                     // Notify cross-filter context if cascading is active
                     if (isCascading) {
                         crossFilterCtx.onFilterChange(paramName, valuesToDispatch);
@@ -7018,15 +7066,17 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                             updated: true,
                         },
                     }));
-                    dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [] }));
+                    dispatch(smartBotActions.setPersistedFormValues({ [formKey]: [], [selectAllKey]: 0 }));
                     // Notify cross-filter context of deselection
                     if (isCascading) {
                         crossFilterCtx.onFilterChange(paramName, []);
                     }
                 }
-            }, customPlaceholderAfterSelect: currentSelectedOptions.length > 0
-                ? currentSelectedOptions.length
-                : null }) }));
+            }, customPlaceholderAfterSelect: isAllSelected
+                ? selectAllCountRef.current
+                : currentSelectedOptions.length > 0
+                    ? currentSelectedOptions.length
+                    : null }) }));
 };
 
 const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
@@ -7242,7 +7292,7 @@ const STEP_FORM_TIMEOUT_KEY = "__stepFormTimedOut";
  * @param {Array} props.formData - Array of raw widget_data items from step_form chunk
  * @param {number} props.messageIndex - Index for form state persistence keys
  */
-const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, showSavedFilters = true }) => {
+const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, showSavedFilters = true, preSelectedFilters = null }) => {
     const dispatch = reactRedux.useDispatch();
     const savedFilterSets = reactRedux.useSelector((state) => state.smartBotReducer.savedFilterSets);
     const persistedFormValues = reactRedux.useSelector((state) => state.smartBotReducer.persistedFormValues);
@@ -7559,7 +7609,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         return null;
     return (jsxRuntime.jsxs("div", { className: "step-form-content", children: [showSavedFilters && filterSetOptions.length > 0 && (jsxRuntime.jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsxRuntime.jsx(impactUiV3.Select, { currentOptions: filterSetCurrentOptions, setCurrentOptions: setFilterSetCurrentOptions, label: "Saved Filter Sets", labelOrientation: "top", isRequired: false, isDisabled: savedFilterDisabled, handleChange: (selected) => onFilterSetChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsFilterSetOpen, isOpen: isFilterSetOpen, selectedOptions: selectedFilterSet, setSelectedOptions: setSelectedFilterSet, initialOptions: filterSetOptions, isMulti: false, isClearable: true }) })), showSavedFilters && filterSetOptions.length > 0 && (jsxRuntime.jsx("hr", { style: { border: "none", borderTop: "1px solid #E0E0E0", margin: "12px 0" } })), jsxRuntime.jsx("div", { style: {
                     ...(isFilterSelected && !isFormDisabled ? { pointerEvents: "none", opacity: 0.5 } : {}),
-                }, children: crossFilterConfigs.length > 1 ? (jsxRuntime.jsx(CrossFilterProvider, { filters: crossFilterConfigs, fetchOptionsFn: fetchCrossFilterOptions, initialSelections: crossFilterInitialSelections, fetchOnMount: false, children: formFields })) : (formFields) }), buttonItems] }));
+                }, children: crossFilterConfigs.length >= 1 ? (jsxRuntime.jsx(CrossFilterProvider, { filters: crossFilterConfigs, fetchOptionsFn: (filterConfig, existingSelections, allFilters) => fetchCrossFilterOptions(filterConfig, existingSelections, allFilters, preSelectedFilters), initialSelections: crossFilterInitialSelections, fetchOnMount: false, children: formFields })) : (formFields) }), buttonItems] }));
 };
 /** Reset the timeout flag (call when a new conversation/message starts) */
 const resetStepFormTimeoutFlag = () => {
@@ -7835,7 +7885,7 @@ const getQuestionStatus$1 = (questionSteps) => {
 /**
  * Renders a single progress bar item (main point + sub-items)
  */
-const ProgressBarItem$1 = ({ question, questionSteps, isLast, classes, formData, showSavedFilters = true, isFormDisabled, onAllSubItemsAnimated = undefined }) => {
+const ProgressBarItem$1 = ({ question, questionSteps, isLast, classes, formData, showSavedFilters = true, preSelectedFilters = null, isFormDisabled, onAllSubItemsAnimated = undefined }) => {
     const status = getQuestionStatus$1(questionSteps);
     const animatedCountRef = React.useRef(0);
     const [isExpanded, setIsExpanded] = React.useState(true);
@@ -7868,7 +7918,7 @@ const ProgressBarItem$1 = ({ question, questionSteps, isLast, classes, formData,
                                     if (animatedCountRef.current >= arr.length && onAllSubItemsAnimated) {
                                         onAllSubItemsAnimated();
                                     }
-                                } }) }, idx))) })), formData && isExpanded && (jsxRuntime.jsx("div", { className: classes.stepFormContainer, children: jsxRuntime.jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters }) }))] })] }));
+                                } }) }, idx))) })), formData && isExpanded && (jsxRuntime.jsx("div", { className: classes.stepFormContainer, children: jsxRuntime.jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters, preSelectedFilters: preSelectedFilters }) }))] })] }));
 };
 const Steps$1 = ({ steps, setSteps, done, setTabValue, setDone, finalStepDone, setFinalStepDone, stepChange, currentMode, questions = [], questionsStepsMap = {}, stepFormDataMap = {}, isFormDisabled = false, }) => {
     const classes = useStyles$4();
@@ -7951,8 +8001,9 @@ const Steps$1 = ({ steps, setSteps, done, setTabValue, setDone, finalStepDone, s
                 const formEntry = stepFormDataMap[question] || null;
                 const formData = formEntry ? (Array.isArray(formEntry) ? formEntry : formEntry.widgets) : null;
                 const showSavedFilters = formEntry && !Array.isArray(formEntry) ? formEntry.showSavedFilters : true;
+                const preSelectedFilters = formEntry && !Array.isArray(formEntry) ? formEntry.preSelectedFilters : null;
                 const isLast = index === questions.length - 1;
-                return (jsxRuntime.jsx(ProgressBarItem$1, { question: question, questionSteps: questionSteps, isLast: isLast && !showThinking, classes: classes, formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters, onAllSubItemsAnimated: isLast && lastQuestionCompleted && !done
+                return (jsxRuntime.jsx(ProgressBarItem$1, { question: question, questionSteps: questionSteps, isLast: isLast && !showThinking, classes: classes, formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters, preSelectedFilters: preSelectedFilters, onAllSubItemsAnimated: isLast && lastQuestionCompleted && !done
                         ? () => setShowThinking(true)
                         : undefined }, index));
             }), showThinking && !done && (jsxRuntime.jsx("div", { style: {
@@ -8770,6 +8821,7 @@ const StreamedContent = ({ botData }) => {
                             stepFormDataMapRef.current[currentIntent] = {
                                 widgets: [...formWidgetData, stepFormSubmitButton],
                                 showSavedFilters: data.show_saved_filters !== false,
+                                preSelectedFilters: data.pre_selected_filters || null,
                             };
                             setStepFormDataMap({ ...stepFormDataMapRef.current });
                         }
@@ -9708,7 +9760,7 @@ const getQuestionStatus = (questionSteps) => {
 /**
  * Renders a single progress bar item (main point + sub-items)
  */
-const ProgressBarItem = ({ question, questionSteps, isLast, classes, formData, isFormDisabled, isRestreaming = false, showSavedFilters = true }) => {
+const ProgressBarItem = ({ question, questionSteps, isLast, classes, formData, isFormDisabled, isRestreaming = false, showSavedFilters = true, preSelectedFilters = null }) => {
     const baseStatus = getQuestionStatus(questionSteps);
     // When restreaming and this is the last item, show as in-progress
     const status = (isRestreaming && isLast) ? "in-progress" : baseStatus;
@@ -9737,7 +9789,7 @@ const ProgressBarItem = ({ question, questionSteps, isLast, classes, formData, i
             setIsExpanded(true);
         }
     }, [status, formData]);
-    return (jsxRuntime.jsxs("div", { className: classes.progressItem, children: [jsxRuntime.jsxs("div", { className: classes.progressTrack, children: [jsxRuntime.jsx("div", { className: `${classes.progressDot} ${dotClass}` }), !isLast && jsxRuntime.jsx("div", { className: `${classes.progressLine} ${lineClass}` })] }), jsxRuntime.jsxs("div", { className: classes.progressContent, children: [jsxRuntime.jsxs("div", { className: classes.progressHeader, onClick: handleToggle, children: [jsxRuntime.jsx("span", { className: `${classes.progressHeaderText} ${textClass}`, children: question }), hasSubItems && (jsxRuntime.jsx(ChevronRightIcon$1, { className: `${classes.progressChevron} ${textClass} ${isExpanded ? "expanded" : ""}` }))] }), hasSubItems && isExpanded && status === "in-progress" && (jsxRuntime.jsxs("div", { className: classes.reasoningLabel, children: [jsxRuntime.jsx(SvgReasoningIcon, {}), "Reasoning..."] })), hasSubItems && isExpanded && (jsxRuntime.jsx("div", { className: classes.progressSubItems, style: { maxHeight: isExpanded ? "500px" : "0", opacity: isExpanded ? 1 : 0 }, children: questionSteps.map((step, idx) => (jsxRuntime.jsxs("div", { className: classes.progressSubItem, children: [step.header, step.sub_header ? ` - ${step.sub_header}` : ""] }, idx))) })), formData && isExpanded && (jsxRuntime.jsx("div", { className: classes.stepFormContainer, children: jsxRuntime.jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters }) }))] })] }));
+    return (jsxRuntime.jsxs("div", { className: classes.progressItem, children: [jsxRuntime.jsxs("div", { className: classes.progressTrack, children: [jsxRuntime.jsx("div", { className: `${classes.progressDot} ${dotClass}` }), !isLast && jsxRuntime.jsx("div", { className: `${classes.progressLine} ${lineClass}` })] }), jsxRuntime.jsxs("div", { className: classes.progressContent, children: [jsxRuntime.jsxs("div", { className: classes.progressHeader, onClick: handleToggle, children: [jsxRuntime.jsx("span", { className: `${classes.progressHeaderText} ${textClass}`, children: question }), hasSubItems && (jsxRuntime.jsx(ChevronRightIcon$1, { className: `${classes.progressChevron} ${textClass} ${isExpanded ? "expanded" : ""}` }))] }), hasSubItems && isExpanded && status === "in-progress" && (jsxRuntime.jsxs("div", { className: classes.reasoningLabel, children: [jsxRuntime.jsx(SvgReasoningIcon, {}), "Reasoning..."] })), hasSubItems && isExpanded && (jsxRuntime.jsx("div", { className: classes.progressSubItems, style: { maxHeight: isExpanded ? "500px" : "0", opacity: isExpanded ? 1 : 0 }, children: questionSteps.map((step, idx) => (jsxRuntime.jsxs("div", { className: classes.progressSubItem, children: [step.header, step.sub_header ? ` - ${step.sub_header}` : ""] }, idx))) })), formData && isExpanded && (jsxRuntime.jsx("div", { className: classes.stepFormContainer, children: jsxRuntime.jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters, preSelectedFilters: preSelectedFilters }) }))] })] }));
 };
 const Steps = ({ steps, questions = [], questionsStepsMap = {}, stepFormDataMap = {}, isFormDisabled = false, activeFormIntent = null, isRestreaming = false }) => {
     const classes = useStyles$3();
@@ -9763,11 +9815,12 @@ const Steps = ({ steps, questions = [], questionsStepsMap = {}, stepFormDataMap
             // Support both old array format and new object format { widgets, showSavedFilters }
             const formData = formEntry ? (Array.isArray(formEntry) ? formEntry : formEntry.widgets) : null;
             const showSavedFilters = formEntry && !Array.isArray(formEntry) ? formEntry.showSavedFilters : true;
+            const preSelectedFilters = formEntry && !Array.isArray(formEntry) ? formEntry.preSelectedFilters : null;
             // If activeFormIntent is set, only the matching form is enabled; all others stay disabled
             const formDisabledForThis = activeFormIntent
                 ? question !== activeFormIntent
                 : isFormDisabled;
-            return (jsxRuntime.jsx(ProgressBarItem, { question: question, questionSteps: questionSteps, isLast: index === questions.length - 1, classes: classes, formData: formData, isFormDisabled: formDisabledForThis, isRestreaming: isRestreaming, showSavedFilters: showSavedFilters }, index));
+            return (jsxRuntime.jsx(ProgressBarItem, { question: question, questionSteps: questionSteps, isLast: index === questions.length - 1, classes: classes, formData: formData, isFormDisabled: formDisabledForThis, isRestreaming: isRestreaming, showSavedFilters: showSavedFilters, preSelectedFilters: preSelectedFilters }, index));
         }) }));
 };
 
@@ -10026,6 +10079,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                         newStepFormDataMap[currentIntent] = {
                             widgets: [...formWidgetData, submitButton],
                             showSavedFilters: data.show_saved_filters !== false,
+                            preSelectedFilters: data.pre_selected_filters || null,
                         };
                     }
                 }
@@ -10152,6 +10206,7 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     newStepFormDataMap[currentIntent] = {
                         widgets: [...formWidgetData, submitButton],
                         showSavedFilters: data.show_saved_filters !== false,
+                        preSelectedFilters: data.pre_selected_filters || null,
                     };
                 }
             }