Merge pull request #526 from newfold-labs/add/error-event

Sitegen: Report an event when the error state is triggered

src/OnboardingSPA/components/StateHandlers/SitegenAi/index.js

@@ -1,7 +1,15 @@
-import { Fragment } from '@wordpress/element';
-import SiteGenSiteError from '../../SiteGenError';
+import { Fragment, useEffect } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
+
 import { store as nfdOnboardingStore } from '../../../store';
+import {
+	OnboardingEvent,
+	trackOnboardingEvent,
+} from '../../../utils/analytics/hiive';
+import { ACTION_SITEGEN_ERROR_STATE_TRIGGERED } from '../../../utils/analytics/hiive/constants';
+import { SITEGEN_FLOW } from '../../../data/flows/constants';
+
+import SiteGenSiteError from '../../SiteGenError';
 
 const SitegenAiStateHandler = ( { children } ) => {
 	const { siteGenErrorStatus } = useSelect( ( select ) => {
@@ -11,6 +19,20 @@ const SitegenAiStateHandler = ( { children } ) => {
 		};
 	} );
 
+	useEffect( () => {
+		if ( siteGenErrorStatus === true ) {
+			trackOnboardingEvent(
+				new OnboardingEvent(
+					ACTION_SITEGEN_ERROR_STATE_TRIGGERED,
+					undefined,
+					{
+						source: SITEGEN_FLOW,
+					}
+				)
+			);
+		}
+	}, [ siteGenErrorStatus ] );
+
 	const handleRender = () => {
 		if ( siteGenErrorStatus ) {
 			return <SiteGenSiteError />;

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

@@ -32,6 +32,7 @@ export const ACTION_SITEGEN_HOMEPAGE_FAVORITED = 'homepage_favorited';
 export const ACTION_SITEGEN_HOMEPAGE_RENAMED = 'homepage_renamed';
 export const ACTION_SITEGEN_SIDEBAR_OPENED = 'sidebar_opened';
 export const ACTION_SITEGEN_SITE_GENERATION_TIME = 'site_generation_time';
+export const ACTION_SITEGEN_ERROR_STATE_TRIGGERED = 'error_state_triggered';
 export const CATEGORY = 'wonder_start';
 
 export const ACTION_TO_LABEL_KEY_MAP = {