impact-chatbot 2.3.68 → 2.3.70

package/dist/index.esm.js

@@ -27,6 +27,7 @@ import { fetchBaseUrl, replaceSpecialCharacter as replaceSpecialCharacter$1, fet
 import { Button, Modal, Slider, Select, DatePicker, DateRangePicker, Checkbox, RadioButtonGroup, Input, Tabs, Loader, Tooltip, ChatBotComponent } from 'impact-ui-v3';
 import axios from 'axios';
 import isArray$2 from 'lodash/isArray';
+import isEmpty$2 from 'lodash/isEmpty';
 import { stopAgentFlow } from 'core/commonComponents/smartBot/services/chatbot-services';
 import AgGridComponent from 'core/Utils/agGrid';
 import agGridColumnFormatter from 'core/Utils/agGrid/column-formatter';
@@ -5667,6 +5668,15 @@ const ButtonContent = ({ bodyText, isFormDisabled = false, isStepFormSubmit = fa
                     }
                 }
                 else if (data?.status === "completed" || data?.status === "follow-up" || data?.message === "[DONE]") {
+                    // Extract widget_data from completed/[DONE] chunks (e.g. graph widgets)
+                    if (!isEmpty$2(data?.widget_data)) {
+                        chunksRef.push({ ...data, status: "widget" });
+                        dispatch(setStepFormStreamData({
+                            status: "widget_chunk",
+                            chunks: [{ ...data, status: "widget" }],
+                            sessionId,
+                        }));
+                    }
                     // Clear minimized widget on completion
                     if (data?.status === "completed") {
                         dispatch(setMinimizedStreamData(null));
@@ -6732,6 +6742,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()),
@@ -6749,6 +6760,8 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const [isAllSelected, setIsAllSelected] = useState(false);
     const [initialOptions, setInitialOptions] = useState([]);
     const allOptionsRef = useRef([]);
+    const isSearchActiveRef = useRef(false);
+    const searchTermRef = useRef("");
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const heirarchyKeyValuePairs = useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = useDispatch();
@@ -6841,6 +6854,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}
@@ -6862,6 +6909,11 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 }
             }, 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) {
+                    setIsAllSelected(false);
+                }
                 if (isCascading) {
                     if (open) {
                         // Lazy fetch: trigger cross-filter API call when dropdown opens for the first time
@@ -6888,7 +6940,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);
@@ -6902,33 +6957,53 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
                 }
             }, 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
+                    let optionsToSelect;
+                    let valuesToDispatch;
+                    if (isSearchActiveRef.current) {
+                        optionsToSelect = [...currentOptions];
+                        valuesToDispatch = currentOptions.map((opt) => opt.value);
+                    }
+                    else {
+                        optionsToSelect = allOptionsRef.current.map(formatOption);
+                        valuesToDispatch = allOptionsRef.current.map((opt) => opt.value);
+                    }
+                    setCurrentSelectedOptions(optionsToSelect);
                     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 }));
+                    dispatch(setPersistedFormValues({ [formKey]: optionsToSelect }));
                     // 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]: [] }));
                     // Notify cross-filter context of deselection
                     if (isCascading) {
                         crossFilterCtx.onFilterChange(paramName, []);
                     }
                 }
-            }, customPlaceholderAfterSelect: isAllSelected && allOptionsRef.current.length > 0
-                ? allOptionsRef.current.length
+            }, customPlaceholderAfterSelect: currentSelectedOptions.length > 0
+                ? currentSelectedOptions.length
                 : null }) }));
 };
 
@@ -10058,7 +10133,13 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
                     };
                 }
             }
-            if (data.status === "widget") ;
+            if (data.status === "widget") {
+                const widgetItems = isArray$2(data.widget_data) ? data.widget_data : [data.widget_data];
+                widgetItems.forEach((item) => {
+                    if (item)
+                        newWidgets.push(item);
+                });
+            }
             if (data.status === "content" && data.message) {
                 newWidgets.push({ type: "text", response: data.message });
             }
@@ -10073,7 +10154,8 @@ const TabularContent = ({ steps: initialSteps, currentTabValue, children, questi
         setQuestionsStepsMapState(cloneDeep(newQuestionsStepsMap));
         setStepFormDataMapState(cloneDeep(newStepFormDataMap));
         if (newWidgets.length > 0) {
-            setWidgetContent((prev) => [...prev, ...newWidgets]);
+            // Replace (not append) to avoid duplicates from real-time widget_chunk dispatches
+            setWidgetContent(newWidgets);
         }
         // If the response contains a new step_form, reset stepFormSubmitted and mark new form as active
         const lastStepFormChunk = [...chunks].reverse().find((c) => c.status === "step_form");