Add 2MB per-file size limit for Corpay onboarding document uploads

The UploadFile component had a totalFilesSizeLimit prop but no per-file
size validation, allowing individual files larger than the backend's
limit to be uploaded. This adds a maxFileSize prop to UploadFile and
passes it (2MB) in both the Signer and BeneficialOwner upload pages.

Co-authored-by: madmax330 <madmax330@users.noreply.github.com>
Co-authored-by: Maxence Coulibaly <madmax330@users.noreply.github.com>

Author: MelvinBot

src/CONST/index.ts

@@ -683,6 +683,7 @@ const CONST = {
     NON_USD_BANK_ACCOUNT: {
         ALLOWED_FILE_TYPES: ['pdf', 'jpg', 'jpeg', 'png'],
         FILE_LIMIT: 1,
+        MAX_FILE_SIZE: 2097152,
         TOTAL_FILES_SIZE_LIMIT: 5242880,
         PURPOSE_OF_TRANSACTION_ID: 'Intercompany_Payment',
         CURRENT_USER_KEY: 'currentUser',

src/components/UploadFile.tsx

@@ -49,6 +49,9 @@ type UploadFileProps = {
 
     /** The total size limit of the files that can be selected. */
     totalFilesSizeLimit?: number;
+
+    /** The maximum size of a single file that can be selected. */
+    maxFileSize?: number;
 };
 
 function UploadFile({
@@ -63,6 +66,7 @@ function UploadFile({
     onInputChange = () => {},
     totalFilesSizeLimit = 0,
     fileLimit = 0,
+    maxFileSize = 0,
 }: UploadFileProps) {
     const icons = useMemoizedLazyExpensifyIcons(['Close', 'Paperclip']);
     const {translate} = useLocalize();
@@ -73,6 +77,14 @@ function UploadFile({
 
         const totalSize = resultedFiles.reduce((sum, file) => sum + (file.size ?? 0), 0);
 
+        if (maxFileSize) {
+            const oversizedFile = files.find((file) => (file.size ?? 0) > maxFileSize);
+            if (oversizedFile) {
+                setError(translate('attachmentPicker.sizeExceededWithLimit', maxFileSize / (1024 * 1024)));
+                return;
+            }
+        }
+
         if (totalFilesSizeLimit) {
             if (totalSize > totalFilesSizeLimit) {
                 setError(translate('attachmentPicker.sizeExceededWithValue', totalFilesSizeLimit / (1024 * 1024)));

src/pages/ReimbursementAccount/NonUSD/BeneficialOwnerInfo/BeneficialOwnerDetailsFormSubSteps/Documents.tsx

@@ -125,6 +125,7 @@ function Documents({onNext, isEditing, ownerBeingModifiedID}: DocumentsProps) {
                             setUploadError(error, proofOfOwnershipInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                         acceptedFileTypes={[...CONST.NON_USD_BANK_ACCOUNT.ALLOWED_FILE_TYPES]}
                         value={defaultValues[proofOfOwnershipInputID]}
                         inputID={proofOfOwnershipInputID}
@@ -153,6 +154,7 @@ function Documents({onNext, isEditing, ownerBeingModifiedID}: DocumentsProps) {
                             setUploadError(error, copyOfIDInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                         acceptedFileTypes={[...CONST.NON_USD_BANK_ACCOUNT.ALLOWED_FILE_TYPES]}
                         value={defaultValues[copyOfIDInputID]}
                         inputID={copyOfIDInputID}
@@ -179,6 +181,7 @@ function Documents({onNext, isEditing, ownerBeingModifiedID}: DocumentsProps) {
                             setUploadError(error, addressProofInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                         acceptedFileTypes={[...CONST.NON_USD_BANK_ACCOUNT.ALLOWED_FILE_TYPES]}
                         value={defaultValues[addressProofInputID]}
                         inputID={addressProofInputID}
@@ -205,6 +208,7 @@ function Documents({onNext, isEditing, ownerBeingModifiedID}: DocumentsProps) {
                             setUploadError(error, codiceFiscaleInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                         acceptedFileTypes={[...CONST.NON_USD_BANK_ACCOUNT.ALLOWED_FILE_TYPES]}
                         value={defaultValues[codiceFiscaleInputID]}
                         inputID={codiceFiscaleInputID}

src/pages/ReimbursementAccount/NonUSD/SignerInfo/subSteps/UploadDocuments.tsx

@@ -149,6 +149,7 @@ function UploadDocuments({onNext, isEditing}: UploadDocumentsProps) {
                             setUploadError(error, copyOfIDInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                     />
                     <Text style={[styles.mutedTextLabel, styles.mt6]}>{translate('ownershipInfoStep.copyOfIDDescription')}</Text>
                     {(isDocumentNeededStatus.isAddressProofNeeded ||
@@ -177,6 +178,7 @@ function UploadDocuments({onNext, isEditing}: UploadDocumentsProps) {
                             setUploadError(error, addressProofInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                     />
                     <Text style={[styles.mutedTextLabel, styles.mt6]}>{translate('ownershipInfoStep.proofOfAddressDescription')}</Text>
                     {(isDocumentNeededStatus.isProofOfDirectorsNeeded || isDocumentNeededStatus.isCodiceFiscaleNeeded || isDocumentNeededStatus.isPRDAndFSGNeeded) && (
@@ -204,6 +206,7 @@ function UploadDocuments({onNext, isEditing}: UploadDocumentsProps) {
                             setUploadError(error, directorsProofInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                     />
                     <Text style={[styles.mutedTextLabel, styles.mt6]}>{translate('signerInfoStep.proofOfDirectorsDescription')}</Text>
                     {(isDocumentNeededStatus.isCodiceFiscaleNeeded || isDocumentNeededStatus.isPRDAndFSGNeeded) && <View style={[styles.sectionDividerLine, styles.mt6, styles.mb6]} />}
@@ -229,6 +232,7 @@ function UploadDocuments({onNext, isEditing}: UploadDocumentsProps) {
                             setUploadError(error, codiceFiscaleInputID);
                         }}
                         fileLimit={CONST.NON_USD_BANK_ACCOUNT.FILE_LIMIT}
+                        maxFileSize={CONST.NON_USD_BANK_ACCOUNT.MAX_FILE_SIZE}
                     />
                     <Text style={[styles.mutedTextLabel, styles.mt6]}>{translate('signerInfoStep.codiceFiscaleDescription')}</Text>
                     {isDocumentNeededStatus.isPRDAndFSGNeeded && <View style={[styles.sectionDividerLine, styles.mt6, styles.mb6]} />}