impact-chatbot 2.3.69 → 2.3.71

package/dist/index.esm.js

@@ -6598,9 +6598,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 +6635,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 +6677,7 @@ const fetchCrossFilterOptions = async (filterConfig, existingSelections = [], al
                 },
             ],
             filter_type: "cascaded",
-            filters: filtersArray,
+            filters: combinedFilters,
             is_urm_filter: true,
             screen_name: "Chatbot",
             application_code: 1,
@@ -6742,6 +6777,7 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
 
 const INITIAL_DISPLAY_COUNT = 100;
 const LOAD_MORE_COUNT = 100;
+const SEARCH_DISPLAY_LIMIT = 500;
 const formatOption = (option) => ({
     ...option,
     label: replaceSpecialCharacter(option.label.toString()),
@@ -6756,9 +6792,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();
@@ -6851,6 +6893,40 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
             setCurrentOptions(initialSlice);
         }
     }, [isCascading]);
+    // Custom search handler: searches ALL options (not just the loaded chunk)
+    // Supports comma-separated values for multi-search
+    const handleSearch = useCallback((event) => {
+        const rawInput = event?.target?.value || "";
+        searchTermRef.current = rawInput;
+        const trimmed = rawInput.trim();
+        if (!trimmed) {
+            // Reset to initial lazy-loaded chunk
+            isSearchActiveRef.current = false;
+            const resetSlice = formatSlice(allOptionsRef.current, 0, INITIAL_DISPLAY_COUNT);
+            setCurrentOptions(resetSlice);
+            setInitialOptions(resetSlice);
+            setIsAllSelected(false);
+            return;
+        }
+        isSearchActiveRef.current = true;
+        // Parse comma-separated terms
+        const terms = trimmed
+            .split(",")
+            .map((t) => t.trim().toLowerCase())
+            .filter(Boolean);
+        // Search across ALL options, not just the loaded chunk
+        const allRaw = allOptionsRef.current;
+        const filtered = allRaw.filter((option) => {
+            const labelLower = option.label?.toString().toLowerCase() || "";
+            const valueLower = option.value?.toString().toLowerCase() || "";
+            return terms.some((term) => labelLower.includes(term) || valueLower.includes(term));
+        });
+        // Format and cap the results to avoid UI freeze
+        const formatted = filtered.slice(0, SEARCH_DISPLAY_LIMIT).map(formatOption);
+        setCurrentOptions(formatted);
+        setInitialOptions(formatted);
+        setIsAllSelected(false);
+    }, []);
     return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Select, { currentOptions: currentOptions, setCurrentOptions: setCurrentOptions, label: heirarchyKeyValuePairs[paramName] || label, labelOrientation: labelOrientation, 
             // inputPosition={inputPosition}
             // header={header}
@@ -6865,13 +6941,18 @@ 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 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) {
                     if (open) {
                         // Lazy fetch: trigger cross-filter API call when dropdown opens for the first time
@@ -6898,7 +6979,10 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                         }
                     }
                 }
-            }, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isLoading: isCascading ? crossFilterCtx.loadingMap[paramName] : false, emptyMessage: isCascading && crossFilterCtx.loadingMap[paramName] ? "Loading values..." : "No options available", isWithSearch: isMulti ? true : false, onMenuScrollToBottom: () => {
+            }, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isLoading: isCascading ? crossFilterCtx.loadingMap[paramName] : false, emptyMessage: isCascading && crossFilterCtx.loadingMap[paramName] ? "Loading values..." : "No options available", isWithSearch: isMulti ? true : false, onSearch: handleSearch, onMenuScrollToBottom: () => {
+                // Only allow scroll-to-load-more when NOT in search mode
+                if (isSearchActiveRef.current)
+                    return;
                 const allRaw = allOptionsRef.current;
                 if (allRaw.length > 0 && currentOptions.length < allRaw.length) {
                     const nextCount = Math.min(currentOptions.length + LOAD_MORE_COUNT, allRaw.length);
@@ -6906,40 +6990,71 @@ 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);
                     }
                 }
             }, onSelectAll: (e) => {
                 if (e && e.target.checked) {
-                    setCurrentSelectedOptions([...currentOptions]);
+                    // When search is active, select only the filtered/visible options
+                    // When no search is active, select ALL options from the full dataset
+                    // but only render the currently visible chunk to avoid 100k+ DOM nodes
+                    let valuesToDispatch;
+                    if (isSearchActiveRef.current) {
+                        // Search-filtered select all: only select the visible filtered options
+                        valuesToDispatch = currentOptions.map((opt) => opt.value);
+                        setCurrentSelectedOptions([...currentOptions]);
+                        selectAllCountRef.current = currentOptions.length;
+                    }
+                    else {
+                        // 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;
+                    }
                     setIsAllSelected(true);
-                    const allValues = allOptionsRef.current.map((opt) => opt.value);
                     dispatch(setChatbotContext({
                         ...chatbotContext,
                         [bodyText?.paramName]: {
                             ...chatbotContext?.[bodyText?.paramName],
-                            [bodyText?.paramName]: allValues,
+                            [bodyText?.paramName]: valuesToDispatch,
                             updated: true,
                         },
                     }));
-                    dispatch(setPersistedFormValues({ [formKey]: currentOptions }));
+                    // 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, allValues);
+                        crossFilterCtx.onFilterChange(paramName, valuesToDispatch);
                     }
                 }
                 else {
                     setCurrentSelectedOptions([]);
                     setIsAllSelected(false);
+                    dispatch(setChatbotContext({
+                        ...chatbotContext,
+                        [bodyText?.paramName]: {
+                            ...chatbotContext?.[bodyText?.paramName],
+                            [bodyText?.paramName]: [],
+                            updated: true,
+                        },
+                    }));
+                    dispatch(setPersistedFormValues({ [formKey]: [], [selectAllKey]: 0 }));
                     // Notify cross-filter context of deselection
                     if (isCascading) {
                         crossFilterCtx.onFilterChange(paramName, []);
                     }
                 }
-            }, customPlaceholderAfterSelect: isAllSelected && allOptionsRef.current.length > 0
-                ? allOptionsRef.current.length
-                : null }) }));
+            }, customPlaceholderAfterSelect: isAllSelected
+                ? selectAllCountRef.current
+                : currentSelectedOptions.length > 0
+                    ? currentSelectedOptions.length
+                    : null }) }));
 };
 
 const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
@@ -7155,7 +7270,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);
@@ -7472,7 +7587,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 = () => {
@@ -7748,7 +7863,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);
@@ -7781,7 +7896,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();
@@ -7864,8 +7979,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: {
@@ -8683,6 +8799,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 });
                         }
@@ -9621,7 +9738,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;
@@ -9650,7 +9767,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();
@@ -9676,11 +9793,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));
         }) }));
 };
 
@@ -9939,6 +10057,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,
                         };
                     }
                 }
@@ -10065,6 +10184,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,
                     };
                 }
             }