fix: patch native currencies filter (#869)

Author: andrearampin

packages/checkout/widgets-lib/src/lib/balance.test.ts

@@ -13,6 +13,12 @@ describe('getAllowedBalances', () => {
     formattedBalance: '12.34',
   };
 
+  const nativeTokenInfo = {
+    balance: BigNumber.from(2),
+    token: { symbol: 'AAA', name: 'AAA' } as TokenInfo,
+    formattedBalance: '6.34',
+  };
+
   const balances: GetBalanceResult[] = [
     tokenInfo,
     {
@@ -27,7 +33,7 @@ describe('getAllowedBalances', () => {
     },
     {
       balance: BigNumber.from(1),
-      token: { symbol: 'CCC', name: 'CCC', address: 'NATIVE' } as TokenInfo,
+      token: { symbol: 'CCC', name: 'CCC', address: '0xC' } as TokenInfo,
       formattedBalance: '36.34',
     },
   ];
@@ -51,6 +57,7 @@ describe('getAllowedBalances', () => {
         {
           address: '0xQ',
         } as unknown as TokenInfo,
+        {} as unknown as TokenInfo, // <<< allows NATIVE -- no address
       ],
     });
 
@@ -62,9 +69,15 @@ describe('getAllowedBalances', () => {
 
     expect(resp).toEqual({
       allowList: {
-        tokens: [{ address: tokenInfo.token.address }],
+        tokens: [
+          { address: tokenInfo.token.address },
+          { address: nativeTokenInfo.token.address },
+        ],
       },
-      allowedBalances: [tokenInfo],
+      allowedBalances: [
+        tokenInfo,
+        nativeTokenInfo,
+      ],
     });
   });
 

packages/checkout/widgets-lib/src/lib/balance.ts

@@ -7,7 +7,7 @@ import {
   TokenFilterTypes,
 } from '@imtbl/checkout-sdk';
 import { RetryType, retry } from './retry';
-import { DEFAULT_BALANCE_RETRY_POLICY } from './constants';
+import { DEFAULT_BALANCE_RETRY_POLICY, NATIVE } from './constants';
 
 export type GetAllowedBalancesParamsType = {
   checkout: Checkout,
@@ -49,13 +49,13 @@ export const getAllowedBalances = async ({
   });
 
   const tokensAddresses = new Map();
-  allowList.tokens.forEach((token) => tokensAddresses.set(token.address || '', true));
+  allowList.tokens.forEach((token) => tokensAddresses.set(token.address || NATIVE, true));
 
   const allowedBalances = tokenBalances.balances.filter((balance) => {
     // Balance is <= 0 and it is not allow to have zeros
     if (balance.balance.lte(0) && !allowZero) return false;
 
-    return tokensAddresses.get(balance.token.address);
+    return tokensAddresses.get(balance.token.address || NATIVE);
   });
 
   return { allowList, allowedBalances };