fix: minor fixes contact imports

Author: Eskalifer1

…ContactPermission/useContactsImporter.ts src/hooks/useContactImport.tssrc/libs/ContactPermission/useContactsImporter.ts renamed to src/hooks/useContactImport.ts src/libs/ContactPermission/useContactsImporter.ts renamed to src/hooks/useContactImport.ts

@@ -3,15 +3,15 @@ import {RESULTS} from 'react-native-permissions';
 import type {PermissionStatus} from 'react-native-permissions';
 import contactImport from '@libs/ContactImport';
 import type {ContactImportResult} from '@libs/ContactImport/types';
+import useContactPermissions from '@libs/ContactPermission/useContactPermissions';
 import getContacts from '@libs/ContactUtils';
 import type {SearchOption} from '@libs/OptionsListUtils';
 import type {PersonalDetails} from '@src/types/onyx';
-import useContactPermissions from './useContactPermissions';
 
 /**
- * Return type of the useContactsImporter hook.
+ * Return type of the useContactImport hook.
  */
-type UseContactsImporterResult = {
+type useContactImportResult = {
     contacts: Array<SearchOption<PersonalDetails>>;
     contactPermissionState: PermissionStatus;
     importAndSaveContacts: () => void;
@@ -23,7 +23,7 @@ type UseContactsImporterResult = {
  * managing permissions, and transforming contact data
  * into a format suitable for use in the app.
  */
-function useContactsImporter(): UseContactsImporterResult {
+function useContactImport(): useContactImportResult {
     const [contactPermissionState, setContactPermissionState] = useState<PermissionStatus>(RESULTS.UNAVAILABLE);
     const [contacts, setContacts] = useState<Array<SearchOption<PersonalDetails>>>([]);
 
@@ -50,4 +50,4 @@ function useContactsImporter(): UseContactsImporterResult {
     };
 }
 
-export default useContactsImporter;
+export default useContactImport;

src/pages/NewChatPage.tsx

@@ -11,6 +11,7 @@ import SelectCircle from '@components/SelectCircle';
 import SelectionList from '@components/SelectionList';
 import type {ListItem, SelectionListHandle} from '@components/SelectionList/types';
 import UserListItem from '@components/SelectionList/UserListItem';
+import useContactImport from '@hooks/useContactImport';
 import useCurrentUserPersonalDetails from '@hooks/useCurrentUserPersonalDetails';
 import useDebouncedState from '@hooks/useDebouncedState';
 import useDismissedReferralBanners from '@hooks/useDismissedReferralBanners';
@@ -21,7 +22,6 @@ import useSafeAreaInsets from '@hooks/useSafeAreaInsets';
 import useScreenWrapperTransitionStatus from '@hooks/useScreenWrapperTransitionStatus';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {navigateToAndOpenReport, searchInServer, setGroupDraft} from '@libs/actions/Report';
-import useContactsImporter from '@libs/ContactPermission/useContactsImporter';
 import {canUseTouchScreen} from '@libs/DeviceCapabilities';
 import Log from '@libs/Log';
 import memoize from '@libs/memoize';
@@ -61,7 +61,7 @@ function useOptions() {
     const [newGroupDraft] = useOnyx(ONYXKEYS.NEW_GROUP_CHAT_DRAFT, {canBeMissing: true});
     const personalData = useCurrentUserPersonalDetails();
     const {didScreenTransitionEnd} = useScreenWrapperTransitionStatus();
-    const {contacts} = useContactsImporter();
+    const {contacts} = useContactImport();
     const {options: listOptions, areOptionsInitialized} = useOptionsList({
         shouldInitialize: didScreenTransitionEnd,
     });
@@ -78,9 +78,9 @@ function useOptions() {
             },
         );
         return filteredOptions;
-    }, [betas, listOptions.personalDetails, listOptions.reports]);
+    }, [betas, listOptions.personalDetails, listOptions.reports, contacts]);
 
-    const unselectedOptions = useMemo(() => filterSelectedOptions(defaultOptions, new Set(selectedOptions.map(({accountID}) => accountID))), [defaultOptions, selectedOptions, contacts]);
+    const unselectedOptions = useMemo(() => filterSelectedOptions(defaultOptions, new Set(selectedOptions.map(({accountID}) => accountID))), [defaultOptions, selectedOptions]);
 
     const options = useMemo(() => {
         const filteredOptions = filterAndOrderOptions(unselectedOptions, debouncedSearchTerm, {

src/pages/iou/request/MoneyRequestParticipantsSelector.tsx

@@ -26,7 +26,7 @@ import useOnyx from '@hooks/useOnyx';
 import usePolicy from '@hooks/usePolicy';
 import useScreenWrapperTransitionStatus from '@hooks/useScreenWrapperTransitionStatus';
 import useThemeStyles from '@hooks/useThemeStyles';
-import useContactsImporter from '@libs/ContactPermission/useContactsImporter';
+import useContactImport from '@hooks/useContactImport';
 import {canUseTouchScreen} from '@libs/DeviceCapabilities';
 import getPlatform from '@libs/getPlatform';
 import goToSettings from '@libs/goToSettings';
@@ -100,7 +100,7 @@ function MoneyRequestParticipantsSelector(
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const [betas] = useOnyx(ONYXKEYS.BETAS, {canBeMissing: true});
-    const {contactPermissionState, contacts, setContactPermissionState, importAndSaveContacts} = useContactsImporter();
+    const {contactPermissionState, contacts, setContactPermissionState, importAndSaveContacts} = useContactImport();
     const platform = getPlatform();
     const isNative = platform === CONST.PLATFORM.ANDROID || platform === CONST.PLATFORM.IOS;
     const showImportContacts = isNative && !(contactPermissionState === RESULTS.GRANTED || contactPermissionState === RESULTS.LIMITED);