Merge pull request #84042 from callstack-internal/add-personal-card-steps

Add personal card steps

Author: amyevans

src/CONST/index.ts

@@ -3974,6 +3974,7 @@ const CONST = {
             WELLS_FARGO: 'oauth.wellsfargo.com',
             AMEX_DIRECT: 'oauth.americanexpressfdx.com',
             AMEX_FILE_DOWNLOAD: 'americanexpressfd.us',
+            MOCK_BANK: 'oauth.mockbank.com',
             CSV: 'upload',
         },
     },

src/ONYXKEYS.ts

@@ -528,6 +528,9 @@ const ONYXKEYS = {
     /** Stores the information about the state of adding a new company card */
     ADD_NEW_COMPANY_CARD: 'addNewCompanyCard',
 
+    /** Stores the information about the state of adding a new personal card */
+    ADD_NEW_PERSONAL_CARD: 'addNewPersonalCard',
+
     /** Stores the information about the state of assigning a company card */
     ASSIGN_CARD: 'assignCard',
 
@@ -1419,6 +1422,7 @@ type OnyxValuesMapping = {
     [ONYXKEYS.NVP_TRAVEL_SETTINGS]: OnyxTypes.TravelSettings;
     [ONYXKEYS.REVIEW_DUPLICATES]: OnyxTypes.ReviewDuplicates;
     [ONYXKEYS.ADD_NEW_COMPANY_CARD]: OnyxTypes.AddNewCompanyCardFeed;
+    [ONYXKEYS.ADD_NEW_PERSONAL_CARD]: OnyxTypes.AddNewPersonalCard;
     [ONYXKEYS.ASSIGN_CARD]: OnyxTypes.AssignCard;
     [ONYXKEYS.MOBILE_SELECTION_MODE]: boolean;
     [ONYXKEYS.DUPLICATE_WORKSPACE]: OnyxTypes.DuplicateWorkspace;

src/ROUTES.ts

@@ -19,7 +19,7 @@ import StringUtils from './libs/StringUtils';
 import {getUrlWithParams} from './libs/Url';
 import SCREENS from './SCREENS';
 import type {Screen} from './SCREENS';
-import type {CompanyCardFeedWithDomainID} from './types/onyx';
+import type {CompanyCardFeedWithDomainID, PersonalCardFeed} from './types/onyx';
 import type {ConnectionName, SageIntacctMappingName} from './types/onyx/Policy';
 import type {CustomFieldType} from './types/onyx/PolicyEmployee';
 
@@ -499,6 +499,11 @@ const ROUTES = {
         route: 'settings/wallet/:bankAccountID/share-bank-account',
         getRoute: (bankAccountID: number | undefined) => `settings/wallet/${bankAccountID}/share-bank-account` as const,
     },
+    SETTINGS_WALLET_PERSONAL_CARD_ADD_NEW: 'settings/wallet/add-personal-card',
+    SETTINGS_WALLET_PERSONAL_CARD_BANK_CONNECTION: {
+        route: 'settings/wallet/add-personal-card/:feed/bank-connection',
+        getRoute: (feed: PersonalCardFeed) => `settings/wallet/add-personal-card/${feed}/bank-connection` as const,
+    },
     SETTINGS_WALLET_PERSONAL_CARD_UPGRADE: 'settings/wallet/add-personal-card/upgrade',
     SETTINGS_WALLET_PERSONAL_CARD_WARNING: 'settings/wallet/add-personal-card/warning',
     SETTINGS_WALLET_CARD_DIGITAL_DETAILS_UPDATE_ADDRESS: {

src/SCREENS.ts

@@ -205,6 +205,8 @@ const SCREENS = {
             PERSONAL_CARD_DETAILS: 'Settings_Wallet_Personal_Card_Details',
             PERSONAL_CARD_EDIT_NAME: 'Settings_Wallet_Personal_Card_Edit_Name',
             PERSONAL_CARD_EDIT_TRANSACTION_START_DATE: 'Settings_Wallet_Personal_Card_Edit_Transaction_Start_Date',
+            PERSONAL_CARD_BANK_CONNECTION: 'Settings_Wallet_PersonalCard_BankConnection',
+            PERSONAL_CARD_ADD_NEW: 'Settings_Wallet_PersonalCard_New',
             PERSONAL_CARD_WARNING: 'Settings_Wallet_PersonalCard_Warning',
             PERSONAL_CARD_UPGRADE: 'Settings_Wallet_PersonalCard_Upgrade',
         },

src/components/Search/SearchList/ListItem/TransactionGroupListItem.tsx

@@ -113,7 +113,6 @@ function TransactionGroupListItem<TItem extends ListItem>({
     const [allReportMetadata] = useOnyx(ONYXKEYS.COLLECTION.REPORT_METADATA);
     const [bankAccountList] = useOnyx(ONYXKEYS.BANK_ACCOUNT_LIST);
     const [cardFeeds] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_DOMAIN_MEMBER);
-    const [cardList] = useOnyx(ONYXKEYS.CARD_LIST);
     const [conciergeReportID] = useOnyx(ONYXKEYS.CONCIERGE_REPORT_ID);
 
     let transactions: TransactionListItemType[];
@@ -133,7 +132,6 @@ function TransactionGroupListItem<TItem extends ListItem>({
             isActionLoadingSet,
             allReportMetadata,
             cardFeeds,
-            cardList,
             conciergeReportID,
         }) as [TransactionListItemType[], number];
         transactions = sectionData.map((transactionItem) => ({

src/components/Search/index.tsx

@@ -295,7 +295,6 @@ function Search({
     const [allReportMetadata] = useOnyx(ONYXKEYS.COLLECTION.REPORT_METADATA);
     const [visibleColumns] = useOnyx(ONYXKEYS.FORMS.SEARCH_ADVANCED_FILTERS_FORM, {selector: columnsSelector});
     const [customCardNames] = useOnyx(ONYXKEYS.NVP_EXPENSIFY_COMPANY_CARDS_CUSTOM_NAMES);
-    const [cardList] = useOnyx(ONYXKEYS.CARD_LIST);
     const [conciergeReportID] = useOnyx(ONYXKEYS.CONCIERGE_REPORT_ID);
 
     const isExpenseReportType = type === CONST.SEARCH.DATA_TYPES.EXPENSE_REPORT;
@@ -508,7 +507,6 @@ function Search({
             allTransactionViolations: violations,
             customCardNames,
             allReportMetadata,
-            cardList,
             conciergeReportID,
             onyxPersonalDetailsList,
         });
@@ -535,7 +533,6 @@ function Search({
         violations,
         customCardNames,
         allReportMetadata,
-        cardList,
         conciergeReportID,
         onyxPersonalDetailsList,
     ]);
@@ -573,7 +570,6 @@ function Search({
                 isActionLoadingSet,
                 cardFeeds,
                 allReportMetadata,
-                cardList,
                 conciergeReportID,
             });
             return {
@@ -597,7 +593,6 @@ function Search({
         cardFeeds,
         bankAccountList,
         allReportMetadata,
-        cardList,
         conciergeReportID,
     ]);
 

src/hooks/useImportPersonalPlaidAccounts.ts

@@ -0,0 +1,19 @@
+import {addPersonalPlaidCard} from '@userActions/Plaid';
+import ONYXKEYS from '@src/ONYXKEYS';
+import useOnyx from './useOnyx';
+
+export default function useImportPersonalPlaidAccounts() {
+    const [addNewCard] = useOnyx(ONYXKEYS.ADD_NEW_PERSONAL_CARD);
+
+    const plaidToken = addNewCard?.data?.publicToken;
+    const plaidFeed = addNewCard?.data?.plaidConnectedFeed;
+    const plaidAccounts = addNewCard?.data?.plaidAccounts;
+    const country = addNewCard?.data?.selectedCountry;
+
+    return () => {
+        if (!plaidToken || !plaidFeed || !country || !plaidAccounts?.length) {
+            return;
+        }
+        addPersonalPlaidCard(plaidToken, plaidFeed, country, JSON.stringify(plaidAccounts));
+    };
+}

src/hooks/useSearchSections.ts

@@ -48,7 +48,6 @@ function useSearchSections(): UseSearchSectionsResult {
     const [cardFeeds] = useOnyx(ONYXKEYS.COLLECTION.SHARED_NVP_PRIVATE_DOMAIN_MEMBER);
     const [bankAccountList] = useOnyx(ONYXKEYS.BANK_ACCOUNT_LIST);
     const [allReportMetadata] = useOnyx(ONYXKEYS.COLLECTION.REPORT_METADATA);
-    const [cardList] = useOnyx(ONYXKEYS.CARD_LIST);
 
     const archivedReportsIdSet = useArchivedReportsIdSet();
     const [conciergeReportID] = useOnyx(ONYXKEYS.CONCIERGE_REPORT_ID);
@@ -77,7 +76,6 @@ function useSearchSections(): UseSearchSectionsResult {
             isActionLoadingSet,
             cardFeeds,
             allReportMetadata,
-            cardList,
             conciergeReportID,
         });
         results = getSortedSections(type, status ?? '', searchData, localeCompare, translate, sortBy, sortOrder, groupBy).map((value) => value.reportID);

src/hooks/useUpdatePersonalCardBrokenConnection.ts

@@ -0,0 +1,19 @@
+import {useCallback} from 'react';
+import {getFeedConnectionBrokenCard} from '@libs/CardUtils';
+import {updatePersonalCardConnection} from '@userActions/PersonalCards';
+import useCardFeedErrors from './useCardFeedErrors';
+
+export default function useUpdatePersonalCardBrokenConnection() {
+    const {personalCardsWithBrokenConnection} = useCardFeedErrors();
+    const brokenCard = getFeedConnectionBrokenCard(personalCardsWithBrokenConnection);
+    const brokenCardId = brokenCard?.cardID?.toString();
+
+    const updateBrokenConnection = useCallback(() => {
+        if (!brokenCardId) {
+            return;
+        }
+        updatePersonalCardConnection(brokenCardId, brokenCard?.lastScrapeResult);
+    }, [brokenCard?.lastScrapeResult, brokenCardId]);
+
+    return {updateBrokenConnection, isCardBroken: !!brokenCardId};
+}

src/libs/API/parameters/AddPersonalPlaidCardParams.ts

@@ -0,0 +1,8 @@
+type AddPersonalPlaidCardParams = {
+    publicToken: string;
+    feed: string;
+    country: string;
+    plaidAccounts: string;
+};
+
+export default AddPersonalPlaidCardParams;