feat(perps): consume perps controller analytics contract in MetaMask Mobile

app/components/UI/Perps/Views/PerpsAdjustMarginView/PerpsAdjustMarginView.test.tsx

@@ -41,6 +41,11 @@ jest.mock('../../hooks/usePerpsMeasurement', () => ({
   usePerpsMeasurement: jest.fn(),
 }));
 
+jest.mock('../../utils/perpsAnalyticsAttribution', () => ({
+  ...jest.requireActual('../../utils/perpsAnalyticsAttribution'),
+  getPerpsUtmAttributionProperties: jest.fn(() => ({})),
+}));
+
 jest.mock('../../../../../util/Logger', () => ({
   __esModule: true,
   default: {

app/components/UI/Perps/Views/PerpsAdjustMarginView/PerpsAdjustMarginView.tsx

@@ -13,7 +13,13 @@ import {
   ButtonSize,
 } from '@metamask/design-system-react-native';
 import { strings } from '../../../../../../locales/i18n';
-import { type Position, PERPS_CONSTANTS } from '@metamask/perps-controller';
+import {
+  type Position,
+  PERPS_CONSTANTS,
+  PERPS_EVENT_PROPERTY,
+  PERPS_EVENT_VALUE,
+} from '@metamask/perps-controller';
+import { MetaMetricsEvents } from '../../../../../core/Analytics';
 import styleSheet from './PerpsAdjustMarginView.styles';
 import { useTheme } from '../../../../../util/theme';
 import Icon, {
@@ -26,6 +32,7 @@ import ButtonIcon, {
 } from '../../../../../component-library/components/Buttons/ButtonIcon';
 import { PerpsAdjustMarginViewSelectorsIDs } from '../../Perps.testIds';
 import { usePerpsMarginAdjustment } from '../../hooks/usePerpsMarginAdjustment';
+import { usePerpsEventTracking } from '../../hooks/usePerpsEventTracking';
 import { usePerpsMeasurement } from '../../hooks/usePerpsMeasurement';
 import { usePerpsAdjustMarginData } from '../../hooks/usePerpsAdjustMarginData';
 import { TraceName } from '../../../../../util/trace';
@@ -119,6 +126,17 @@ const PerpsAdjustMarginView: React.FC = () => {
     debugContext: { mode },
   });
 
+  usePerpsEventTracking({
+    eventName: MetaMetricsEvents.PERPS_SCREEN_VIEWED,
+    resetKey: mode,
+    properties: {
+      [PERPS_EVENT_PROPERTY.SCREEN_TYPE]: isAddMode
+        ? PERPS_EVENT_VALUE.SCREEN_TYPE.ADD_MARGIN
+        : PERPS_EVENT_VALUE.SCREEN_TYPE.REMOVE_MARGIN,
+      [PERPS_EVENT_PROPERTY.ASSET]: routePosition?.symbol,
+    },
+  });
+
   const handleSliderChange = useCallback((value: number) => {
     // Floor to 2 decimal places to match Hyperliquid behavior
     const flooredValue = Math.floor(value * 100) / 100;

app/components/UI/Perps/Views/PerpsClosePositionView/PerpsClosePositionView.test.tsx

@@ -1,5 +1,10 @@
 import { act, fireEvent, render, waitFor } from '@testing-library/react-native';
-import { ORDER_SLIPPAGE_CONFIG } from '@metamask/perps-controller';
+import {
+  PERPS_EVENT_PROPERTY,
+  PERPS_EVENT_VALUE,
+  ORDER_SLIPPAGE_CONFIG,
+} from '@metamask/perps-controller';
+import { MetaMetricsEvents } from '../../../../../core/Analytics';
 import React from 'react';
 import { Text, TouchableOpacity, View } from 'react-native';
 import {
@@ -151,11 +156,11 @@ jest.mock('../../components/PerpsBottomSheetTooltip', () => ({
 
 jest.mock('../../../Rewards/components/RewardsVipBadge/RewardsVipBadge', () => {
   const MockReact = jest.requireActual('react');
-  const { View } = jest.requireActual('react-native');
+  const { View: MockView } = jest.requireActual('react-native');
   return {
     __esModule: true,
     default: () =>
-      MockReact.createElement(View, { testID: 'rewards-vip-badge' }),
+      MockReact.createElement(MockView, { testID: 'rewards-vip-badge' }),
   };
 });
 
@@ -237,6 +242,7 @@ describe('PerpsClosePositionView', () => {
     // Setup navigation mocks
     useNavigationMock.mockReturnValue({
       goBack: mockGoBack,
+      addListener: jest.fn(() => jest.fn()),
     });
 
     // Setup default route params
@@ -1992,31 +1998,33 @@ describe('PerpsClosePositionView', () => {
       // HyperLiquid's marginUsed already includes PnL
       // receivedAmount = marginUsed - fees = 1450 - 45 = 1405
       // realizedPnl = unrealizedPnl = 150 (from defaultPerpsPositionMock)
-      expect(handleClosePosition).toHaveBeenCalledWith({
-        position: defaultPerpsPositionMock,
-        size: '',
-        orderType: 'market',
-        limitPrice: undefined,
-        trackingData: {
-          totalFee: 45,
-          marketPrice: 3000,
-          receivedAmount: 1405,
-          realizedPnl: 150,
-          metamaskFeeRate: 0,
-          metamaskFee: 0,
-          feeDiscountPercentage: undefined,
-          estimatedPoints: undefined,
-          inputMethod: 'default',
-        },
-        marketPrice: '3000.00',
-        // Slippage parameters added in USD-as-source-of-truth refactor
-        // For full closes (100%), usdAmount is undefined to bypass $10 minimum validation
-        slippage: {
-          usdAmount: undefined, // undefined for full close to bypass $10 minimum validation
-          priceAtCalculation: 3000, // effectivePrice: currentPrice for market orders
-          maxSlippageBps: ORDER_SLIPPAGE_CONFIG.DefaultMarketSlippageBps,
-        },
-      });
+      expect(handleClosePosition).toHaveBeenCalledWith(
+        expect.objectContaining({
+          position: defaultPerpsPositionMock,
+          size: '',
+          orderType: 'market',
+          limitPrice: undefined,
+          trackingData: expect.objectContaining({
+            totalFee: 45,
+            marketPrice: 3000,
+            receivedAmount: 1405,
+            realizedPnl: 150,
+            metamaskFeeRate: 0,
+            metamaskFee: 0,
+            feeDiscountPercentage: undefined,
+            estimatedPoints: undefined,
+            inputMethod: 'default',
+          }),
+          marketPrice: '3000.00',
+          // Slippage parameters added in USD-as-source-of-truth refactor
+          // For full closes (100%), usdAmount is undefined to bypass $10 minimum validation
+          slippage: {
+            usdAmount: undefined, // undefined for full close to bypass $10 minimum validation
+            priceAtCalculation: 3000, // effectivePrice: currentPrice for market orders
+            maxSlippageBps: ORDER_SLIPPAGE_CONFIG.DefaultMarketSlippageBps,
+          },
+        }),
+      );
     });
   });
 
@@ -3049,6 +3057,163 @@ describe('PerpsClosePositionView', () => {
     });
   });
 
+  describe('abandon order tracking', () => {
+    const abandonInteraction = [
+      MetaMetricsEvents.PERPS_UI_INTERACTION,
+      expect.objectContaining({
+        [PERPS_EVENT_PROPERTY.ACTION]: PERPS_EVENT_VALUE.ACTION.ABANDON_ORDER,
+      }),
+    ];
+
+    let focusSpy: jest.SpyInstance;
+
+    const setupAbandonNav = (routes: { key: string }[]) => {
+      const listeners: Record<string, (() => void)[]> = {};
+      useNavigationMock.mockReturnValue({
+        goBack: mockGoBack,
+        navigate: jest.fn(),
+        addListener: jest.fn((event: string, cb: () => void) => {
+          (listeners[event] = listeners[event] || []).push(cb);
+          return jest.fn();
+        }),
+        getState: jest.fn(() => ({ routes })),
+        getParent: jest.fn(() => undefined),
+      });
+      return (event: string) => (listeners[event] || []).forEach((cb) => cb());
+    };
+
+    beforeEach(() => {
+      // Run the focus callback so the abandon hook records the focus depth.
+      focusSpy = jest
+        .spyOn(jest.requireMock('@react-navigation/native'), 'useFocusEffect')
+        .mockImplementation((...args: unknown[]) => (args[0] as () => void)());
+    });
+
+    afterEach(() => {
+      focusSpy.mockRestore();
+    });
+
+    it('emits abandon_order on beforeRemove (back / hardware back)', () => {
+      const fire = setupAbandonNav([{ key: 'close' }]);
+      renderWithProvider(<PerpsClosePositionView />);
+
+      act(() => fire('beforeRemove'));
+
+      expect(defaultPerpsEventTrackingMock.track).toHaveBeenCalledWith(
+        ...abandonInteraction,
+      );
+    });
+
+    it('emits abandon_order on tab-away (blur with unchanged depth)', () => {
+      const fire = setupAbandonNav([{ key: 'close' }]);
+      renderWithProvider(<PerpsClosePositionView />);
+
+      act(() => fire('blur'));
+
+      expect(defaultPerpsEventTrackingMock.track).toHaveBeenCalledWith(
+        ...abandonInteraction,
+      );
+    });
+
+    it('does NOT emit on blur when a child route was pushed (depth increased)', () => {
+      const routes = [{ key: 'close' }];
+      const fire = setupAbandonNav(routes);
+      renderWithProvider(<PerpsClosePositionView />);
+
+      routes.push({ key: 'child' });
+      act(() => fire('blur'));
+
+      expect(defaultPerpsEventTrackingMock.track).not.toHaveBeenCalledWith(
+        ...abandonInteraction,
+      );
+    });
+
+    it('does NOT emit after a confirmed close', () => {
+      const fire = setupAbandonNav([{ key: 'close' }]);
+      const { getByTestId } = renderWithProvider(<PerpsClosePositionView />);
+
+      fireEvent.press(
+        getByTestId(
+          PerpsClosePositionViewSelectorsIDs.CLOSE_POSITION_CONFIRM_BUTTON,
+        ),
+      );
+      act(() => fire('beforeRemove'));
+
+      expect(defaultPerpsEventTrackingMock.track).not.toHaveBeenCalledWith(
+        ...abandonInteraction,
+      );
+    });
+  });
+
+  describe('position_close entry action (button_clicked)', () => {
+    const expectScreenViewed = (expected: Record<string, unknown>) =>
+      expect(defaultPerpsEventTrackingMock.track).toHaveBeenCalledWith(
+        MetaMetricsEvents.PERPS_SCREEN_VIEWED,
+        expect.objectContaining({
+          [PERPS_EVENT_PROPERTY.SCREEN_TYPE]:
+            PERPS_EVENT_VALUE.SCREEN_TYPE.POSITION_CLOSE,
+          ...expected,
+        }),
+      );
+
+    it('reports button_clicked=reduce_exposure and source=position_screen when opened via the reduce-exposure entry', () => {
+      useRouteMock.mockReturnValue({
+        params: {
+          position: defaultPerpsPositionMock,
+          source: PERPS_EVENT_VALUE.SOURCE.POSITION_SCREEN,
+          buttonClicked: PERPS_EVENT_VALUE.BUTTON_CLICKED.REDUCE_EXPOSURE,
+          buttonLocation: PERPS_EVENT_VALUE.BUTTON_LOCATION.SCREEN,
+        },
+      });
+
+      renderWithProvider(<PerpsClosePositionView />);
+
+      expectScreenViewed({
+        [PERPS_EVENT_PROPERTY.SOURCE]: PERPS_EVENT_VALUE.SOURCE.POSITION_SCREEN,
+        [PERPS_EVENT_PROPERTY.BUTTON_CLICKED]:
+          PERPS_EVENT_VALUE.BUTTON_CLICKED.REDUCE_EXPOSURE,
+        [PERPS_EVENT_PROPERTY.BUTTON_LOCATION]:
+          PERPS_EVENT_VALUE.BUTTON_LOCATION.SCREEN,
+      });
+    });
+
+    it('reports button_clicked=close and source=order_book when opened via the order-book close entry', () => {
+      useRouteMock.mockReturnValue({
+        params: {
+          position: defaultPerpsPositionMock,
+          source: PERPS_EVENT_VALUE.SOURCE.ORDER_BOOK,
+          buttonClicked: PERPS_EVENT_VALUE.BUTTON_CLICKED.CLOSE,
+          buttonLocation: PERPS_EVENT_VALUE.BUTTON_LOCATION.ORDER_BOOK,
+        },
+      });
+
+      renderWithProvider(<PerpsClosePositionView />);
+
+      expectScreenViewed({
+        [PERPS_EVENT_PROPERTY.SOURCE]: PERPS_EVENT_VALUE.SOURCE.ORDER_BOOK,
+        [PERPS_EVENT_PROPERTY.BUTTON_CLICKED]:
+          PERPS_EVENT_VALUE.BUTTON_CLICKED.CLOSE,
+        [PERPS_EVENT_PROPERTY.BUTTON_LOCATION]:
+          PERPS_EVENT_VALUE.BUTTON_LOCATION.ORDER_BOOK,
+      });
+    });
+
+    it('defaults button_clicked=close and source=perp_asset_screen when no entry action is provided', () => {
+      useRouteMock.mockReturnValue({
+        params: { position: defaultPerpsPositionMock },
+      });
+
+      renderWithProvider(<PerpsClosePositionView />);
+
+      expectScreenViewed({
+        [PERPS_EVENT_PROPERTY.SOURCE]:
+          PERPS_EVENT_VALUE.SOURCE.PERP_ASSET_SCREEN,
+        [PERPS_EVENT_PROPERTY.BUTTON_CLICKED]:
+          PERPS_EVENT_VALUE.BUTTON_CLICKED.CLOSE,
+      });
+    });
+  });
+
   describe('Order type selector (feature flag)', () => {
     const selectPerpsClosePositionLimitOrderEnabledFlagMock = jest.mocked(
       jest.requireMock('../../selectors/featureFlags')