fix: Selected members disappear from search result after returning from confirmation page

src/libs/OptionsListUtils.ts

@@ -2443,6 +2443,7 @@ export {
     getReportOption,
     getTaxRatesSection,
     getFirstKeyForList,
+    getUserToInviteOption,
 };
 
 export type {MemberForList, CategorySection, CategoryTreeSection, Options, OptionList, SearchOption, PayeePersonalDetails, Category, Tax, TaxRatesOption, Option, OptionTree};

src/pages/NewChatPage.tsx

@@ -45,7 +45,6 @@ function useOptions({isGroupChat}: NewChatPageProps) {
     const [betas] = useOnyx(ONYXKEYS.BETAS);
     const [newGroupDraft] = useOnyx(ONYXKEYS.NEW_GROUP_CHAT_DRAFT);
     const personalData = useCurrentUserPersonalDetails();
-    const [personalDetails] = useOnyx(ONYXKEYS.PERSONAL_DETAILS_LIST);
     const {didScreenTransitionEnd} = useScreenWrapperTranstionStatus();
     const {options: listOptions, areOptionsInitialized} = useOptionsList({
         shouldInitialize: didScreenTransitionEnd,
@@ -95,13 +94,32 @@ function useOptions({isGroupChat}: NewChatPageProps) {
         if (!newGroupDraft?.participants) {
             return;
         }
-        const selectedParticipants = newGroupDraft.participants.filter((participant) => participant.accountID !== personalData.accountID);
-        const newSelectedOptions = selectedParticipants.map((participant): OptionData => {
-            const baseOption = OptionsListUtils.getParticipantsOption({accountID: participant.accountID, login: participant.login, reportID: ''}, personalDetails);
-            return {...baseOption, reportID: baseOption.reportID ?? '', isSelected: true};
+        const selectedParticipants: OptionData[] = [];
+        newGroupDraft.participants.forEach((p) => {
+            if (p.accountID === personalData.accountID) {
+                return;
+            }
+            const participant = listOptions.personalDetails.find((option) => option.accountID === p.accountID);
+            if (participant) {
+                selectedParticipants.push(participant);
+                return;
+            }
+            const userToInvite = OptionsListUtils.getUserToInviteOption({
+                searchValue: p.login,
+                betas,
+            });
+            if (!userToInvite) {
+                return;
+            }
+            selectedParticipants.push(userToInvite);
         });
+        const newSelectedOptions = selectedParticipants.map((participant) => ({
+            ...participant,
+            reportID: participant?.reportID ?? '',
+            isSelected: true,
+        }));
         setSelectedOptions(newSelectedOptions);
-    }, [newGroupDraft, personalData, personalDetails]);
+    }, [newGroupDraft, listOptions.personalDetails, betas, personalData]);
 
     return {...options, searchTerm, debouncedSearchTerm, setSearchTerm, areOptionsInitialized: areOptionsInitialized && didScreenTransitionEnd, selectedOptions, setSelectedOptions};
 }