fix: cp-13.10.1 dapp swap fix conversion rate for pol native token (#38102)

<!--
Please submit this PR as a draft initially.
Do not mark it as "Ready for review" until the template has been
completely filled out, and PR status checks have passed at least once.
-->

## **Description**

Fix conversion rate for POL native token.

## **Changelog**

<!--
If this PR is not End-User-Facing and should not show up in the
CHANGELOG, you can choose to either:
1. Write `CHANGELOG entry: null`
2. Label with `no-changelog`

If this PR is End-User-Facing, please write a short User-Facing
description in the past tense like:
`CHANGELOG entry: Added a new tab for users to see their NFTs`
`CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker`

(This helps the Release Engineer do their job more quickly and
accurately)
-->

CHANGELOG entry:

## **Related issues**

Fixes: MetaMask/MetaMask-planning#6327

## **Manual testing steps**

1. Trigger swap including POL native token
2. Check that metrics are recorded correctly and dapp-swap UI shows
correct values

## **Screenshots/Recordings**
TODO

## **Pre-merge author checklist**

- [X] I've followed [MetaMask Contributor
Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask
Extension Coding
Standards](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/CODING_GUIDELINES.md).
- [X] I've completed the PR template to the best of my ability
- [X] I’ve included tests if applicable
- [X] I’ve documented my code using [JSDoc](https://jsdoc.app/) format
if applicable
- [X] I’ve applied the right labels on the PR (see [labeling
guidelines](https://github.com/MetaMask/metamask-extension/blob/main/.github/guidelines/LABELING_GUIDELINES.md)).
Not required for external contributors.

## **Pre-merge reviewer checklist**

- [ ] I've manually tested the PR (e.g. pull and build branch, run the
app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described
in the ticket it closes and includes the necessary testing evidence such
as recordings and or screenshots.

<!-- CURSOR_SUMMARY -->
---

> [!NOTE]
> Fixes USD conversion for Polygon native token by mapping POL’s special
address and adds targeted unit tests.
> 
> - **Hook `useDappSwapUSDValues`
(`ui/pages/.../useDappSwapUSDValues.ts`)**:
> - Map Polygon native token USD rate: when `chainId ===
CHAIN_IDS.POLYGON`, set the native asset’s address rate from
`0x0000000000000000000000000000000000001010`.
> - Switch `isNativeAddress` to `helpers/utils/token-insights` and
import `CHAIN_IDS`.
> - Refactor exchange-rate fetch to async IIFE within `useAsyncResult`.
> - **Tests (`ui/pages/.../useDappSwapUSDValues.test.ts`)**:
> - Enhance `runHook` to accept custom token addresses and confirmation.
> - Add Polygon-specific test asserting fiat rates include both native
addresses with correct USD value.
>   - Mock token details and rates accordingly.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
ccd13a6. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->

Author: jpuri

ui/pages/confirmations/hooks/transactions/dapp-swap-comparison/useDappSwapUSDValues.test.ts

@@ -1,4 +1,6 @@
 import { BigNumber } from 'bignumber.js';
+import { CHAIN_IDS } from '@metamask/transaction-controller';
+import { Hex } from '@metamask/utils';
 import { act } from '@testing-library/react';
 
 import { getMockConfirmStateForTransaction } from '../../../../../../test/data/confirmations/helper';
@@ -10,18 +12,23 @@ import * as TokenUtils from '../../../utils/token';
 import { Confirmation } from '../../../types/confirm';
 import { useDappSwapUSDValues } from './useDappSwapUSDValues';
 
-async function runHook() {
+async function runHook(
+  tokenAddresses?: Hex[],
+  mockConfirmation?: Confirmation,
+) {
   const response = renderHookWithConfirmContextProvider(
     () =>
       useDappSwapUSDValues({
-        tokenAddresses: [
+        tokenAddresses: tokenAddresses ?? [
           '0x0000000000000000000000000000000000000000',
           '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
           '0xfd086bc7cd5c481dcc9c85ebe478a1c0b69fcbb9',
         ],
         destTokenAddress: '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
       }),
-    getMockConfirmStateForTransaction(mockSwapConfirmation as Confirmation),
+    getMockConfirmStateForTransaction(
+      mockConfirmation ?? (mockSwapConfirmation as Confirmation),
+    ),
   );
 
   await act(async () => {
@@ -105,4 +112,35 @@ describe('useDappSwapUSDValues', () => {
       ),
     ).toBe('0.00');
   });
+
+  it('return correct fiat rates token on Polygon', async () => {
+    jest.spyOn(Utils, 'fetchTokenExchangeRates').mockResolvedValue({
+      '0x0000000000000000000000000000000000001010': 4052.27,
+      '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913': 0.999804,
+    });
+    jest.spyOn(TokenUtils, 'fetchAllTokenDetails').mockResolvedValue({
+      '0x0000000000000000000000000000000000000000': {
+        symbol: 'POL',
+        decimals: '18',
+      } as TokenStandAndDetails,
+      '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913': {
+        symbol: 'USDT',
+        decimals: '6',
+      } as TokenStandAndDetails,
+    });
+
+    const result = await runHook(
+      [
+        '0x0000000000000000000000000000000000000000',
+        '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913',
+      ],
+      { ...mockSwapConfirmation, chainId: CHAIN_IDS.POLYGON } as Confirmation,
+    );
+
+    expect(result.fiatRates).toEqual({
+      '0x0000000000000000000000000000000000000000': 4052.27,
+      '0x0000000000000000000000000000000000001010': 4052.27,
+      '0x833589fcd6edb6e08f4c7c32d4f71b54bda02913': 0.999804,
+    });
+  });
 });

ui/pages/confirmations/hooks/transactions/dapp-swap-comparison/useDappSwapUSDValues.ts

@@ -1,22 +1,22 @@
 import { BigNumber } from 'bignumber.js';
 import { getNativeTokenAddress } from '@metamask/assets-controllers';
 import { Hex } from '@metamask/utils';
-import {
-  getNativeAssetForChainId,
-  isNativeAddress,
-} from '@metamask/bridge-controller';
-import { TransactionMeta } from '@metamask/transaction-controller';
+import { getNativeAssetForChainId } from '@metamask/bridge-controller';
+import { CHAIN_IDS, TransactionMeta } from '@metamask/transaction-controller';
 import { useCallback } from 'react';
 
 import { TokenStandAndDetails } from '../../../../../store/actions';
 import { fetchTokenExchangeRates } from '../../../../../helpers/utils/util';
 import { useAsyncResult } from '../../../../../hooks/useAsync';
+import { isNativeAddress } from '../../../../../helpers/utils/token-insights';
 import {
   fetchAllTokenDetails,
   getTokenValueFromRecord,
 } from '../../../utils/token';
 import { useConfirmContext } from '../../../context/confirm';
 
+const POLYGON_NATIVE_ASSET = '0x0000000000000000000000000000000000001010';
+
 export function useDappSwapUSDValues({
   tokenAddresses = [],
   destTokenAddress,
@@ -32,11 +32,22 @@ export function useDappSwapUSDValues({
 
   const { value: fiatRates, pending: fiatRatesPending } = useAsyncResult<
     Record<Hex, number | undefined>
-  >(() => {
+  >(async () => {
     const addresses = tokenAddresses.filter(
       (tokenAddress) => !isNativeAddress(tokenAddress),
     );
-    return fetchTokenExchangeRates('usd', addresses as Hex[], chainId);
+    const exchangeRates = await fetchTokenExchangeRates(
+      'usd',
+      addresses as Hex[],
+      chainId,
+    );
+
+    if (chainId === CHAIN_IDS.POLYGON) {
+      const nativeAddress = getNativeAssetForChainId(chainId).address;
+      exchangeRates[nativeAddress] = exchangeRates[POLYGON_NATIVE_ASSET];
+    }
+
+    return exchangeRates;
   }, [chainId, tokenAddresses?.length]);
 
   const { value: tokenDetails, pending: tokenDetailsPending } = useAsyncResult<