release(runway): cherry-pick fix: dapp swap fix conversion rate for pol native token (#38136)

- 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: https://github.com/MetaMask/MetaMask-planning/issues/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 rate lookup for Polygon native token by mapping native
address to `0x0000000000000000000000000000000000001010` and adds tests.
> 
> - **Hooks**:
> - Update
`ui/pages/confirmations/hooks/transactions/dapp-swap-comparison/useDappSwapUSDValues.ts`
to adjust fiat rate fetching:
> - When `chainId === CHAIN_IDS.POLYGON`, map the native asset address
to the rate from `0x0000000000000000000000000000000000001010`.
> - Wrap rate fetching in an async function to inject the
Polygon-specific mapping.
> - **Tests**:
>   - Enhance `useDappSwapUSDValues.test.ts`:
> - Allow `runHook` to accept custom `tokenAddresses` and
`mockConfirmation`.
> - Add Polygon-specific test asserting correct fiat rates for native
POL (`0x...0000`) and `0x0000000000000000000000000000000000001010`.
> 
> <sup>Written by [Cursor
Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit
c7fe193. This will update automatically
on new commits. Configure
[here](https://cursor.com/dashboard?tab=bugbot).</sup>
<!-- /CURSOR_SUMMARY -->


[0aa98dc](0aa98dc)

Co-authored-by: Jyoti Puri <[email protected]>

Author: runway-github[bot]

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 () => {
@@ -98,4 +105,35 @@ describe('useDappSwapUSDValues', () => {
       '0xfdcc3dd6671eab0709a4c0f3f53de9a333d80798': 1,
     });
   });
+
+  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

@@ -5,7 +5,7 @@ import {
   getNativeAssetForChainId,
   isNativeAddress,
 } from '@metamask/bridge-controller';
-import { TransactionMeta } from '@metamask/transaction-controller';
+import { CHAIN_IDS, TransactionMeta } from '@metamask/transaction-controller';
 import { useCallback } from 'react';
 
 import { TokenStandAndDetails } from '../../../../../store/actions';
@@ -15,6 +15,8 @@ import { fetchAllTokenDetails } from '../../../utils/token';
 import { getTokenValueFromRecord } from '../../../utils/dapp-swap-comparison-utils';
 import { useConfirmContext } from '../../../context/confirm';
 
+const POLYGON_NATIVE_ASSET = '0x0000000000000000000000000000000000001010';
+
 export function useDappSwapUSDValues({
   tokenAddresses = [],
   destTokenAddress,
@@ -30,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<