From 0f04518ae2c08aa62d48e344b834b92b64c56fdb Mon Sep 17 00:00:00 2001
From: Maria D'Costa <maria@expensify.com>
Date: Tue, 25 Oct 2022 10:36:16 +0400
Subject: [PATCH] Add FullPageOfflineBlockingView for requestor Onfido step

---
 .../RequestorOnfidoStep.js                    | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/pages/ReimbursementAccount/RequestorOnfidoStep.js b/src/pages/ReimbursementAccount/RequestorOnfidoStep.js
index 0101bd216c5fd..656b0da5138e5 100644
--- a/src/pages/ReimbursementAccount/RequestorOnfidoStep.js
+++ b/src/pages/ReimbursementAccount/RequestorOnfidoStep.js
@@ -13,6 +13,7 @@ import Growl from '../../libs/Growl';
 import reimbursementAccountPropTypes from './reimbursementAccountPropTypes';
 import reimbursementAccountDraftPropTypes from './ReimbursementAccountDraftPropTypes';
 import CONST from '../../CONST';
+import FullPageOfflineBlockingView from '../../components/BlockingViews/FullPageOfflineBlockingView';
 
 const propTypes = {
     /** Bank account currently in setup */
@@ -50,23 +51,25 @@ class RequestorOnfidoStep extends React.Component {
 
     render() {
         return (
-            <ScrollView contentContainerStyle={styles.flex1}>
-                <Onfido
-                    sdkToken={this.props.onfidoToken}
-                    onUserExit={() => {
-                        // We're taking the user back to the company step. They will need to come back to the requestor step to make the Onfido flow appear again.
-                        BankAccounts.goToWithdrawalAccountSetupStep(CONST.BANK_ACCOUNT.STEP.COMPANY);
-                    }}
-                    onError={() => {
-                        // In case of any unexpected error we log it to the server, show a growl, and return the user back to the company step so they can try again.
-                        Growl.error(this.props.translate('onfidoStep.genericError'), 10000);
-                        BankAccounts.goToWithdrawalAccountSetupStep(CONST.BANK_ACCOUNT.STEP.COMPANY);
-                    }}
-                    onSuccess={(onfidoData) => {
-                        this.submit(onfidoData);
-                    }}
-                />
-            </ScrollView>
+            <FullPageOfflineBlockingView>
+                <ScrollView contentContainerStyle={styles.flex1}>
+                    <Onfido
+                        sdkToken={this.props.onfidoToken}
+                        onUserExit={() => {
+                            // We're taking the user back to the company step. They will need to come back to the requestor step to make the Onfido flow appear again.
+                            BankAccounts.goToWithdrawalAccountSetupStep(CONST.BANK_ACCOUNT.STEP.COMPANY);
+                        }}
+                        onError={() => {
+                            // In case of any unexpected error we log it to the server, show a growl, and return the user back to the company step so they can try again.
+                            Growl.error(this.props.translate('onfidoStep.genericError'), 10000);
+                            BankAccounts.goToWithdrawalAccountSetupStep(CONST.BANK_ACCOUNT.STEP.COMPANY);
+                        }}
+                        onSuccess={(onfidoData) => {
+                            this.submit(onfidoData);
+                        }}
+                    />
+                </ScrollView>
+            </FullPageOfflineBlockingView>
         );
     }
 }