impact-chatbot 2.3.42 → 2.3.43

package/dist/index.esm.js

@@ -5768,6 +5768,15 @@ const SliderContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     return (jsx("div", { style: { width: "100%", marginTop: "10px" }, children: jsx(Slider, { header: header, headerOrientation: headerOrentiation, inputPosition: inputPosition, label: label, max: max, min: min, required: required, disabled: disabled || isFormDisabled, onChange: (e) => handleChange(e), value: sliderValue }) }));
 };
 
+const INITIAL_DISPLAY_COUNT = 100;
+const LOAD_MORE_COUNT = 100;
+const formatOption = (option) => ({
+    ...option,
+    label: replaceSpecialCharacter(option.label.toString()),
+});
+const formatSlice = (options, start, end) => {
+    return options.slice(start, end).map(formatOption);
+};
 const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const formKey = `${messageIndex}_${bodyText?.paramName}`;
     const { header, inputPosition, labelOrientation, label, options, isRequired, isDisabled, isMulti, paramName } = bodyText;
@@ -5777,6 +5786,7 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
     const [currentSelectedOptions, setCurrentSelectedOptions] = useState(persistedFormValues?.[formKey] || []);
     const [isAllSelected, setIsAllSelected] = useState(false);
     const [initialOptions, setInitialOptions] = useState([]);
+    const allOptionsRef = useRef([]);
     const chatbotContext = useSelector((state) => state.smartBotReducer.chatbotContext);
     const heirarchyKeyValuePairs = useSelector((state) => state.smartBotReducer.heirarchyKeyValuePairs);
     const dispatch = useDispatch();
@@ -5815,19 +5825,46 @@ const SelectContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
         }
     }, [persistedFormValues, formKey]);
     useEffect(() => {
-        let formattedOptions = options.map((option) => {
-            return {
-                ...option,
-                label: replaceSpecialCharacter(option.label.toString()),
-            };
-        });
-        setInitialOptions(formattedOptions);
-        setCurrentOptions(formattedOptions);
+        allOptionsRef.current = options;
+        const initialSlice = formatSlice(options, 0, INITIAL_DISPLAY_COUNT);
+        setInitialOptions(initialSlice);
+        setCurrentOptions(initialSlice);
     }, []);
     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}
-            isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false }) }));
+            isRequired: isRequired, isDisabled: isDisabled || isFormDisabled, handleChange: (selected) => onChange(selected), isCloseWhenClickOutside: true, setIsOpen: setIsOpen, isOpen: isOpen, selectedOptions: currentSelectedOptions, setSelectedOptions: setCurrentSelectedOptions, initialOptions: initialOptions, isMulti: isMulti, isSelectAll: isAllSelected, setIsSelectAll: setIsAllSelected, toggleSelectAll: true, isWithSearch: isMulti ? true : false, onMenuScrollToBottom: () => {
+                const allRaw = allOptionsRef.current;
+                if (allRaw.length > 0 && currentOptions.length < allRaw.length) {
+                    const nextCount = Math.min(currentOptions.length + LOAD_MORE_COUNT, allRaw.length);
+                    const newBatch = formatSlice(allRaw, currentOptions.length, nextCount);
+                    const nextOptions = [...currentOptions, ...newBatch];
+                    setCurrentOptions(nextOptions);
+                    setInitialOptions(nextOptions);
+                    if (isAllSelected) {
+                        setCurrentSelectedOptions(nextOptions);
+                    }
+                }
+            }, onSelectAll: (e) => {
+                if (e && e.target.checked) {
+                    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(setPersistedFormValues({ [formKey]: currentOptions }));
+                }
+                else {
+                    setCurrentSelectedOptions([]);
+                    setIsAllSelected(false);
+                }
+            }, customPlaceholderAfterSelect: isAllSelected && allOptionsRef.current.length > 0
+                ? allOptionsRef.current.length
+                : null }) }));
 };
 
 const DatePickerContent = ({ bodyText, isFormDisabled = false, messageIndex }) => {
@@ -6981,7 +7018,7 @@ const StreamedContent = ({ botData }) => {
                                 widgets: [...formWidgetData, stepFormSubmitButton],
                                 showSavedFilters: data.show_saved_filters !== false,
                             };
-                            setStepFormDataMap(cloneDeep(stepFormDataMapRef.current));
+                            setStepFormDataMap({ ...stepFormDataMapRef.current });
                         }
                         setStepChange((prev) => !prev);
                         // Persist IDs immediately when step_form arrives (AxiosEventSource already set them)
@@ -7220,7 +7257,7 @@ const StreamedContent = ({ botData }) => {
                     currentTabValue: stepsDone ? "agent_response" : undefined,
                     questions: cloneDeep(questionsRef.current),
                     questionsStepsMap: cloneDeep(questionsStepsMapRef.current),
-                    stepFormDataMap: cloneDeep(stepFormDataMapRef.current),
+                    stepFormDataMap: { ...stepFormDataMapRef.current },
                 }, activeConversationId);
                 // [
                 //   {
@@ -7306,7 +7343,7 @@ const StreamedContent = ({ botData }) => {
                     currentTabValue: stepsDone ? "agent_response" : undefined,
                     questions: cloneDeep(questionsRef.current),
                     questionsStepsMap: cloneDeep(questionsStepsMapRef.current),
-                    stepFormDataMap: cloneDeep(stepFormDataMapRef.current),
+                    stepFormDataMap: { ...stepFormDataMapRef.current },
                 }, activeConversationId);
             }
             // Clean up module-level Map entry - stream is fully processed