feat: track Token Details Shared analytics event on share

- Add TOKEN_DETAILS_SHARED ('Token Details Shared') to MetaMetrics.events.ts
- Fire the event from handleShare with chain_id, token_symbol, and
  token_address to identify the most-shared assets in Segment
- Add unit tests for onSharePress wiring, URL encoding, and event properties

Author: salimtb

app/components/UI/TokenDetails/Views/TokenDetails.test.tsx

@@ -840,6 +840,16 @@ describe('TokenDetails', () => {
       jest.restoreAllMocks();
     });
 
+    const invokeSharePress = async () => {
+      const lastCall = mockTokenDetailsInlineHeader.mock.calls.at(-1);
+      const { onSharePress } = (lastCall?.[0] ?? {}) as {
+        onSharePress: () => void;
+      };
+      await act(async () => {
+        onSharePress();
+      });
+    };
+
     it('always passes onSharePress to the header', () => {
       render(<TokenDetails />);
 
@@ -850,15 +860,7 @@ describe('TokenDetails', () => {
 
     it('calls Share.share with an encoded CAIP-19 URL when onSharePress is invoked', async () => {
       render(<TokenDetails />);
-
-      const lastCall = mockTokenDetailsInlineHeader.mock.calls.at(-1);
-      const { onSharePress } = (lastCall?.[0] ?? {}) as {
-        onSharePress: () => void;
-      };
-
-      await act(async () => {
-        onSharePress();
-      });
+      await invokeSharePress();
 
       expect(Share.share).toHaveBeenCalledWith(
         expect.objectContaining({
@@ -871,24 +873,31 @@ describe('TokenDetails', () => {
 
     it('does not include unencoded colons or slashes in the query param', async () => {
       render(<TokenDetails />);
-
-      const lastCall2 = mockTokenDetailsInlineHeader.mock.calls.at(-1);
-      const { onSharePress } = (lastCall2?.[0] ?? {}) as {
-        onSharePress: () => void;
-      };
-
-      await act(async () => {
-        onSharePress();
-      });
+      await invokeSharePress();
 
       const [{ url }] = (Share.share as jest.Mock).mock.calls[0];
       const assetId = new URL(url as string).searchParams.get('assetId') ?? '';
-      // The raw assetId should round-trip through decodeURIComponent cleanly
-      expect(decodeURIComponent(encodeURIComponent(assetId))).toBe(assetId);
-      // And the raw URL must not contain unencoded colons after the scheme
       const queryString = (url as string).split('?')[1] ?? '';
+      expect(decodeURIComponent(encodeURIComponent(assetId))).toBe(assetId);
       expect(queryString).not.toContain(':');
     });
+
+    it('fires TOKEN_DETAILS_SHARED with chain_id, token_symbol and token_address', async () => {
+      render(<TokenDetails />);
+      await invokeSharePress();
+
+      expect(mockCreateEventBuilder).toHaveBeenCalledWith(
+        MetaMetricsEvents.TOKEN_DETAILS_SHARED,
+      );
+      expect(mockAddProperties).toHaveBeenCalledWith(
+        expect.objectContaining({
+          chain_id: '0x1',
+          token_symbol: 'DAI',
+          token_address: '0x6b175474e89094c44da98b954eedeac495271d0f',
+        }),
+      );
+      expect(mockTrackEvent).toHaveBeenCalled();
+    });
   });
 
   describe('TOKEN_DETAILS_CLOSED app state tracking', () => {

app/components/UI/TokenDetails/Views/TokenDetails.tsx

@@ -166,6 +166,7 @@ const TokenDetails: React.FC<{
   const { themeAppearance } = useTheme();
   const isLightMode = themeAppearance === AppThemeKey.light;
   const navigation = useNavigation();
+  const { trackEvent, createEventBuilder } = useAnalytics();
   const [isInsightsDisclaimerVisible, setIsInsightsDisclaimerVisible] =
     useState(false);
   const { onQuickBuyPress, quickBuySheet } = useStickyQuickBuy({
@@ -197,13 +198,31 @@ const TokenDetails: React.FC<{
     const url = caip19AssetId
       ? `https://link.metamask.io/asset?assetId=${encodeURIComponent(caip19AssetId)}`
       : undefined;
+
+    trackEvent(
+      createEventBuilder(MetaMetricsEvents.TOKEN_DETAILS_SHARED)
+        .addProperties({
+          chain_id: token.chainId,
+          token_symbol: token.symbol,
+          token_address: token.address,
+        })
+        .build(),
+    );
+
     // iOS renders `url` as a rich link preview; Android needs it in `message`
     Share.share(
       Platform.OS === 'ios'
         ? { message: token.symbol, url }
         : { message: url ?? token.symbol },
     );
-  }, [caip19AssetId, token.symbol]);
+  }, [
+    caip19AssetId,
+    createEventBuilder,
+    token.address,
+    token.chainId,
+    token.symbol,
+    trackEvent,
+  ]);
 
   const {
     securityData,

app/core/Analytics/MetaMetrics.events.ts

@@ -89,6 +89,7 @@ enum EVENT_NAME {
   TOKEN_LIST_ITEM_CLICKED = 'Token List Item Clicked',
   TOKEN_DETAILS_OPENED = 'Token Details Opened',
   TOKEN_DETAILS_CLOSED = 'Token Details Closed',
+  TOKEN_DETAILS_SHARED = 'Token Details Shared',
   TOKEN_DETAILS_CTA_CLICKED = 'Token Details CTA Clicked',
   TOKEN_DETAILS_ACTION_CLICKED = 'Token Details Action Clicked',
   /**
@@ -1667,6 +1668,7 @@ const events = {
   ),
   TOKEN_DETAILS_OPENED: generateOpt(EVENT_NAME.TOKEN_DETAILS_OPENED),
   TOKEN_DETAILS_CLOSED: generateOpt(EVENT_NAME.TOKEN_DETAILS_CLOSED),
+  TOKEN_DETAILS_SHARED: generateOpt(EVENT_NAME.TOKEN_DETAILS_SHARED),
   TOKEN_DETAILS_CTA_CLICKED: generateOpt(EVENT_NAME.TOKEN_DETAILS_CTA_CLICKED),
   TOKEN_DETAILS_ACTION_CLICKED: generateOpt(
     EVENT_NAME.TOKEN_DETAILS_ACTION_CLICKED,