add plaid import accounts when feed broken connection

Author: narefyev91

src/libs/API/parameters/OpenPlaidCompanyCardLoginParams.ts

@@ -2,6 +2,8 @@ type OpenPlaidCompanyCardLoginParams = {
     redirectURI: string | undefined;
     androidPackage?: string;
     country: string;
+    domain?: string;
+    feed?: string;
 };
 
 export default OpenPlaidCompanyCardLoginParams;

src/libs/actions/Plaid.ts

@@ -47,13 +47,15 @@ function openPlaidBankLogin(allowDebit: boolean, bankAccountID: number) {
 /**
  * Gets the Plaid Link token used to initialize the Plaid SDK for Company card
  */
-function openPlaidCompanyCardLogin(country: string) {
+function openPlaidCompanyCardLogin(country: string, domain?: string, feed?: string) {
     const {redirectURI, androidPackage} = getPlaidLinkTokenParameters();
 
     const params: OpenPlaidCompanyCardLoginParams = {
         redirectURI,
         androidPackage,
         country,
+        domain,
+        feed,
     };
 
     const optimisticData = [

src/pages/workspace/companyCards/BankConnection/index.tsx

@@ -130,7 +130,6 @@ function BankConnection({policyID: policyIDFromProps, feed, route}: BankConnecti
                 return;
             }
             if (isPlaid) {
-                onImportPlaidAccounts();
                 return;
             }
             if (url) {

src/pages/workspace/companyCards/addNew/PlaidConnectionStep.tsx

@@ -1,5 +1,5 @@
 import React, {useCallback, useEffect, useRef} from 'react';
-import {ActivityIndicator, View} from 'react-native';
+import {ActivityIndicator, InteractionManager, View} from 'react-native';
 import type {LinkSuccessMetadata} from 'react-native-plaid-link-sdk';
 import type {PlaidLinkOnSuccessMetadata} from 'react-plaid-link/src/types';
 import FullPageOfflineBlockingView from '@components/BlockingViews/FullPageOfflineBlockingView';
@@ -15,16 +15,17 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import {setAddNewCompanyCardStepAndData, setAssignCardStepAndData} from '@libs/actions/CompanyCards';
 import KeyboardShortcut from '@libs/KeyboardShortcut';
 import Log from '@libs/Log';
+import {getDomainNameForPolicy} from '@libs/PolicyUtils';
 import Navigation from '@navigation/Navigation';
 import {handleRestrictedEvent} from '@userActions/App';
 import {setPlaidEvent} from '@userActions/BankAccounts';
-import {openPlaidCompanyCardLogin} from '@userActions/Plaid';
+import {importPlaidAccounts, openPlaidCompanyCardLogin} from '@userActions/Plaid';
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {CompanyCardFeed} from '@src/types/onyx';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
 
-function PlaidConnectionStep({feed}: {feed?: CompanyCardFeed}) {
+function PlaidConnectionStep({feed, policyID}: {feed?: CompanyCardFeed; policyID?: string}) {
     const {translate} = useLocalize();
     const styles = useThemeStyles();
     const theme = useTheme();
@@ -39,6 +40,7 @@ function PlaidConnectionStep({feed}: {feed?: CompanyCardFeed}) {
     // eslint-disable-next-line @typescript-eslint/non-nullable-type-assertion-style
     const plaidDataErrorMessage = !isEmptyObject(plaidErrors) ? (Object.values(plaidErrors).at(0) as string) : '';
     const {isOffline} = useNetwork();
+    const domain = getDomainNameForPolicy(policyID);
 
     const isAuthenticatedWithPlaid = useCallback(() => !!plaidData?.bankAccounts?.length || !isEmptyObject(plaidData?.errors), [plaidData]);
 
@@ -76,7 +78,7 @@ function PlaidConnectionStep({feed}: {feed?: CompanyCardFeed}) {
             return unsubscribeToNavigationShortcuts;
         }
         if (addNewCard?.data?.selectedCountry) {
-            openPlaidCompanyCardLogin(addNewCard.data.selectedCountry);
+            openPlaidCompanyCardLogin(addNewCard.data.selectedCountry, domain, feed);
             return unsubscribeToNavigationShortcuts;
         }
 
@@ -88,10 +90,10 @@ function PlaidConnectionStep({feed}: {feed?: CompanyCardFeed}) {
         // If we are coming back from offline and we haven't authenticated with Plaid yet, we need to re-run our call to kick off Plaid
         // previousNetworkState.current also makes sure that this doesn't run on the first render.
         if (previousNetworkState.current && !isOffline && !isAuthenticatedWithPlaid() && addNewCard?.data?.selectedCountry) {
-            openPlaidCompanyCardLogin(addNewCard.data.selectedCountry);
+            openPlaidCompanyCardLogin(addNewCard.data.selectedCountry, domain, feed);
         }
         previousNetworkState.current = isOffline;
-    }, [addNewCard?.data?.selectedCountry, isAuthenticatedWithPlaid, isOffline]);
+    }, [addNewCard?.data?.selectedCountry, domain, feed, isAuthenticatedWithPlaid, isOffline]);
 
     const handleBackButtonPress = () => {
         if (feed) {
@@ -119,6 +121,28 @@ function PlaidConnectionStep({feed}: {feed?: CompanyCardFeed}) {
                             (metadata?.institution as PlaidLinkOnSuccessMetadata['institution'])?.name ?? (metadata?.institution as LinkSuccessMetadata['institution'])?.name;
 
                         if (feed) {
+                            if (plaidConnectedFeed && addNewCard?.data?.selectedCountry && plaidConnectedFeedName) {
+                                importPlaidAccounts(
+                                    publicToken,
+                                    plaidConnectedFeed,
+                                    plaidConnectedFeedName,
+                                    addNewCard.data.selectedCountry,
+                                    getDomainNameForPolicy(policyID),
+                                    JSON.stringify(metadata?.accounts),
+                                );
+                                InteractionManager.runAfterInteractions(() => {
+                                    setAssignCardStepAndData({
+                                        data: {
+                                            plaidAccessToken: publicToken,
+                                            institutionId: plaidConnectedFeed,
+                                            plaidConnectedFeedName,
+                                            plaidAccounts: metadata?.accounts,
+                                        },
+                                        currentStep: CONST.COMPANY_CARD.STEP.BANK_CONNECTION,
+                                    });
+                                });
+                                return;
+                            }
                             setAssignCardStepAndData({
                                 data: {
                                     plaidAccessToken: publicToken,

src/pages/workspace/companyCards/assignCard/AssignCardFeedPage.tsx

@@ -60,7 +60,12 @@ function AssignCardFeedPage({route, policy}: AssignCardFeedPageProps) {
                 />
             );
         case CONST.COMPANY_CARD.STEP.PLAID_CONNECTION:
-            return <PlaidConnectionStep feed={feed} />;
+            return (
+                <PlaidConnectionStep
+                    feed={feed}
+                    policyID={policyID}
+                />
+            );
         case CONST.COMPANY_CARD.STEP.ASSIGNEE:
             return (
                 <AssigneeStep