Find a way to track migration initiated from MFE

src/OnboardingSPA/components/NewfoldInterfaceSkeleton/SiteBuild/index.js

@@ -35,7 +35,7 @@
 	setSettings,
 	initialize as initializeSettings,
 } from '../../../utils/api/settings';
-import { isEmpty, updateWPSettings } from '../../../utils/api/ecommerce';
+import { fetchWPSettings, isEmpty, updateWPSettings } from '../../../utils/api/ecommerce';
 import { store as nfdOnboardingStore } from '../../../store';
 import { getQueryParam } from '../../../utils';
 import { API_REQUEST } from '../../../../constants';
@@ -64,6 +64,7 @@
 	ACTION_MIGRATION_INITIATED,
 	ACTION_PAGEVIEW,
 	CATEGORY,
+	ACTION_MFE_MIGRATION_INITIATED,
 } from '../../../utils/analytics/hiive/constants';
 
 import { socialMediaStoreToState } from '../../SocialMediaForm/utils';
@@ -116,12 +117,13 @@
 					select( nfdOnboardingStore ).getinstaWpMigrationUrl(),
 			};
 		},
 		[ location.pathname ]
 	);
 
 	const [ isRequestPlaced, setIsRequestPlaced ] = useState( false );
 	const [ didVisitBasicInfo, setDidVisitBasicInfo ] = useState( false );
 	const [ didVisitEcommerce, setDidVisitEcommerce ] = useState( false );
+	const [ isMfeMigrationInitiated, setIsMfeMigrationInitiated ] = useState( false );
 	const {
 		setActiveChapter,
 		flushQueue,
@@ -389,7 +391,7 @@
 			if ( instaWpMigrationUrl ) {
 				sendOnboardingEvent(
 					new OnboardingEvent(
-						ACTION_MIGRATION_INITIATED,
+						isMfeMigrationInitiated ? ACTION_MFE_MIGRATION_INITIATED : ACTION_MIGRATION_INITIATED,
 						instaWpMigrationUrl
 					)
 				);
@@ -399,12 +401,13 @@
 
 	useEffect( () => {
 		trackChapters();
 	}, [ currentStep ] );
 
 	// Track Migration Initated Event in the Migration Step.
 	useEffect( () => {
+		fetchWPSettings().then( ( res ) => ( setIsMfeMigrationInitiated( res.nfd_migrate_site ) ) );
 		trackInstaWpMigrationEvent();
 	}, [ instaWpMigrationUrl ] );
 
 	const prioritizeFlow = () => {
 		const currentFlow = window.nfdOnboarding.currentFlow;
@@ -445,13 +448,13 @@
 			initializeSettings();
 			setInterval( cronTrigger, 45000 );
 		}
 	}, [ initialize ] );
 
 	useEffect( () => {
 		if ( false !== brandConfig?.prioritization ) {
 			return prioritizeFlow();
 		}
 	}, [ experienceLevel, topPriority ] );
 
 	useEffect( () => {
 		document.body.classList.add( `nfd-brand-${ newfoldBrand }` );
@@ -461,7 +464,7 @@
 		syncStoreToDB();
 		handlePreviousStepTracking();
 		handleConditionalDesignStepsRoutes();
 	}, [ location.pathname, onboardingFlow ] );
 
 	useEffect( () => {
 		sendOnboardingEvent( new OnboardingEvent( ACTION_PAGEVIEW ) );

src/OnboardingSPA/utils/analytics/hiive/constants.js

@@ -21,6 +21,7 @@ export const ACTION_ONBOARDING_CHAPTER_STARTED = 'onboarding_chapter_started';
 export const ACTION_ONBOARDING_CHAPTER_COMPLETE = 'onboarding_chapter_complete';
 export const ACTION_SOCIAL_ADDED = 'social_added';
 export const ACTION_MIGRATION_INITIATED = 'migration_initiated';
+export const ACTION_MFE_MIGRATION_INITIATED = 'mfe_migration_initiated';
 
 export const ACTION_SITEGEN_FORK_OPTION_SELECTED = 'fork_option_selected';
 export const ACTION_SITEGEN_SITE_DETAILS_PROMPT_SET = 'site_details_prompt_set';
@@ -66,5 +67,6 @@ export const ACTION_TO_LABEL_KEY_MAP = {
 	[ ACTION_SITEGEN_HOMEPAGE_RENAMED ]: 'version',
 	[ ACTION_SITEGEN_SITE_GENERATION_TIME ]: 'time',
 	[ ACTION_MIGRATION_INITIATED ]: 'path',
+	[ ACTION_MFE_MIGRATION_INITIATED ]: 'path',
 	[ ACTION_SITEGEN_ERROR_STATE_TRIGGERED ]: 'identifier',
 };