Restrict Site Transfer Input to Email Addresses (#97103)

client/my-sites/people/team-members-site-transfer/index.tsx

@@ -29,7 +29,7 @@ function TeamMembersSiteTransfer( props: Props ) {
 	}
 
 	function onClick( user: Member ) {
-		props.onClick( user.login );
+		props.onClick( user.email as string );
 	}
 
 	function renderPerson( user: Member ) {

client/sites/settings/administration/tools/transfer-site/site-owner-user-search.tsx

@@ -87,9 +87,9 @@ const SiteOwnerTransferEligibility = ( {
 		checkSiteTransferEligibility( { newSiteOwner: tempSiteOwner } );
 	};
 
-	function onUserClick( userLogin: string ) {
-		onRecipientChange( userLogin );
-		checkSiteTransferEligibility( { newSiteOwner: userLogin } );
+	function onUserClick( userEmail: string ) {
+		onRecipientChange( userEmail );
+		checkSiteTransferEligibility( { newSiteOwner: userEmail } );
 	}
 
 	function onRecipientChange( recipient: string ) {
@@ -102,7 +102,7 @@ const SiteOwnerTransferEligibility = ( {
 		<form onSubmit={ handleFormSubmit }>
 			<FormText>
 				{ translate(
-					"Ready to transfer {{strong}}%(siteSlug)s{{/strong}} and its associated purchases? Simply enter the new owner's email or WordPress.com username below, or choose an existing user to start the transfer process.",
+					"Ready to transfer {{strong}}%(siteSlug)s{{/strong}} and its associated purchases? Simply enter the new owner's email below, or choose an existing user to start the transfer process.",
 					{
 						args: { siteSlug },
 						components: { strong: <Strong /> },
@@ -111,13 +111,13 @@ const SiteOwnerTransferEligibility = ( {
 			</FormText>
 
 			<FormFieldset>
-				<FormLabel>{ translate( 'Email or WordPress.com username' ) }</FormLabel>
+				<FormLabel>{ translate( 'Email' ) }</FormLabel>
 				<FormTextInput
 					id="recipient"
 					name="recipient"
 					value={ tempSiteOwner }
 					isError={ recipientError }
-					placeholder="@"
+					placeholder="[email protected]"
 					onChange={ ( e: ChangeEvent< HTMLInputElement > ) => onRecipientChange( e.target.value ) }
 				/>
 				{ recipientError && (
@@ -144,7 +144,7 @@ const SiteOwnerTransferEligibility = ( {
 				<TeamMembersSiteTransfer
 					search={ tempSiteOwner }
 					usersQuery={ usersQuery }
-					onClick={ ( userLogin: string ) => onUserClick( userLogin ) }
+					onClick={ ( userEmail: string ) => onUserClick( userEmail ) }
 				/>
 			) }