Cover letter for fraudulent reason

changelog/add-components-for-the-new-evidence-screen

@@ -0,0 +1,4 @@
+Significance: patch
+Type: dev
+
+Add the components that will be used on the evidence form

client/components/wp-components-wrapped/index.tsx

@@ -23,6 +23,7 @@ import {
 	SelectControl as BundledWordPressComponentsSelectControl,
 	TextControl as BundledWordPressComponentsTextControl,
 	TextareaControl as BundledWordPressComponentsTextareaControl,
+	FormFileUpload as BundledWordPressComponentsFormFileUpload,
 } from '@wordpress/components';
 import BundledWordPressComponentsCardNotice from 'wcpay/components/card-notice';
 
@@ -391,6 +392,23 @@ const WrappedTextareaControl = (
 	return <TextareaControl { ...rest } />;
 };
 
+const WrappedFormFileUpload = (
+	props: ComponentProps< typeof BundledWordPressComponentsFormFileUpload > & {
+		useBundledComponent?: boolean;
+	}
+) => {
+	const { useBundledComponent, ...rest } = props;
+	const context = useContext( WordPressComponentsContext );
+
+	if ( ! context || useBundledComponent ) {
+		return <BundledWordPressComponentsFormFileUpload { ...rest } />;
+	}
+
+	const { FormFileUpload } = context;
+
+	return <FormFileUpload { ...rest } />;
+};
+
 export {
 	WrappedCard as Card,
 	WrappedCardBody as CardBody,
@@ -413,4 +431,5 @@ export {
 	WrappedSelectControl as SelectControl,
 	WrappedTextControl as TextControl,
 	WrappedTextareaControl as TextareaControl,
+	WrappedFormFileUpload as FormFileUpload,
 };

client/data/payment-intents/test/hooks.ts

@@ -65,6 +65,7 @@ export const chargeMock: Charge = {
 		customer_name: '',
 		customer_email: '',
 		subscriptions: [],
+		ip_address: '127.0.0.1',
 	},
 	outcome: {
 		network_status: 'approved_by_network',
@@ -100,6 +101,7 @@ export const paymentIntentMock: PaymentIntent = {
 		customer_name: '',
 		customer_email: '',
 		fraud_meta_box_type: 'review',
+		ip_address: '127.0.0.1',
 	},
 };