Woop installer: restore autotransferring handling (#58811)

* woop: restore autotransferring handling

* woop: fetch status in transfer step

* woop: add delay before redirect after transferring

client/signup/steps/woocommerce-install/confirm/index.tsx

@@ -86,15 +86,21 @@ export default function Confirm( props: WooCommerceInstallProps ): ReactElement
 		isDataReady,
 		warnings,
 		isAtomicSite,
+		isReadyForTransfer,
 	} = useWooCommerceOnPlansEligibility( siteId );
 
 	useEffect( () => {
 		if ( ! isAtomicSite ) {
+			// Automatically start the transfer process when it's ready.
+			if ( isReadyForTransfer ) {
+				return goToStep( 'transfer' );
+			}
+
 			return;
 		}
 
 		page.redirect( `/woocommerce-installation/${ wpcomDomain }` );
-	}, [ isAtomicSite, wpcomDomain ] );
+	}, [ goToStep, isAtomicSite, isReadyForTransfer, wpcomDomain ] );
 
 	function getWPComSubdomainWarningContent() {
 		if ( ! wpcomSubdomainWarning ) {

client/signup/steps/woocommerce-install/transfer/index.tsx

@@ -3,6 +3,7 @@ import { useI18n } from '@wordpress/react-i18n';
 import { ReactElement, useState, useEffect } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import StepWrapper from 'calypso/signup/step-wrapper';
+import { fetchAutomatedTransferStatus } from 'calypso/state/automated-transfer/actions';
 import { transferStates } from 'calypso/state/automated-transfer/constants';
 import {
 	isFetchingAutomatedTransferStatus,
@@ -41,6 +42,7 @@ export default function Transfer( props: WooCommerceInstallProps ): ReactElement
 			return;
 		}
 
+		dispatch( fetchAutomatedTransferStatus( siteId ) );
 		dispatch( initiateThemeTransfer( siteId, null, 'woocommerce' ) );
 	}, [ siteId, dispatch ] );
 
@@ -78,7 +80,6 @@ export default function Transfer( props: WooCommerceInstallProps ): ReactElement
 				break;
 			case transferStates.COMPLETE:
 				setProgress( 1 );
-				window.location.href = wcAdmin;
 				break;
 		}
 
@@ -123,6 +124,23 @@ export default function Transfer( props: WooCommerceInstallProps ): ReactElement
 		return () => clearTimeout( timeOutReference );
 	}, [ simulatedProgress, progress, __ ] );
 
+	useEffect( () => {
+		if ( simulatedProgress < 1 ) {
+			return;
+		}
+
+		const timer = setTimeout( () => {
+			window.location.href = wcAdmin;
+		}, 5000 );
+
+		return function () {
+			if ( ! timer ) {
+				return;
+			}
+			window.clearTimeout( timer );
+		};
+	}, [ simulatedProgress, wcAdmin ] );
+
 	return (
 		<StepWrapper
 			flowName="woocommerce-install"