finance-shared 0.0.16 → 0.0.17

package/dist/finance-shared-library.es.js

@@ -25189,27 +25189,20 @@ const SearchableAutocomplete = memo(
         });
       }
     }, []);
-    const fetchDebouncedOptions = useCallback(
-      useDebounce(async (search) => {
-        setLoading2(true);
-        try {
-          const results = await fetchOptions(search, 0);
-          setOptions(results);
-        } catch (err) {
-          console.error("Error fetching options:", err);
-        } finally {
-          setLoading2(false);
-        }
-      }, 1e3),
-      [fetchOptions]
-    );
+    const fetchDebouncedOptions = useDebounce(async (search) => {
+      setLoading2(true);
+      try {
+        const results = await fetchOptions(search, 0);
+        setOptions(results);
+      } catch (err) {
+        console.error("Error fetching options:", err);
+      } finally {
+        setLoading2(false);
+      }
+    }, 1e3);
     useEffect(() => {
       if (isTyping) {
-        if (searchTerm) {
-          fetchDebouncedOptions(searchTerm);
-        } else {
-          fetchDebouncedOptions("");
-        }
+        fetchDebouncedOptions(searchTerm || "");
       }
     }, [searchTerm, isTyping, fetchDebouncedOptions]);
     const loadMoreOptions = useCallback(async () => {
@@ -25253,10 +25246,12 @@ const SearchableAutocomplete = memo(
         }
       }
     }, [onChange, fetchOptions]);
-    const handleInputChange = useCallback((_event, inputValue) => {
-      setSearchTerm(inputValue);
-      setIsTyping(true);
-      setPageIndex(0);
+    const handleInputChange = useCallback((_event, inputValue, reason) => {
+      if (reason === "input") {
+        setSearchTerm(inputValue);
+        setIsTyping(true);
+        setPageIndex(0);
+      }
     }, []);
     const listboxProps = useMemo(() => ({
       onScroll: handleScroll
@@ -25307,30 +25302,26 @@ const MemberAutoComplete = ({
   const dispatch = useDispatch();
   const loading = useSelector(getIsUserListLoading);
   const pagination = useSelector(getUserListPaginationData);
-  const [hasMoreData, setHasMoreData] = useState(true);
+  const hasMoreDataRef = useRef(true);
   useEffect(() => {
     return () => {
       dispatch(setUserSearchKeyword(""));
       dispatch(setUserListPagination({ pageIndex: 0 }));
-      setHasMoreData(true);
+      hasMoreDataRef.current = true;
     };
   }, [dispatch]);
-  const handleOptionChange = (value2) => {
+  const handleOptionChange = useCallback((value2) => {
     onChange(value2);
     dispatch(setIsUserListLoading(false));
-  };
-  const fetchUserOptions = async (searchTerm, pageIndex) => {
-    if (pageIndex > 0 && !hasMoreData) {
-      return [];
-    }
+  }, [onChange, dispatch]);
+  const fetchUserOptions = useCallback(async (searchTerm, pageIndex) => {
+    if (pageIndex > 0 && !hasMoreDataRef.current) return [];
     dispatch(setUserSearchKeyword(searchTerm));
     dispatch(setUserListPagination({ pageIndex }));
     const newOptions = await dispatch(getUserList(roleIds, tenantId, pageIndex, searchTerm));
-    if (!newOptions || Array.isArray(newOptions) && newOptions.length === 0) {
-      setHasMoreData(false);
-      if (pageIndex > 0) {
-        return [];
-      }
+    if (!newOptions || newOptions.length === 0) {
+      hasMoreDataRef.current = false;
+      if (pageIndex > 0) return [];
     }
     return (newOptions == null ? void 0 : newOptions.map((item) => {
       var _a, _b;
@@ -25339,7 +25330,7 @@ const MemberAutoComplete = ({
         label: ((_a = item == null ? void 0 : item.additionalDetails) == null ? void 0 : _a.nationalId) ? `${item.userName} (${(_b = item == null ? void 0 : item.additionalDetails) == null ? void 0 : _b.nationalId})` : item.userName
       };
     })) || [];
-  };
+  }, [dispatch, roleIds, tenantId]);
   return /* @__PURE__ */ jsx(
     SearchableAutocomplete,
     {