added metrics logic to settings

ui/hooks/useMetametrics.ts

@@ -1,11 +1,14 @@
 import { useState, useCallback } from 'react';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import log from 'loglevel';
 import {
   setParticipateInMetaMetrics,
+  setPna25Acknowledged,
   showLoadingIndication,
   hideLoadingIndication,
 } from '../store/actions';
+import { getPna25Acknowledged } from '../selectors/metametrics';
+import { getRemoteFeatureFlags } from '../selectors/remote-feature-flags';
 
 /**
  * Provides a hook to enable MetaMetrics tracking.
@@ -22,6 +25,8 @@ export function useEnableMetametrics(): {
 
   const [loading, setLoading] = useState<boolean>(false);
   const [error, setError] = useState<string | null>(null);
+  const pna25Acknowledged = useSelector(getPna25Acknowledged);
+  const remoteFeatureFlags = useSelector(getRemoteFeatureFlags);
 
   const enableMetametrics = useCallback(async () => {
     setLoading(true);
@@ -30,6 +35,10 @@ export function useEnableMetametrics(): {
 
     try {
       await dispatch(setParticipateInMetaMetrics(true));
+      const isPna25Enabled = remoteFeatureFlags?.extensionUxPna25;
+      if (isPna25Enabled && pna25Acknowledged === false) {
+        await dispatch(setPna25Acknowledged(true));
+      }
     } catch (e) {
       setError(e instanceof Error ? e.message : 'An unexpected error occurred');
       log.error(e);
@@ -40,7 +49,7 @@ export function useEnableMetametrics(): {
     }
 
     dispatch(hideLoadingIndication());
-  }, [dispatch]);
+  }, [dispatch, pna25Acknowledged, remoteFeatureFlags]);
 
   return {
     enableMetametrics,

ui/pages/onboarding-flow/welcome/welcome.js

@@ -31,6 +31,7 @@ import {
   setFirstTimeFlowType,
   startOAuthLogin,
   setParticipateInMetaMetrics,
+  setPna25Acknowledged,
   getIsSeedlessOnboardingUserAuthenticated,
 } from '../../../store/actions';
 import {
@@ -420,6 +421,10 @@ export default function OnboardingWelcome() {
         if (!isFireFox) {
           // automatically set participate in meta metrics to true for social login users in chrome
           dispatch(setParticipateInMetaMetrics(true));
+          // Set pna25Acknowledged to true for social login users if feature flag is enabled
+          if (process.env.EXTENSION_UX_PNA25) {
+            dispatch(setPna25Acknowledged(true));
+          }
         }
       } catch (error) {
         handleLoginError(error);

ui/selectors/metametrics.js

@@ -14,6 +14,8 @@ export const getParticipateInMetaMetrics = (state) =>
 export const getIsParticipateInMetaMetricsSet = (state) =>
   state.metamask.participateInMetaMetrics !== null;
 
+export const getPna25Acknowledged = (state) => state.metamask.pna25Acknowledged;
+
 export const getLatestMetricsEventTimestamp = (state) =>
   state.metamask.latestNonAnonymousEventTimestamp;