fix: Update scam token warning

shared/constants/network.ts

@@ -374,7 +374,6 @@ const CHAINLIST_CURRENCY_SYMBOLS_MAP = {
 export const CHAINLIST_CURRENCY_SYMBOLS_MAP_NETWORK_COLLISION = {
   WETHIO: 'ZYN',
   CHZ: 'CHZ',
-  MATIC: 'POL',
 };
 
 export const ETH_TOKEN_IMAGE_URL = './images/eth_logo.svg';

ui/components/app/assets/token-cell/__snapshots__/token-cell.test.tsx.snap

@@ -27,7 +27,7 @@ exports[`Token Cell should match snapshot 1`] = `
           class="mm-box mm-badge-wrapper__badge-container mm-badge-wrapper__badge-container--circular-top-right"
         >
           <div
-            class="mm-box mm-text mm-avatar-base mm-avatar-base--size-xs mm-avatar-network multichain-token-list-item__badge__avatar-network mm-text--body-xs mm-text--text-transform-uppercase mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
+            class="mm-box mm-text mm-avatar-base mm-avatar-base--size-xs mm-avatar-network multichain-token-list-item__badge__avatar-network mm-text--body-xs mm-text--text-transform-uppercase mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-transparent box--border-style-solid box--border-width-1"
           >
             ?
           </div>

ui/components/app/assets/token-cell/token-cell.test.tsx

@@ -5,6 +5,8 @@ import { fireEvent } from '@testing-library/react';
 import { useSelector } from 'react-redux';
 import { renderWithProvider } from '../../../../../test/lib/render-helpers';
 import { useTokenFiatAmount } from '../../../../hooks/useTokenFiatAmount';
+import { getTokenList } from '../../../../selectors';
+import { getMultichainCurrentChainId } from '../../../../selectors/multichain';
 
 import { useIsOriginalTokenSymbol } from '../../../../hooks/useIsOriginalTokenSymbol';
 import TokenCell from '.';
@@ -90,7 +92,16 @@ describe('Token Cell', () => {
     image: '',
     onClick: jest.fn(),
   };
-  (useSelector as jest.Mock).mockReturnValue(MOCK_GET_TOKEN_LIST);
+  const useSelectorMock = useSelector;
+  (useSelectorMock as jest.Mock).mockImplementation((selector) => {
+    if (selector === getTokenList) {
+      return MOCK_GET_TOKEN_LIST;
+    }
+    if (selector === getMultichainCurrentChainId) {
+      return '0x89';
+    }
+    return undefined;
+  });
   (useTokenFiatAmount as jest.Mock).mockReturnValue('5.00');
 
   it('should match snapshot', () => {

ui/components/multichain/token-list-item/token-list-item.test.tsx

@@ -6,6 +6,7 @@ import { renderWithProvider } from '../../../../test/lib/render-helpers';
 import { CHAIN_IDS } from '../../../../shared/constants/network';
 import { getIntlLocale } from '../../../ducks/locale/locale';
 import { mockNetworkState } from '../../../../test/stub/networks';
+import { useSafeChains } from '../../../pages/settings/networks-tab/networks-form/use-safe-chains';
 import { TokenListItem } from '.';
 
 const state = {
@@ -35,13 +36,30 @@ const state = {
   },
 };
 
+const safeChainDetails = {
+  chainId: '1',
+  nativeCurrency: {
+    symbol: 'ETH',
+  },
+};
+
 let openTabSpy: jest.SpyInstance<void, [opts: { url: string }], unknown>;
 
 jest.mock('../../../ducks/locale/locale', () => ({
   getIntlLocale: jest.fn(),
 }));
 
+jest.mock(
+  '../../../pages/settings/networks-tab/networks-form/use-safe-chains',
+  () => ({
+    useSafeChains: jest.fn().mockReturnValue({
+      safeChains: [safeChainDetails],
+    }),
+  }),
+);
+
 const mockGetIntlLocale = getIntlLocale;
+const mockGetSafeChains = useSafeChains;
 
 describe('TokenListItem', () => {
   beforeAll(() => {
@@ -100,6 +118,34 @@ describe('TokenListItem', () => {
       showPercentage: true,
       tokenImage: '',
       title: '',
+      tokenSymbol: 'SCAM_TOKEN',
+    };
+    const { getByTestId, getByText } = renderWithProvider(
+      <TokenListItem {...propsToUse} />,
+      store,
+    );
+
+    const warningScamModal = getByTestId('scam-warning');
+    fireEvent.click(warningScamModal);
+
+    expect(
+      getByText(
+        'The native token symbol does not match the expected symbol of the native token for the network with the associated chain ID. You have entered SCAM_TOKEN while the expected token symbol is ETH. Please verify you are connected to the correct chain.',
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('should display warning scam modal fallback when safechains fails to resolve correctly', () => {
+    (mockGetSafeChains as unknown as jest.Mock).mockReturnValue([]);
+    const store = configureMockStore()(state);
+    const propsToUse = {
+      primary: '11.9751 ETH',
+      isNativeCurrency: true,
+      isOriginalTokenSymbol: false,
+      showPercentage: true,
+      tokenImage: '',
+      title: '',
+      tokenSymbol: 'SCAM_TOKEN',
     };
     const { getByTestId, getByText } = renderWithProvider(
       <TokenListItem {...propsToUse} />,
@@ -109,7 +155,11 @@ describe('TokenListItem', () => {
     const warningScamModal = getByTestId('scam-warning');
     fireEvent.click(warningScamModal);
 
-    expect(getByText('This is a potential scam')).toBeInTheDocument();
+    expect(
+      getByText(
+        'The native token symbol does not match the expected symbol of the native token for the network with the associated chain ID. You have entered SCAM_TOKEN while the expected token symbol is something else. Please verify you are connected to the correct chain.',
+      ),
+    ).toBeInTheDocument();
   });
 
   it('should render crypto balance if useNativeCurrencyAsPrimaryCurrency is false', () => {