fix: added event for Add Wallet and Import SRP

Author: smgv

ui/components/multichain-accounts/add-wallet-modal/add-wallet-modal.tsx

@@ -127,6 +127,21 @@ export const AddWalletModal: React.FC<AddWalletModalProps> = ({
   const handleOptionClick = (option: WalletOption) => {
     onClose?.();
 
+    // Track the event for the selected option.
+    trackEvent({
+      category: MetaMetricsEventCategory.Navigation,
+      event:
+        option.id === 'import-wallet'
+          ? MetaMetricsEventName.ImportSecretRecoveryPhraseClicked
+          : option.titleKey,
+      properties: {
+        location: 'Main Menu',
+        // TODO: Fix in https://github.com/MetaMask/metamask-extension/issues/31860
+        // eslint-disable-next-line @typescript-eslint/naming-convention
+        hd_entropy_index: null,
+      },
+    });
+
     // Hardware wallet connections require expanded view
     if (option.id === 'hardware-wallet') {
       if (getEnvironmentType() === ENVIRONMENT_TYPE_POPUP) {

ui/pages/multi-srp/import-srp/import-srp.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom-v5-compat';
 import { useI18nContext } from '../../../hooks/useI18nContext';
@@ -18,7 +18,7 @@ import {
 import { setShowNewSrpAddedToast } from '../../../components/app/toast-master/utils';
 import { DEFAULT_ROUTE } from '../../../helpers/constants/routes';
 import { Header, Page } from '../../../components/multichain/pages/page';
-import { getIsSocialLoginFlow } from '../../../selectors';
+import { getHDEntropyIndex, getIsSocialLoginFlow } from '../../../selectors';
 import { getIsSeedlessPasswordOutdated } from '../../../ducks/metamask/metamask';
 import PasswordOutdatedModal from '../../../components/app/password-outdated-modal';
 import { MetaMaskReduxDispatch } from '../../../store/store';
@@ -32,6 +32,11 @@ import {
   TextAlign,
   TextVariant,
 } from '../../../helpers/constants/design-system';
+import { MetaMetricsContext } from '../../../contexts/metametrics';
+import {
+  MetaMetricsEventCategory,
+  MetaMetricsEventName,
+} from '../../../../shared/constants/metametrics';
 
 export const ImportSrp = () => {
   const t = useI18nContext();
@@ -41,6 +46,8 @@ export const ImportSrp = () => {
   const [secretRecoveryPhrase, setSecretRecoveryPhrase] = useState('');
   const isSocialLoginEnabled = useSelector(getIsSocialLoginFlow);
   const isSeedlessPasswordOutdated = useSelector(getIsSeedlessPasswordOutdated);
+  const hdEntropyIndex = useSelector(getHDEntropyIndex);
+  const trackEvent = useContext(MetaMetricsContext);
 
   // Providing duplicate SRP throws an error in metamask-controller, which results in a warning in the UI
   // We want to hide the warning when the component unmounts
@@ -65,6 +72,17 @@ export const ImportSrp = () => {
         }
       }
       await dispatch(importMnemonicToVault(secretRecoveryPhrase));
+
+      // Track the event for the successful import.
+      trackEvent({
+        category: MetaMetricsEventCategory.Wallet,
+        event: MetaMetricsEventName.ImportSecretRecoveryPhraseCompleted,
+        properties: {
+          // eslint-disable-next-line @typescript-eslint/naming-convention
+          hd_entropy_index: hdEntropyIndex,
+        },
+      });
+
       navigate(DEFAULT_ROUTE);
       dispatch(setShowNewSrpAddedToast(true));
     } catch (error) {