Remove the accounts connection page from the Ads Setup flow.

js/src/setup-ads/ads-stepper/index.js

@@ -18,6 +18,7 @@
 	FILTER_ONBOARDING,
 	CONTEXT_ADS_ONBOARDING,
 } from '.~/utils/tracks';
+import { glaData } from '.~/constants';
 
 /**
  * @param {Object} props React props
@@ -27,6 +28,7 @@
  */
 const AdsStepper = ( { formProps } ) => {
 	const [ step, setStep ] = useState( '1' );
+	const hasGoogleAdsId = glaData.initialWpData.adsId;
 
 	useEventPropertiesFilter( FILTER_ONBOARDING, {
 		context: CONTEXT_ADS_ONBOARDING,
@@ -59,51 +61,57 @@
 	};
 
 	const handleCreateCampaignContinue = () => {
-		continueStep( '3' );
+		continueStep( hasGoogleAdsId ? '2' : '3' );
 	};
 
+	let steps = [
+		{
+			key: '1',
+			label: __( 'Set up your accounts', 'google-listings-and-ads' ),
+			content: (
+				<SetupAccounts onContinue={ handleSetupAccountsContinue } />
+			),
+			onClick: handleStepClick,
+		},
+		{
+			key: '2',
+			label: __( 'Create your paid campaign', 'google-listings-and-ads' ),
+			content: (
+				<AdsCampaign
+					trackingContext="setup-ads"
+					onContinue={ handleCreateCampaignContinue }
+				/>
+			),
+			onClick: handleStepClick,
+		},
+		{
+			key: '3',
+			label: __( 'Set up billing', 'google-listings-and-ads' ),
+			content: <SetupBilling formProps={ formProps } />,
+			onClick: handleStepClick,
+		},
+	];
+
+	if ( hasGoogleAdsId ) {
+		// Remove first step if there's an Ads account connected.
+		steps.shift();
+
+		steps = steps.map( ( singleStep ) => {
+			return {
+				...singleStep,
+				key: ( parseInt( singleStep.key, 10 ) - 1 ).toString(),
+			};
+		}, [] );
+	}
+
 	return (
 		// This Stepper with this class name
 		// should be refactored into separate shared component.
 		// It is also used in the Setup MC flow.
 		<Stepper
 			className="gla-setup-stepper"
 			currentStep={ step }
-			steps={ [
-				{
-					key: '1',
-					label: __(
-						'Set up your accounts',
-						'google-listings-and-ads'
-					),
-					content: (
-						<SetupAccounts
-							onContinue={ handleSetupAccountsContinue }
-						/>
-					),
-					onClick: handleStepClick,
-				},
-				{
-					key: '2',
-					label: __(
-						'Create your paid campaign',
-						'google-listings-and-ads'
-					),
-					content: (
-						<AdsCampaign
-							trackingContext="setup-ads"
-							onContinue={ handleCreateCampaignContinue }
-						/>
-					),
-					onClick: handleStepClick,
-				},
-				{
-					key: '3',
-					label: __( 'Set up billing', 'google-listings-and-ads' ),
-					content: <SetupBilling formProps={ formProps } />,
-					onClick: handleStepClick,
-				},
-			] }
+			steps={ steps }
 		/>
 	);
 };