feat: track notice reset click in analytics_log

editor.planx.uk/src/@planx/components/Notice/Public.tsx

@@ -9,6 +9,7 @@ import Card from "@planx/components/shared/Preview/Card";
 import { contentFlowSpacing } from "@planx/components/shared/Preview/Card";
 import QuestionHeader from "@planx/components/shared/Preview/QuestionHeader";
 import { PublicProps } from "@planx/components/ui";
+import { useAnalyticsTracking } from "pages/FlowEditor/lib/analyticsProvider";
 import React from "react";
 import { getContrastTextColor } from "styleUtils";
 import { FONT_WEIGHT_SEMI_BOLD } from "theme";
@@ -75,6 +76,13 @@ const NoticeComponent: React.FC<Props> = (props) => {
     ? () => props.handleSubmit?.()
     : undefined;
 
+  const { trackNoticeResetClick } = useAnalyticsTracking();
+
+  const handleResetClick = () => {
+    trackNoticeResetClick({'hasClickedNoticeReset': true})
+    props.resetPreview && props.resetPreview()
+  }
+
   return (
     <Card handleSubmit={handleSubmit} isValid>
       <>
@@ -105,7 +113,7 @@ const NoticeComponent: React.FC<Props> = (props) => {
             variant="contained"
             size="large"
             type="submit"
-            onClick={props.resetPreview}
+            onClick={handleResetClick}
             sx={contentFlowSpacing}
           >
             Back to start

editor.planx.uk/src/pages/FlowEditor/lib/analyticsProvider.tsx

@@ -11,18 +11,21 @@ type AnalyticsLogDirection = AnalyticsType | "forwards" | "backwards";
 
 export type HelpClickMetadata = Record<string, string>;
 export type SelectedUrlsMetadata = Record<'selectedUrls', string[]>;
+export type ResetClickMetadata = Record<'hasClickedNoticeReset', boolean>;
 
 let lastAnalyticsLogId: number | undefined = undefined;
 
 const analyticsContext = createContext<{
   createAnalytics: (type: AnalyticsType) => Promise<void>;
   trackHelpClick: (metadata?: HelpClickMetadata) => Promise<void>;
   trackNextStepsLinkClick: (metadata?: SelectedUrlsMetadata) => Promise<void>;
+  trackNoticeResetClick: (metadata?: ResetClickMetadata) =>Promise<void>;
   node: Store.node | null;
 }>({
   createAnalytics: () => Promise.resolve(),
   trackHelpClick: () => Promise.resolve(),
   trackNextStepsLinkClick: () => Promise.resolve(),
+  trackNoticeResetClick: () => Promise.resolve(),
   node: null,
 });
 const { Provider } = analyticsContext;
@@ -104,6 +107,7 @@ export const AnalyticsProvider: React.FC<{ children: React.ReactNode }> = ({
         createAnalytics,
         trackHelpClick,
         trackNextStepsLinkClick,
+        trackNoticeResetClick,
         node,
       }}
     >
@@ -179,7 +183,7 @@ export const AnalyticsProvider: React.FC<{ children: React.ReactNode }> = ({
     if (shouldTrackAnalytics && lastAnalyticsLogId) {
       await publicClient.mutate({
         mutation: gql`
-          mutation UpdateHasClickNextStepsLink(
+          mutation UpdateHasClickedNextStepsLink(
             $id: bigint!
             $metadata: jsonb = {}
           ) {
@@ -199,6 +203,30 @@ export const AnalyticsProvider: React.FC<{ children: React.ReactNode }> = ({
     }
   }
 
+  async function trackNoticeResetClick(metadata?: ResetClickMetadata) {
+    if (shouldTrackAnalytics && lastAnalyticsLogId) {
+      await publicClient.mutate({
+        mutation: gql`
+          mutation UpdateHasClickedNoticeReset(
+            $id: bigint!,
+            $metadata: jsonb = {}
+          ) {
+            update_analytics_logs_by_pk(
+              pk_columns: { id: $id }
+              _append: { metadata: $metadata }
+            ) {
+              id
+            }
+          }
+        `,
+        variables: {
+          id: lastAnalyticsLogId,
+          metadata,
+        },
+      });
+    }
+  }
+
   async function createAnalytics(type: AnalyticsType) {
     if (shouldTrackAnalytics) {
       const response = await publicClient.mutate({