feat: add 2 staking analytics events

app/components/UI/Stake/hooks/useStakingInput.ts

@@ -15,8 +15,10 @@ import {
   renderFiat,
 } from '../../../../util/number';
 import { strings } from '../../../../../locales/i18n';
+import { MetaMetricsEvents, useMetrics } from '../../../hooks/useMetrics';
 
 const useStakingInputHandlers = (balance: BN) => {
+  const { trackEvent } = useMetrics();
   const [amountEth, setAmountEth] = useState('0');
   const [amountWei, setAmountWei] = useState<BN>(new BN(0));
   const [estimatedAnnualRewards, setEstimatedAnnualRewards] = useState('-');
@@ -71,13 +73,15 @@ const useStakingInputHandlers = (balance: BN) => {
   const handleKeypadChange = useCallback(
     ({ value }) => {
       isEth ? handleEthInput(value) : handleFiatInput(value);
+      trackEvent(MetaMetricsEvents.STAKE_INPUT_CLICKED);
     },
-    [handleEthInput, handleFiatInput, isEth],
+    [handleEthInput, handleFiatInput, isEth, trackEvent],
   );
 
   const handleCurrencySwitch = useCallback(() => {
     setIsEth(!isEth);
-  }, [isEth]);
+    trackEvent(MetaMetricsEvents.STAKE_INPUT_TEXT_ENTERED);
+  }, [isEth, trackEvent]);
 
   const percentageOptions = [
     { value: 0.25, label: '25%' },

app/components/UI/Tokens/index.test.tsx

@@ -11,6 +11,10 @@ import { strings } from '../../../../locales/i18n';
 import AppConstants from '../../../../app/core/AppConstants';
 import Routes from '../../../../app/constants/navigation/Routes';
 import { WalletViewSelectorsIDs } from '../../../../e2e/selectors/wallet/WalletView.selectors';
+import {
+  MetaMetricsEvents,
+  useMetrics,
+} from '../../../../app/components/hooks/useMetrics';
 
 jest.mock('../../../core/Engine', () => ({
   getTotalFiatAccountBalance: jest.fn(),
@@ -104,6 +108,10 @@ jest.mock('@react-navigation/native', () => {
   };
 });
 
+jest.mock('../../../components/hooks/useMetrics', () => ({
+  useMetrics: jest.fn(),
+}));
+
 const Stack = createStackNavigator();
 // TODO: Replace "any" with type
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -123,6 +131,11 @@ const renderComponent = (state: any = {}) =>
   );
 
 describe('Tokens', () => {
+  beforeEach(() => {
+    (useMetrics as jest.Mock).mockReturnValue({
+      trackEvent: jest.fn(),
+    });
+  });
   afterEach(() => {
     mockNavigate.mockClear();
     mockPush.mockClear();
@@ -256,6 +269,10 @@ describe('Tokens', () => {
     expect(getByTestId(WalletViewSelectorsIDs.STAKE_BUTTON)).toBeDefined();
   });
   it('navigates to Portfolio Stake url when stake button is pressed', () => {
+    const trackEvent = jest.fn();
+    (useMetrics as jest.Mock).mockReturnValue({
+      trackEvent,
+    });
     const { getByTestId } = renderComponent(initialState);
 
     fireEvent.press(getByTestId(WalletViewSelectorsIDs.STAKE_BUTTON));
@@ -266,5 +283,16 @@ describe('Tokens', () => {
       },
       screen: Routes.BROWSER.VIEW,
     });
+    expect(trackEvent).toHaveBeenNthCalledWith(
+      1,
+      MetaMetricsEvents.STAKE_BUTTON_CLICKED,
+      {
+        chain_id: expect.any(String),
+        location: 'Home Screen',
+        text: 'Stake',
+        token_symbol: expect.any(String),
+        url: AppConstants.STAKE.URL,
+      },
+    );
   });
 });

app/core/Analytics/MetaMetrics.events.ts

@@ -275,6 +275,8 @@ enum EVENT_NAME {
 
   // Stake
   STAKE_BUTTON_CLICKED = 'Stake Button Clicked',
+  STAKE_INPUT_TEXT_ENTERED = 'Stake Input Text Entered',
+  STAKE_INPUT_CLICKED = 'Stake Input Clicked',
 
   // Force Upgrade | Automatic Security Checks
   FORCE_UPGRADE_UPDATE_NEEDED_PROMPT_VIEWED = 'Force Upgrade Update Needed Prompt Viewed',
@@ -1222,11 +1224,20 @@ const legacyMetaMetricsEvents = {
     ACTIONS.BRIDGE,
     DESCRIPTION.BRIDGE,
   ),
+  // Stake
   STAKE_BUTTON_CLICKED: generateOpt(
     EVENT_NAME.STAKE_BUTTON_CLICKED,
     ACTIONS.STAKE,
     DESCRIPTION.STAKE,
   ),
+  STAKE_INPUT_TEXT_ENTERED: generateOpt(
+    EVENT_NAME.STAKE_INPUT_TEXT_ENTERED,
+    ACTIONS.STAKE,
+    DESCRIPTION.STAKE,
+  ),
+  STAKE_INPUT_CLICKED: generateOpt(
+    EVENT_NAME.STAKE_INPUT_CLICKED,
+  ),
 };
 
 const MetaMetricsEvents = { ...events, ...legacyMetaMetricsEvents };

bitrise.yml

@@ -1493,7 +1493,7 @@ app:
       MM_MULTICHAIN_V1_ENABLED: false
     - opts:
         is_expand: false
-      MM_POOLED_STAKING_UI_ENABLED: false
+      MM_POOLED_STAKING_UI_ENABLED: true
     - opts:
         is_expand: false
       PROJECT_LOCATION: android