impact-chatbot 2.3.70 → 2.3.72

package/dist/index.esm.js

@@ -233,11 +233,12 @@ const getFilterOptions = (postBody) => async () => {
         data: postBody,
     });
 };
-const getTableRecords = async (baseUrl, tableName, page, pageSize) => {
+const getTableRecords = async (payload, baseUrl, tableName) => {
     try {
         return axiosInstance({
-            url: `${baseUrl}/chatbot/agent/tabular-data/${tableName}?page=${page}&page_size=${pageSize}`,
-            method: 'GET',
+            url: `${baseUrl}/chatbot/agent/tabular-data/${tableName}`,
+            method: 'POST',
+            data: payload,
         });
     }
     catch (error) {
@@ -5857,7 +5858,16 @@ const TableContent = ({ bodyText }) => {
     const serverSideManualCallBack = async (manualbody, pageIndex, params) => {
         try {
             const baseUrl = sessionStorage.getItem("stepForm_baseUrl") || "";
-            const response = await getTableRecords(baseUrl, table_name, pageIndex + 1, page_size);
+            let limit = {
+                page_size: page_size,
+                page: pageIndex + 1,
+            };
+            let payload = {
+                limit,
+                search: manualbody?.search,
+                sort: manualbody?.sort
+            };
+            const response = await getTableRecords(payload, baseUrl, table_name);
             if (is_server_side || response?.data?.download_url) {
                 setDownloadUrl(response.data.download_url);
             }
@@ -5910,12 +5920,12 @@ const TableContent = ({ bodyText }) => {
     const handleModalClose = () => {
         setIsModalOpen(false);
     };
-    return (jsxs(Fragment, { children: [jsx(Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsx("div", { style: { width: '100%', height: '70vh' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? null : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 20, suppressFieldDotNotation: true, domLayout: "normal", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, downloadAsExcel: is_server_side ? false : true, tableHeader: display_name, ...(is_server_side && {
+    return (jsxs(Fragment, { children: [jsx(Modal, { className: "test-modal", onClose: handleModalClose, onPrimaryButtonClick: () => { }, onSecondaryButtonClick: handleModalClose, open: isModalOpen, size: "large", title: "", children: jsx("div", { style: { width: '100%', height: '70vh' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? null : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 20, suppressFieldDotNotation: true, domLayout: "normal", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: true, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, downloadAsExcel: is_server_side ? false : true, tableHeader: display_name, hideTableActions: true, isSaveViewEnabled: false, ...(is_server_side && {
                             manualCallBack: serverSideManualCallBack,
                             rowModelType: "serverSide",
                             serverSideStoreType: "partial",
                             cacheBlockSize: page_size,
-                        }) }) }) }), jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? null : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 10, suppressFieldDotNotation: true, domLayout: "autoHeight", customClass: "bot_table_auto_height", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: false, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, customSystemButton: getTopRightOptions(), customSystemButtonWithDownload: !is_server_side, topRightOptions: null, downloadAsExcel: is_server_side ? false : true, tableHeader: display_name, ...(is_server_side && {
+                        }) }) }) }), jsx("div", { style: { width: '100%', marginTop: '10px' }, children: jsx(AgGridComponent, { columns: columns, rowdata: is_server_side ? null : rowData, pagination: true, paginationPageSize: is_server_side ? page_size : 10, suppressFieldDotNotation: true, domLayout: "autoHeight", customClass: "bot_table_auto_height", sizeColumnsToFitFlag: true, showSaveTableConfig: false, showSearchModalBtn: true, hideFormatSideBar: true, uniqueRowId: unique_id, selectAllHeaderComponent: select_all_component, onSelectionChanged: onSelectionChanged, hideTableSetting: hide_table_setting, customSystemButton: getTopRightOptions(), customSystemButtonWithDownload: !is_server_side, topRightOptions: null, downloadAsExcel: is_server_side ? false : true, tableHeader: display_name, hideTableActions: true, isSaveViewEnabled: false, ...(is_server_side && {
                         manualCallBack: serverSideManualCallBack,
                         rowModelType: "serverSide",
                         serverSideStoreType: "partial",
@@ -6598,9 +6608,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 ||
@@ -6633,6 +6645,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: [
                 {
@@ -6642,7 +6687,7 @@ const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], al
                 },
             ],
             filter_type: "cascaded",
-            filters: filtersArray,
+            filters: combinedFilters,
             is_urm_filter: true,
             screen_name: "Chatbot",
             application_code: 1,
@@ -6757,11 +6802,15 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const [currentOptions, setCurrentOptions] = useState([]);
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
     const [currentSelectedOptions, setCurrentSelectedOptions] = useState(persistedFormValues?.[formKey] || []);
-    const [isAllSelected, setIsAllSelected] = useState(false);
+    const selectAllKey = `${formKey}__selectAllCount`;
+    const [isAllSelected, setIsAllSelected] = useState(() => {
+        return (persistedFormValues?.[selectAllKey] || 0) > 0;
+    });
     const [initialOptions, setInitialOptions] = useState([]);
     const allOptionsRef = useRef([]);
     const isSearchActiveRef = useRef(false);
     const searchTermRef = useRef("");
+    const selectAllCountRef = useRef(persistedFormValues?.[selectAllKey] || 0);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const heirarchyKeyValuePairs = useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = useDispatch();
@@ -6902,16 +6951,16 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                         updated: true,
                     },
                 }));
-                dispatch(setPersistedFormValues({ [formKey]: [] }));
+                dispatch(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) {
@@ -6951,6 +7000,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);
                     }
@@ -6959,17 +7010,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(setChatbotContext({
                         ...chatbotContext,
@@ -6979,7 +7033,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                             updated: true,
                         },
                     }));
-                    dispatch(setPersistedFormValues({ [formKey]: optionsToSelect }));
+                    // Persist only the currently visible options (not all 100k+) to avoid Redux memory bloat
+                    dispatch(setPersistedFormValues({
+                        [formKey]: [...currentOptions],
+                        [selectAllKey]: selectAllCountRef.current,
+                    }));
                     // Notify cross-filter context if cascading is active
                     if (isCascading) {
                         crossFilterCtx.onFilterChange(paramName, valuesToDispatch);
@@ -6996,15 +7054,17 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                             updated: true,
                         },
                     }));
-                    dispatch(setPersistedFormValues({ [formKey]: [] }));
+                    dispatch(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 }) => {
@@ -7220,7 +7280,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 = useDispatch();
     const savedFilterSets = useSelector((state) => state.smartBotReducer.savedFilterSets);
     const persistedFormValues = useSelector((state) => state.smartBotReducer.persistedFormValues);
@@ -7537,7 +7597,7 @@ const StepFormContent = ({ formData, messageIndex = 0, isFormDisabled = false, s
         return null;
     return (jsxs("div", { className: "step-form-content", children: [showSavedFilters && filterSetOptions.length > 0 && (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(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 && (jsx("hr", { style: { border: "none", borderTop: "1px solid #E0E0E0", margin: "12px 0" } })), jsx("div", { style: {
                     ...(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] }));
+                }, children: crossFilterConfigs.length >= 1 ? (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 = () => {
@@ -7813,7 +7873,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 = useRef(0);
     const [isExpanded, setIsExpanded] = useState(true);
@@ -7846,7 +7906,7 @@ const ProgressBarItem$1 = ({ question, questionSteps, isLast, classes, formData,
                                     if (animatedCountRef.current >= arr.length && onAllSubItemsAnimated) {
                                         onAllSubItemsAnimated();
                                     }
-                                } }) }, idx))) })), formData && isExpanded && (jsx("div", { className: classes.stepFormContainer, children: jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters }) }))] })] }));
+                                } }) }, idx))) })), formData && isExpanded && (jsx("div", { className: classes.stepFormContainer, children: 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();
@@ -7929,8 +7989,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 (jsx(ProgressBarItem$1, { question: question, questionSteps: questionSteps, isLast: isLast && !showThinking, classes: classes, formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters, onAllSubItemsAnimated: isLast && lastQuestionCompleted && !done
+                return (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 && (jsx("div", { style: {
@@ -8748,6 +8809,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 });
                         }
@@ -9686,7 +9748,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;
@@ -9715,7 +9777,7 @@ const ProgressBarItem = ({ question, questionSteps, isLast, classes, formData, i
             setIsExpanded(true);
         }
     }, [status, formData]);
-    return (jsxs("div", { className: classes.progressItem, children: [jsxs("div", { className: classes.progressTrack, children: [jsx("div", { className: `${classes.progressDot} ${dotClass}` }), !isLast && jsx("div", { className: `${classes.progressLine} ${lineClass}` })] }), jsxs("div", { className: classes.progressContent, children: [jsxs("div", { className: classes.progressHeader, onClick: handleToggle, children: [jsx("span", { className: `${classes.progressHeaderText} ${textClass}`, children: question }), hasSubItems && (jsx(ChevronRightIcon$1, { className: `${classes.progressChevron} ${textClass} ${isExpanded ? "expanded" : ""}` }))] }), hasSubItems && isExpanded && status === "in-progress" && (jsxs("div", { className: classes.reasoningLabel, children: [jsx(SvgReasoningIcon, {}), "Reasoning..."] })), hasSubItems && isExpanded && (jsx("div", { className: classes.progressSubItems, style: { maxHeight: isExpanded ? "500px" : "0", opacity: isExpanded ? 1 : 0 }, children: questionSteps.map((step, idx) => (jsxs("div", { className: classes.progressSubItem, children: [step.header, step.sub_header ? ` - ${step.sub_header}` : ""] }, idx))) })), formData && isExpanded && (jsx("div", { className: classes.stepFormContainer, children: jsx(StepFormContent, { formData: formData, isFormDisabled: isFormDisabled, showSavedFilters: showSavedFilters }) }))] })] }));
+    return (jsxs("div", { className: classes.progressItem, children: [jsxs("div", { className: classes.progressTrack, children: [jsx("div", { className: `${classes.progressDot} ${dotClass}` }), !isLast && jsx("div", { className: `${classes.progressLine} ${lineClass}` })] }), jsxs("div", { className: classes.progressContent, children: [jsxs("div", { className: classes.progressHeader, onClick: handleToggle, children: [jsx("span", { className: `${classes.progressHeaderText} ${textClass}`, children: question }), hasSubItems && (jsx(ChevronRightIcon$1, { className: `${classes.progressChevron} ${textClass} ${isExpanded ? "expanded" : ""}` }))] }), hasSubItems && isExpanded && status === "in-progress" && (jsxs("div", { className: classes.reasoningLabel, children: [jsx(SvgReasoningIcon, {}), "Reasoning..."] })), hasSubItems && isExpanded && (jsx("div", { className: classes.progressSubItems, style: { maxHeight: isExpanded ? "500px" : "0", opacity: isExpanded ? 1 : 0 }, children: questionSteps.map((step, idx) => (jsxs("div", { className: classes.progressSubItem, children: [step.header, step.sub_header ? ` - ${step.sub_header}` : ""] }, idx))) })), formData && isExpanded && (jsx("div", { className: classes.stepFormContainer, children: 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();
@@ -9741,11 +9803,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 (jsx(ProgressBarItem, { question: question, questionSteps: questionSteps, isLast: index === questions.length - 1, classes: classes, formData: formData, isFormDisabled: formDisabledForThis, isRestreaming: isRestreaming, showSavedFilters: showSavedFilters }, index));
+            return (jsx(ProgressBarItem, { question: question, questionSteps: questionSteps, isLast: index === questions.length - 1, classes: classes, formData: formData, isFormDisabled: formDisabledForThis, isRestreaming: isRestreaming, showSavedFilters: showSavedFilters, preSelectedFilters: preSelectedFilters }, index));
         }) }));
 };
 
@@ -10004,6 +10067,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,
                         };
                     }
                 }
@@ -10130,6 +10194,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,
                     };
                 }
             }