[HOLD EE#694161] Support Validation_Failed bank account

src/CONST/index.ts

@@ -923,6 +923,7 @@ const CONST = {
             OPEN: 'OPEN',
             DELETED: 'DELETED',
             LOCKED: 'LOCKED',
+            VALIDATION_FAILED: 'VALIDATION_FAILED',
         },
         MAX_LENGTH: {
             FULL_SSN: 9,
@@ -960,6 +961,10 @@ const CONST = {
                 'resultcode.ssn.issued.prior.to.dob',
             ],
         },
+        NOC_CODE: {
+            INSUFFICIENT_FUNDS: ['R01', 'R09'] as string[],
+            DEBIT_BLOCKED: ['R05', 'R06', 'R07', 'R08', 'R10', 'R11', 'R16', 'R23', 'R29'] as string[],
+        },
     },
     CORPAY_DOCUMENT: {
         ALLOWED_FILE_TYPES: ['pdf', 'jpg', 'jpeg', 'png'],
@@ -1139,6 +1144,7 @@ const CONST = {
             OPEN: 'OPEN',
             DELETED: 'DELETED',
             LOCKED: 'LOCKED',
+            VALIDATION_FAILED: 'VALIDATION_FAILED',
         },
     },
     ENABLE_GLOBAL_REIMBURSEMENTS: {
@@ -9174,6 +9180,7 @@ const CONST = {
         HAS_MERGE_HR_SETUP_NEEDED: 'hasMergeHRSetupNeeded',
         HAS_HR_CONNECTION_ERROR: 'hasHRConnectionError',
         HAS_APPROVAL_WORKFLOW_NON_MEMBER_APPROVER: 'hasApprovalWorkflowNonMemberApprover',
+        HAS_VALIDATION_FAILED_BANK_ACCOUNT: 'hasValidationFailedBankAccount',
     },
 
     DEBUG: {

src/ROUTES.ts

@@ -227,6 +227,20 @@ const DYNAMIC_ROUTES = {
             }),
         queryParams: ['bankCountry', 'bankCurrency'],
     },
