adding feature flag and refactor styles

client/a8c-for-agencies/sections/signup/index.ts

@@ -1,10 +1,13 @@
+import { isEnabled } from '@automattic/calypso-config';
 import page from '@automattic/calypso-router';
 import { makeLayout, render as clientRender } from 'calypso/controller';
 import * as controller from './controller';
 
 export default function () {
 	page( '/signup', controller.signUpContext, makeLayout, clientRender );
 	page( '/signup/finish', controller.finishSignUpContext, makeLayout, clientRender );
-	page( '/signup/wc-asia', controller.wcAsiaSignupContext, makeLayout, clientRender );
+	if ( isEnabled( 'a4a-wc-asia-signup-enabled' ) ) {
+		page( '/signup/wc-asia', controller.wcAsiaSignupContext, makeLayout, clientRender );
+	}
 	page( '/signup/oauth/token', controller.tokenRedirect, makeLayout, clientRender );
 }

client/a8c-for-agencies/sections/signup/signup-v2/components/multi-step-form/contact-form/index.tsx

@@ -9,6 +9,7 @@ import QuerySmsCountries from 'calypso/components/data/query-countries/sms';
 import FormPhoneInput from 'calypso/components/forms/form-phone-input';
 import FormTextInput from 'calypso/components/forms/form-text-input';
 import { useGetSupportedSMSCountries } from 'calypso/jetpack-cloud/sections/agency-dashboard/downtime-monitoring/contact-editor/hooks';
+
 import './style.scss';
 
 type FormData = {
@@ -115,12 +116,6 @@ const SignupContactForm = ( { onContinue }: Props ) => {
 
 				<FormField label={ translate( 'Phone number' ) } showOptionalLabel>
 					<FormPhoneInput
-						countrySelectProps={ {
-							'data-testid': 'a4a-signup-country-code-select',
-						} }
-						phoneInputProps={ {
-							'data-testid': 'a4a-signup-phone-number-input',
-						} }
 						isDisabled={ noCountryList }
 						countriesList={ countriesList }
 						onChange={ handlePhoneInputChange }

client/a8c-for-agencies/sections/signup/signup-v2/components/multi-step-form/contact-form/style.scss

@@ -58,13 +58,6 @@
 	padding: 2px;
 }
 
-.a4a-form__section-field-label {
-	font-size: 0.875rem;
-	font-weight: 600;
-	color: var(--color-neutral-80);
-	margin-bottom: 8px;
-}
-
 .a4a-form__section-field-required {
 	color: var(--studio-red-50);
 	margin-left: 4px;

client/a8c-for-agencies/sections/signup/signup-v2/components/multi-step-form/finish-signup-survey/index.tsx

@@ -11,18 +11,13 @@ const FinishSignupSurvey: React.FC< Props > = ( { onContinue } ) => {
 
 	return (
 		<Form
-			className="finish-signup-survey-form"
 			title={ translate( 'Thank you!' ) }
 			description={ translate(
 				'We have sent you an email with more details about the program and instructions for logging in. You will also receive your blueprint in the coming days; keep an eye out for it!'
 			) }
 		>
 			<div>
-				<Button
-					className="finish-signup-survey-form__button"
-					variant="primary"
-					onClick={ onContinue }
-				>
+				<Button variant="primary" onClick={ onContinue }>
 					{ translate( 'Close survey' ) }
 				</Button>
 			</div>

config/a8c-for-agencies-development.json

@@ -46,7 +46,8 @@
 		"a4a-migrations-page-v2": true,
 		"a8c-for-agencies-agency-tier": true,
 		"a4a-pressable-referrals": true,
-		"a4a-updated-add-new-site": true
+		"a4a-updated-add-new-site": true,
+		"a4a-wc-asia-signup-enabled": true
 	},
 	"enable_all_sections": false,
 	"sections": {

config/a8c-for-agencies-horizon.json

@@ -39,7 +39,8 @@
 		"a4a-migrations-page-v2": true,
 		"a8c-for-agencies-agency-tier": true,
 		"a4a-pressable-referrals": true,
-		"a4a-updated-add-new-site": true
+		"a4a-updated-add-new-site": true,
+		"a4a-wc-asia-signup-enabled": true
 	},
 	"enable_all_sections": false,
 	"sections": {