fix: Approved expense preview does not show GBR when submitter needs to add a bank account

src/components/ReportActionItem/ReportPreview.tsx

@@ -1,8 +1,8 @@
 import React, {useMemo} from 'react';
-import {View} from 'react-native';
 import type {StyleProp, ViewStyle} from 'react-native';
-import {withOnyx} from 'react-native-onyx';
+import {View} from 'react-native';
 import type {OnyxCollection, OnyxEntry} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
 import Button from '@components/Button';
 import Icon from '@components/Icon';
 import * as Expensicons from '@components/Icon/Expensicons';
@@ -228,6 +228,10 @@ function ReportPreview({
         return isCurrentUserManager && !isDraftExpenseReport && !isApproved && !iouSettled;
     }, [isPaidGroupPolicy, isCurrentUserManager, isDraftExpenseReport, isApproved, iouSettled]);
     const shouldShowSettlementButton = shouldShowPayButton || shouldShowApproveButton;
+
+    const shouldPromptUserToAddBankAccount = ReportUtils.hasAddBankAccountAction(iouReportID);
+    const shouldShowRBR = !iouSettled && hasErrors;
+
     return (
         <OfflineWithFeedback pendingAction={iouReport?.pendingFields?.preview}>
             <View style={[styles.chatItemMessage, containerStyles]}>
@@ -256,12 +260,18 @@ function ReportPreview({
                                 <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>
                                     <Text style={[styles.textLabelSupporting, styles.mb1, styles.lh20]}>{getPreviewMessage()}</Text>
                                 </View>
-                                {!iouSettled && hasErrors && (
+                                {shouldShowRBR && (
                                     <Icon
                                         src={Expensicons.DotIndicator}
                                         fill={theme.danger}
                                     />
                                 )}
+                                {!shouldShowRBR && shouldPromptUserToAddBankAccount && (
+                                    <Icon
+                                        src={Expensicons.DotIndicator}
+                                        fill={theme.success}
+                                    />
+                                )}
                             </View>
                             <View style={styles.flexRow}>
                                 <View style={[styles.flex1, styles.flexRow, styles.alignItemsCenter]}>

src/libs/ReportUtils.ts

@@ -38,6 +38,7 @@ import type {Receipt, WaypointCollection} from '@src/types/onyx/Transaction';
 import type {EmptyObject} from '@src/types/utils/EmptyObject';
 import {isEmptyObject} from '@src/types/utils/EmptyObject';
 import type IconAsset from '@src/types/utils/IconAsset';
+import * as store from './actions/ReimbursementAccount/store';
 import * as CollectionUtils from './CollectionUtils';
 import * as CurrencyUtils from './CurrencyUtils';
 import DateUtils from './DateUtils';
@@ -4677,6 +4678,22 @@ function canBeAutoReimbursed(report: OnyxEntry<Report>, policy: OnyxEntry<Policy
     return isAutoReimbursable;
 }
 
+/**
+ * Checks if report chat contains add bank account action
+ */
+function hasAddBankAccountAction(iouReportID: string): boolean {
+    const reportActions = ReportActionsUtils.getAllReportActions(iouReportID);
+    const isSubmitterOfUnsettledReport = isCurrentUserSubmitter(iouReportID) && !isSettled(iouReportID);
+    const hasCreditBankAccount = store.hasCreditBankAccount();
+    return !!Object.values(reportActions).find(
+        (action) =>
+            action.actionName === CONST.REPORT.ACTIONS.TYPE.REIMBURSEMENTQUEUED &&
+            isSubmitterOfUnsettledReport &&
+            !hasCreditBankAccount &&
+            (action.originalMessage as IOUMessage)?.paymentType !== CONST.IOU.PAYMENT_TYPE.EXPENSIFY,
+    );
+}
+
 export {
     getReportParticipantsTitle,
     isReportMessageAttachment,
@@ -4861,6 +4878,7 @@ export {
     isReportParticipant,
     isValidReport,
     isReportFieldOfTypeTitle,
+    hasAddBankAccountAction,
     isReportFieldDisabled,
     getAvailableReportFields,
 };