From 5b1289777e6e20fe493c368c96624fc95fdc6d3b Mon Sep 17 00:00:00 2001
From: Jessy P <jessy.pappachan@automattic.com>
Date: Thu, 14 Dec 2023 17:53:09 +0530
Subject: [PATCH] Added helpful hint in test mode

---
 client/settings/support-phone-input/index.js | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/client/settings/support-phone-input/index.js b/client/settings/support-phone-input/index.js
index 21e6c50b5ec..5c5092a11f4 100644
--- a/client/settings/support-phone-input/index.js
+++ b/client/settings/support-phone-input/index.js
@@ -50,6 +50,13 @@ const SupportPhoneInput = ( { setInputVallid } ) => {
 		}
 	}, [ supportPhoneError, setInputVallid ] );
 
+	let labelText = __( 'Support phone number', 'woocommerce-payments' );
+	if ( isDevModeEnabled ) {
+		labelText += __(
+			' ( Use +1 000-000-0000 in test mode. )',
+			'woocommerce-payments'
+		);
+	}
 	return (
 		<>
 			{ supportPhoneError && (
@@ -63,7 +70,7 @@ const SupportPhoneInput = ( { setInputVallid } ) => {
 					'This may be visible on receipts, invoices, and automated emails from your store.',
 					'woocommerce-payments'
 				) }
-				label={ __( 'Support phone number', 'woocommerce-payments' ) }
+				label={ labelText }
 				id="account-business-support-phone-input"
 			>
 				<PhoneNumberInput
@@ -71,10 +78,7 @@ const SupportPhoneInput = ( { setInputVallid } ) => {
 					value={ supportPhone }
 					onValidationChange={ setPhoneValidity }
 					inputProps={ {
-						ariaLabel: __(
-							'Support phone number',
-							'woocommerce-payments'
-						),
+						ariaLabel: labelText,
 					} }
 				/>
 			</BaseControl>