+    FIX_BANK_ACCOUNT: {
+        path: 'fix-bank-account/:bankAccountID',
+        entryScreens: [
+            SCREENS.SETTINGS.WALLET.ROOT,
+            SCREENS.WORKSPACE.WORKFLOWS,
+            SCREENS.CONNECT_EXISTING_BUSINESS_BANK_ACCOUNT_ROOT,
+            SCREENS.RIGHT_MODAL.SEARCH_REPORT,
+            SCREENS.RIGHT_MODAL.EXPENSE_REPORT,
+            SCREENS.RIGHT_MODAL.SEARCH_MONEY_REQUEST_REPORT,
+            SCREENS.REPORT,
+            SCREENS.SEARCH.ROOT,
+        ],
+        getRoute: (bankAccountID: string) => `fix-bank-account/${bankAccountID}` as const,
+    },
     BANK_ACCOUNT_VERIFY_ACCOUNT: {
         path: 'verify-bank-account',
         entryScreens: [SCREENS.REIMBURSEMENT_ACCOUNT],

src/SCREENS.ts

@@ -100,6 +100,7 @@ const SCREENS = {
         EMAIL_ISSUE: 'Settings_Email_Issue',
         DYNAMIC_VERIFY_ACCOUNT: 'Dynamic_Verify_Account',
         DYNAMIC_ADD_BANK_ACCOUNT_VERIFY_ACCOUNT: 'Dynamic_Add_Bank_Account_Verify_Account',
+        DYNAMIC_FIX_BANK_ACCOUNT: 'Dynamic_Fix_Bank_Account',
         DYNAMIC_EXIT_SURVEY_CONFIRM: 'Dynamic_ExitSurvey_Confirm',
         DYNAMIC_EXIT_SURVEY_REASON: 'Dynamic_ExitSurvey_Reason',
         DYNAMIC_KEYBOARD_SHORTCUTS: 'Dynamic_Keyboard_Shortcuts',

src/components/ConnectionStatusMessage.tsx

@@ -22,6 +22,11 @@ type ConnectionStatusMessageProps = {
     statusTone?: 'default' | 'success' | 'danger';
     onLinkPress?: ComponentProps<typeof RenderHTML>['onLinkPress'];
     shouldIncludeHorizontalPadding?: boolean;
+
+    /**
+     * Accessible name for the action button
+     */
+    actionAccessibilityLabel?: string;
 };
 
 function ConnectionStatusMessage({
@@ -32,6 +37,7 @@ function ConnectionStatusMessage({
     statusTone = 'default',
     onLinkPress,
     shouldIncludeHorizontalPadding = true,
+    actionAccessibilityLabel,
 }: ConnectionStatusMessageProps) {
     const icons = useMemoizedLazyExpensifyIcons(['DotIndicator']);
     const theme = useTheme();
@@ -76,6 +82,7 @@ function ConnectionStatusMessage({
             style={styles.alignSelfStart}
             onPress={onActionPress}
             isDisabled={isActionDisabled}
+            accessibilityLabel={actionAccessibilityLabel}
         >
             <Button.Text>{actionText}</Button.Text>
         </Button>

src/components/HTMLEngineProvider/HTMLRenderers/BulletItemRenderer.tsx

@@ -16,11 +16,16 @@ import {TNodeChildrenRenderer} from 'react-native-render-html';
 function BulletItemRenderer({tnode}: {tnode: TNode}) {
     const styles = useThemeStyles();
     const theme = useTheme();
+    const ariaLabel = tnode.attributes?.['aria-label'];
 
     return (
         <View style={[styles.flexRow, styles.w100]}>
             <Text style={{color: theme.text, fontSize: fontScale.text, lineHeight: lineHeightScale.text, paddingHorizontal: 8}}>{CONST.DOT_SEPARATOR}</Text>
-            <View style={styles.flex1}>
+            <View
+                style={styles.flex1}
+                accessible={!!ariaLabel}
+                accessibilityLabel={ariaLabel}
+            >
                 <TNodeChildrenRenderer tnode={tnode} />
             </View>
         </View>

src/components/Icon/chunks/illustrations.chunk.ts

@@ -42,6 +42,7 @@ import Hand from '@assets/images/hand.svg';
 import LaptopWithMembers from '@assets/images/illustration-laptop-members.svg';
 import LaptopOnDeskWithCoffeeAndKey from '@assets/images/laptop-on-desk-with-coffee-and-key.svg';
 import LaptopWithSecondScreenAndHourglass from '@assets/images/laptop-with-second-screen-and-hourglass.svg';
+import LaptopWithSecondScreenBank from '@assets/images/laptop-with-second-screen-bank.svg';
 import LaptopWithSecondScreenSync from '@assets/images/laptop-with-second-screen-sync.svg';
 import LaptopWithSecondScreenX from '@assets/images/laptop-with-second-screen-x.svg';
 // Multifactor Authentication Illustrations
@@ -103,6 +104,7 @@ import ValidateCode from '@assets/images/product-illustrations/validate-code.svg
 import WorkspaceScene from '@assets/images/product-illustrations/workspace-scene.svg';
 import ReceiptStack from '@assets/images/receipt-upload.svg';
 import RunningTurtle from '@assets/images/running-turtle.svg';
+import ScissorsCuttingMoney from '@assets/images/scissors-cutting-money.svg';
 import Shutter from '@assets/images/shutter.svg';
 // Simple Illustrations - Bucket 3 (Common)
 import Puzzle from '@assets/images/simple-illustrations/emptystate__puzzlepieces.svg';
@@ -278,6 +280,7 @@ const Illustrations = {
     Computer,
     ExpensifyCardImage,
     LaptopWithSecondScreenAndHourglass,
+    LaptopWithSecondScreenBank,
     LaptopWithSecondScreenSync,
     LaptopWithSecondScreenX,
     LaptopOnDeskWithCoffeeAndKey,
@@ -347,6 +350,7 @@ const Illustrations = {
     ReceiptStack,
     RunningTurtle,
     Shutter,
+    ScissorsCuttingMoney,
     TravelCVV,
     TurtleInShell,
 

src/components/KYCWall/BaseKYCWall.tsx

@@ -16,6 +16,7 @@ import {moveIOUReportToPolicy, moveIOUReportToPolicyAndInviteSubmitter} from '@l
 import {doesPolicyHavePartiallySetupBankAccount} from '@libs/BankAccountUtils';
 import getClickedTargetLocation from '@libs/getClickedTargetLocation';
 import Log from '@libs/Log';
+import createDynamicRoute from '@libs/Navigation/helpers/dynamicRoutesUtils/createDynamicRoute';
 import setNavigationActionToMicrotaskQueue from '@libs/Navigation/helpers/setNavigationActionToMicrotaskQueue';
 import Navigation from '@libs/Navigation/Navigation';
 import {hasExpensifyPaymentMethod} from '@libs/PaymentUtils';
@@ -27,7 +28,7 @@ import {setKYCWallSource} from '@userActions/Wallet';
 
 import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
-import ROUTES from '@src/ROUTES';
+import ROUTES, {DYNAMIC_ROUTES} from '@src/ROUTES';
 import type {Route} from '@src/ROUTES';
 import {doesPersonalDetailExist, loginSelector} from '@src/selectors/PersonalDetails';
 import {lastWorkspaceNumberSelector, ownerPoliciesSelector} from '@src/selectors/Policy';
@@ -252,6 +253,14 @@ function KYCWall({
                     return;
                 }
 
+                const achBankAccountID = policy?.achAccount?.bankAccountID;
+                const achBankAccountState = policy?.achAccount?.bankAccountID ? bankAccountList?.[policy?.achAccount?.bankAccountID]?.accountData?.state : undefined;
+                if (achBankAccountID && achBankAccountState === CONST.BANK_ACCOUNT.STATE.VALIDATION_FAILED) {
+                    Log.info('[KYC Wallet] Redirecting to fix bank account: policy bank account failed validation', false, {policyID: policy?.id, achBankAccountID});
+                    Navigation.navigate(createDynamicRoute(DYNAMIC_ROUTES.FIX_BANK_ACCOUNT.getRoute(achBankAccountID.toString())));
+                    return;
+                }
+
                 if (policy?.id !== undefined && doesPolicyHavePartiallySetupBankAccount(bankAccountList, policy.id)) {
                     Log.info('[KYC Wallet] Redirecting to bank account setup: policy has a partially set up bank account', false, {policyID: policy.id});
                     navigateToBankAccountRoute({policyID: policy.id});

src/components/MoneyReportHeaderPrimaryAction/PayPrimaryAction.tsx

@@ -25,6 +25,7 @@ import {search} from '@libs/actions/Search';
 import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import {getTotalAmountForIOUReportPreviewButton} from '@libs/MoneyRequestReportUtils';
 import {isTrackOnboardingChoice} from '@libs/OnboardingUtils';
+import {selectPartiallySetupBankAccount} from '@libs/PaymentUtils';
 import {hasDynamicExternalWorkflow} from '@libs/PolicyUtils';
 import {canIOUBePaid as canIOUBePaidAction, hasHeldExpensesFromTransactions as hasHeldExpensesReportUtils, hasUpdatedTotal, isInvoiceReport as isInvoiceReportUtil} from '@libs/ReportUtils';
 
@@ -131,7 +132,17 @@ function PayPrimaryAction({reportID, chatReportID, isDisabled}: PayPrimaryAction
         }
         if (isDelegateAccessRestricted) {
             showDelegateNoAccessModal();
-        } else if (isAnyTransactionOnHold) {
+            return;
+        }
+
+        if (
+            type === CONST.IOU.PAYMENT_TYPE.VBBA &&
+            selectPartiallySetupBankAccount({state: methodID ? bankAccountList?.[methodID]?.accountData?.state : undefined, methodID, policyID: moneyRequestReport?.policyID})
+        ) {
+            return;
+        }
+
+        if (isAnyTransactionOnHold) {
             openHoldMenu({
                 requestType: CONST.IOU.REPORT_ACTION_TYPE.PAY,
                 paymentType: type,

src/components/Navigation/DebugTabView.tsx

@@ -103,6 +103,8 @@ function getSettingsMessage(status: IndicatorStatus | undefined): TranslationPat
             return 'debug.indicatorStatus.completeHrSetup';
         case CONST.INDICATOR_STATUS.HAS_HR_CONNECTION_ERROR:
             return 'debug.indicatorStatus.theresAProblemWithAnHRConnection';
+        case CONST.INDICATOR_STATUS.HAS_VALIDATION_FAILED_BANK_ACCOUNT:
+            return 'debug.indicatorStatus.aBankAccountFailedValidation';
         default:
             return undefined;
     }
@@ -131,10 +133,9 @@ function getSettingsRoute(status: IndicatorStatus | undefined, reimbursementAcco
         case CONST.INDICATOR_STATUS.HAS_SYNC_ERRORS:
             return ROUTES.WORKSPACE_ACCOUNTING.getRoute(indicatorPolicyID);
         case CONST.INDICATOR_STATUS.HAS_USER_WALLET_ERRORS:
-            return ROUTES.SETTINGS_WALLET;
         case CONST.INDICATOR_STATUS.HAS_WALLET_TERMS_ERRORS:
-            return ROUTES.SETTINGS_WALLET;
         case CONST.INDICATOR_STATUS.HAS_LOCKED_BANK_ACCOUNT:
+        case CONST.INDICATOR_STATUS.HAS_VALIDATION_FAILED_BANK_ACCOUNT:
             return ROUTES.SETTINGS_WALLET;
         case CONST.INDICATOR_STATUS.HAS_MERGE_HR_SETUP_NEEDED:
         case CONST.INDICATOR_STATUS.HAS_HR_CONNECTION_ERROR:

src/components/ReportActionItem/MoneyRequestReportPreview/PayActionButton.tsx

@@ -17,6 +17,7 @@ import usePolicy from '@hooks/usePolicy';
 import {generateDefaultWorkspaceName} from '@libs/actions/Policy/Policy';
 import {getTotalAmountForIOUReportPreviewButton} from '@libs/MoneyRequestReportUtils';
 import {isTrackOnboardingChoice} from '@libs/OnboardingUtils';
+import {selectPartiallySetupBankAccount} from '@libs/PaymentUtils';
 import {hasDynamicExternalWorkflow} from '@libs/PolicyUtils';
 import {getReportOrDraftReport, hasHeldExpensesFromTransactions as hasHeldExpensesReportUtils, hasUpdatedTotal, isInvoiceReport as isInvoiceReportUtils} from '@libs/ReportUtils';
 
@@ -26,6 +27,7 @@ import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import ROUTES from '@src/ROUTES';
 
+import {bankAccountStatesSelector} from '@selectors/BankAccount';
 import {hasSeenTourSelector} from '@selectors/Onboarding';
 import React from 'react';
 
@@ -61,6 +63,7 @@ function PayActionButton() {
     const [introSelected] = useOnyx(ONYXKEYS.NVP_INTRO_SELECTED);
     const [isSelfTourViewed] = useOnyx(ONYXKEYS.NVP_ONBOARDING, {selector: hasSeenTourSelector});
     const [rules] = useOnyx(ONYXKEYS.COLLECTION.RULE);
+    const [bankAccountStates] = useOnyx(ONYXKEYS.BANK_ACCOUNT_LIST, {selector: bankAccountStatesSelector});
 
     const isTrackIntentUser = isTrackOnboardingChoice(introSelected?.choice);
 
@@ -79,7 +82,14 @@ function PayActionButton() {
         }
         if (isDelegateAccessRestricted) {
             showDelegateNoAccessModal();
-        } else if (hasHeldExpensesReportUtils(transactions)) {
+            return;
+        }
+
+        if (type === CONST.IOU.PAYMENT_TYPE.VBBA && selectPartiallySetupBankAccount({state: methodID ? bankAccountStates?.[methodID] : undefined, methodID, policyID: policy?.id})) {
+            return;
+        }
+
+        if (hasHeldExpensesReportUtils(transactions)) {
             onHoldMenuOpen(type, shouldShowPayButton, methodID);
         } else if (chatReport && iouReport) {
             const currentChatReport = getReportOrDraftReport(chatReportID) ?? chatReport;

src/components/Search/SearchList/ListItem/ActionCell/PayActionCell.tsx

@@ -16,6 +16,7 @@ import {payInvoice, payMoneyRequest} from '@libs/actions/IOU/PayMoneyRequest';
 import {getChatReportWithFallback, getSearchPayOnyxData} from '@libs/actions/Search';
 import getNonEmptyStringOnyxID from '@libs/getNonEmptyStringOnyxID';
 import Log from '@libs/Log';
+import {selectPartiallySetupBankAccount} from '@libs/PaymentUtils';
 import {canIOUBePaid, getReimbursableTotal, isArchivedReport, isIndividualInvoiceRoom, isInvoiceReport} from '@libs/ReportUtils';
 
 import CONST from '@src/CONST';
@@ -111,6 +112,10 @@ function PayActionCell({isLoading, policyID, reportID, hash, amount, shouldDisab
             return;
         }
 
+        if (type === CONST.IOU.PAYMENT_TYPE.VBBA && selectPartiallySetupBankAccount({state: methodID ? bankAccountList?.[methodID]?.accountData?.state : undefined, methodID, policyID})) {
+            return;
+        }
+
         const additionalOnyxData = getSearchPayOnyxData(hash, reportID);
 
         if (isInvoiceReport(iouReport)) {

src/hooks/useAccountIndicatorChecks.ts

@@ -1,5 +1,5 @@
 import {hasPaymentMethodError} from '@libs/actions/PaymentMethods';
-import {hasPartiallySetupBankAccount, hasPersonalBankAccountMissingInfo} from '@libs/BankAccountUtils';
+import {hasPartiallySetupBankAccount, hasPersonalBankAccountMissingInfo, hasValidationFailedBankAccount} from '@libs/BankAccountUtils';
 import {hasCardPendingDigitalWalletApproval, hasPendingExpensifyCardAction} from '@libs/CardUtils';
 import {hasSubscriptionGreenDotInfo, hasSubscriptionRedDotError} from '@libs/SubscriptionUtils';
 import {expensifyLoginsSelector, hasDeviceManagementError, hasLoginListError, hasLoginListInfo} from '@libs/UserUtils';
@@ -68,6 +68,7 @@ function useAccountIndicatorChecks(): AccountIndicatorChecksResult {
         [CONST.INDICATOR_STATUS.HAS_EMPLOYEE_CARD_FEED_ERRORS]: !isPolicyAdmin ? hasCompanyCardFeedErrors : false,
         [CONST.INDICATOR_STATUS.HAS_LOCKED_BANK_ACCOUNT]: Object.values(bankAccountList ?? {}).some((bankAccount) => bankAccount?.accountData?.state === CONST.BANK_ACCOUNT.STATE.LOCKED),
         [CONST.INDICATOR_STATUS.HAS_DEVICE_MANAGEMENT_ERROR]: hasDeviceManagementErrorValue,
+        [CONST.INDICATOR_STATUS.HAS_VALIDATION_FAILED_BANK_ACCOUNT]: hasValidationFailedBankAccount(bankAccountList),
     };
 
     const infoChecks: Partial<Record<IndicatorStatus, boolean>> = {

src/languages/de.ts

@@ -493,6 +493,7 @@ const translations: TranslationDeepObject<typeof en> = {
         copyToClipboard: 'In Zwischenablage kopieren',
         thisIsTakingLongerThanExpected: 'Das dauert länger als erwartet ...',
         domains: 'Domains',
+        actionRequired: 'Aktion erforderlich',
         duplicate: 'Duplizieren',
         duplicated: 'Dupliziert',
         duplicateExpense: 'Doppelte Ausgabe',
@@ -2824,6 +2825,19 @@ const translations: TranslationDeepObject<typeof en> = {
             confirmTestTransactions: 'Bitte bestätigen Sie Testtransaktionen',
             accountRequiresAttention: 'Dieses Konto erfordert Ihre Aufmerksamkeit',
             unlock: 'Entsperren',
+            debitBlocked: 'Ihre Bank hat Testtransaktionen auf dieses Konto blockiert',
+            insufficientFunds: 'Testtransaktionen sind aufgrund unzureichender Deckung fehlgeschlagen',
+            validationFailedFallback: 'Ihre Bank hat Testtransaktionen auf dieses Konto blockiert. <concierge-link>Kontaktieren Sie Concierge</concierge-link>',
+        },
+        fixBankAccount: {
+            title: 'Bankkonto beheben',
+            debitBlockedBody:
+                'Ihre Bank hat die Testtransaktionen zu diesem Konto blockiert.<br/><br/>Bitte lassen Sie die ACH-IDs von Expensify auf die Whitelist setzen:<bullet-list><bullet-item>1270239450</bullet-item><bullet-item>2270239450</bullet-item><bullet-item>4270239450</bullet-item></bullet-list>Senden Sie anschließend die Testtransaktionen unten erneut.',
+            insufficientFundsBody: 'Testtransaktionen sind aufgrund unzureichender Kontodeckung fehlgeschlagen. Sobald wieder Geld verfügbar ist, verwenden Sie die Schaltfläche unten.',
+            resendButton: 'Transaktionen erneut senden',
+            successTitle: 'Transaktionen gesendet!',
+            successBody: 'Prüfen Sie Ihr Bankkonto in den nächsten 1–2 Werktagen.',
+            successButton: 'Verstanden',
         },
     },
     addCardToDigitalWallet: {
@@ -11667,6 +11681,7 @@ Fügen Sie weitere Ausgabelimits hinzu, um den Cashflow Ihres Unternehmens zu sc
             aBankAccountIsLocked: 'Ein Bankkonto ist gesperrt',
             completeHrSetup: 'HR-Einrichtung abschließen',
             theresAProblemWithAnHRConnection: 'Es gibt ein Problem mit einer HR-Verbindung',
+            aBankAccountFailedValidation: 'Ein Bankkonto hat die Validierung nicht bestanden',
         },
     },
     emptySearchView: {