Visa Compliance disputes: special notice and attention to a higher fee (#11121)

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/disputes/new-evidence/index.tsx

@@ -576,6 +576,13 @@ export default ( { query }: { query: { id: string } } ) => {
 		dispute.status !== 'needs_response' &&
 		dispute.status !== 'warning_needs_response';
 
+	const isVisaComplianceDispute =
+		dispute &&
+		( dispute.reason === 'noncompliant' ||
+			( dispute?.enhanced_eligibility_types || [] ).includes(
+				'visa_compliance'
+			) );
+
 	// --- Accordion summary content (must be before any early returns) ---
 	const summaryItems = useMemo( () => {
 		if ( ! dispute ) return [];
@@ -933,6 +940,25 @@ export default ( { query }: { query: { id: string } } ) => {
 		</InlineNotice>
 	);
 
+	const inlineNoticeVisaCompliance = () => (
+		<InlineNotice
+			icon
+			isDismissible={ false }
+			status="info"
+			className="dispute-steps__notice-content"
+		>
+			{ createInterpolateElement(
+				__(
+					'<strong>The outcome of this dispute will be determined by Visa.</strong> WooPayments has no influence over the decision and is not liable for any chargebacks.',
+					'woocommerce-payments'
+				),
+				{
+					strong: <strong />,
+				}
+			) }
+		</InlineNotice>
+	);
+
 	// --- Step content ---
 	const renderStepContent = () => {
 		// if ( ! fields.length ) return null;
@@ -981,7 +1007,9 @@ export default ( { query }: { query: { id: string } } ) => {
 						fields={ recommendedDocumentsFields }
 						readOnly={ readOnly }
 					/>
-					{ inlineNotice( bankName ) }
+					{ isVisaComplianceDispute
+						? inlineNoticeVisaCompliance()
+						: inlineNotice( bankName ) }
 				</>
 			);
 		}
@@ -1015,7 +1043,9 @@ export default ( { query }: { query: { id: string } } ) => {
 						fields={ recommendedShippingDocumentsFields }
 						readOnly={ readOnly }
 					/>
-					{ inlineNotice( bankName ) }
+					{ isVisaComplianceDispute
+						? inlineNoticeVisaCompliance()
+						: inlineNotice( bankName ) }
 				</>
 			);
 		}
@@ -1118,7 +1148,9 @@ export default ( { query }: { query: { id: string } } ) => {
 						} }
 						readOnly={ readOnly }
 					/>
-					{ inlineNotice( bankName ) }
+					{ isVisaComplianceDispute
+						? inlineNoticeVisaCompliance()
+						: inlineNotice( bankName ) }
 				</>
 			);
 		}

client/disputes/strings.ts

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