Implement visual changes for the Visa Compliance disputes

Author: dmvrtx

changelog/woopmnt-5113-visa-compliance-dispute-requires-attention-to-a-specific-fee

@@ -0,0 +1,4 @@
+Significance: minor
+Type: add
+
+Handling of the Visa Compliance disputes with attention to a specific dispute fee.

client/components/account-details/index.tsx

@@ -6,7 +6,7 @@
 import React from 'react';
 import { __ } from '@wordpress/i18n';
 import { addQueryArgs } from '@wordpress/url';
-import { Card, CardBody, CardHeader, Flex } from '@wordpress/components';
+import { Card, CardBody, CardHeader } from '@wordpress/components';
 
 /**
  * Internal dependencies

client/disputes/strings.ts

@@ -349,6 +349,13 @@ export const reasons: Record<
 			),
 		],
 	},
+	noncompliant: {
+		display: __( 'Non-compliant', 'woocommerce-payments' ),
+		claim: __(
+			'Your customer’s bank claims this payment violates Visa’s rules.',
+			'woocommerce-payments'
+		),
+	},
 };
 
 // Mapping of disputes status to display string.