feat: rsk integration

Author: ahsan-javaiid

assets/img/currencies/png/RBTC.png

@@ -2,6 +2,8 @@ import React, {ReactElement} from 'react';
 import BtcIcon from '../../assets/img/currencies/btc.svg';
 import BchIcon from '../../assets/img/currencies/bch.svg';
 import EthIcon from '../../assets/img/currencies/eth.svg';
+import RbtcIcon from '../../assets/img/currencies/rbtc.svg';
+import XUSDIcon from '../../assets/img/currencies/xusd.svg';
 import DogeIcon from '../../assets/img/currencies/doge.svg';
 import LtcIcon from '../../assets/img/currencies/ltc.svg';
 import XrpIcon from '../../assets/img/currencies/xrp.svg';
@@ -32,6 +34,8 @@ export const CurrencyListIcons: {
   btc: props => <BtcIcon {...props} />,
   bch: props => <BchIcon {...props} />,
   eth: props => <EthIcon {...props} />,
+  rbtc: props => <RbtcIcon {...props} />,
+  xusd: props => <XUSDIcon {...props} />,
   doge: props => <DogeIcon {...props} />,
   ltc: props => <LtcIcon {...props} />,
   xrp: props => <XrpIcon {...props} />,
@@ -71,6 +75,14 @@ export const SupportedCurrencyOptions: Array<SupportedCurrencyOption> = [
     hasMultisig: false, // TODO
     imgSrc: require('../../assets/img/currencies/png/ETH.png'),
   },
+  {
+    id: 'rbtc',
+    img: CurrencyListIcons.rbtc,
+    currencyName: 'RSK',
+    currencyAbbreviation: 'RBTC',
+    hasMultisig: false, // TODO
+    imgSrc: require('../../assets/img/currencies/png/RBTC.png'),
+  },
   {
     id: 'doge',
     img: CurrencyListIcons.doge,
@@ -142,6 +154,14 @@ export const SupportedCurrencyOptions: Array<SupportedCurrencyOption> = [
     isToken: true,
     imgSrc: require('../../assets/img/currencies/png/BUSD.png'),
   },
+  {
+    id: 'xusd',
+    img: CurrencyListIcons.xusd,
+    currencyName: 'Sovryn XUSD',
+    currencyAbbreviation: 'XUSD',
+    isToken: true,
+    imgSrc: require('../../assets/img/currencies/png/xusd.png'),
+  },
   {
     id: 'dai',
     img: CurrencyListIcons.dai,

assets/img/currencies/png/xusd.png

@@ -8,6 +8,7 @@ import BUSDShape from '../navigation/card/assets/currency-shapes/BUSD-shape.svg'
 import DAIShape from '../navigation/card/assets/currency-shapes/DAI-shape.svg';
 import DOGEShape from '../navigation/card/assets/currency-shapes/DOGE-shape.svg';
 import ETHShape from '../navigation/card/assets/currency-shapes/ETH-shape.svg';
+import RBTCShape from '../navigation/card/assets/currency-shapes/RBTC-shape.svg';
 import GUSDShape from '../navigation/card/assets/currency-shapes/GUSD-shape.svg';
 import USDPShape from '../navigation/card/assets/currency-shapes/USDP-shape.svg';
 import USDCShape from '../navigation/card/assets/currency-shapes/USDC-shape.svg';
@@ -192,6 +193,18 @@ export const SUPPORTED_DESIGN_CURRENCIES: SupportedDesignCurrenciesConfig = {
       pillCircleBackground: '#FFF',
     },
   },
+  RBTC: {
+    currency: 'RBTC',
+    enabled: true,
+    palette: {
+      BackgroundShape: RBTCShape,
+      stopColor1: '#9A9FF1',
+      stopColor2: '#575DC2',
+      pillColor: '#FFF',
+      pillBackground: '#595FC6',
+      pillCircleBackground: '#FFF',
+    },
+  },
   GUSD: {
     currency: 'GUSD',
     enabled: true,

assets/img/currencies/rbtc.svg

@@ -1,4 +1,4 @@
-export type SupportedCoins = 'btc' | 'bch' | 'ltc' | 'doge' | 'eth';
+export type SupportedCoins = 'btc' | 'bch' | 'ltc' | 'doge' | 'eth' | 'rbtc';
 export type SupportedTokens =
   | 'usdc'
   | 'gusd'
@@ -8,7 +8,8 @@ export type SupportedTokens =
   | 'wbtc'
   | 'shib'
   | 'ape'
-  | 'euroc';
+  | 'euroc'
+  | 'xusd';
 export type SupportedCurrencies = SupportedCoins | SupportedTokens;
 
 export interface CurrencyOpts {
@@ -168,6 +169,80 @@ export const Currencies: {[key in string]: CurrencyOpts} = {
       gradientBackgroundColor: '#6b71d6',
     },
   },
+  rbtc: {
+    name: 'Smart Bitcoin',
+    chain: 'RSK',
+    coin: 'rbtc',
+    unitInfo: {
+      unitName: 'RBTC',
+      unitToSatoshi: 1e18,
+      unitDecimals: 18,
+      unitCode: 'rbtc'
+    },
+    properties: {
+      hasMultiSig: false,
+      hasMultiSend: false,
+      isUtxo: false,
+      isERCToken: false,
+      isStableCoin: false,
+      singleAddress: true
+    },
+    paymentInfo: {
+      paymentCode: 'EIP681',
+      protocolPrefix: { livenet: 'rsk', testnet: 'rsk' },
+      ratesApi: 'https://bws.bitpay.com/bws/api/v3/fiatrates/rbtc',
+      blockExplorerUrls: 'explorer.rsk.co/',
+      blockExplorerUrlsTestnet: 'explorer.testet.rsk.co/'
+    },
+    feeInfo: {
+      feeUnit: 'Gwei',
+      feeUnitAmount: 1e9,
+      blockTime: 0.53,
+      maxMerchantFee: 'urgent'
+    },
+    theme: {
+      coinColor: '#41d434',
+      backgroundColor: '#1e90ff',
+      gradientBackgroundColor: '#1e90ff'
+    }
+  },
+  xusd: {
+    name: 'Sovryn XUSD',
+    chain: 'RSK',
+    coin: 'xusd',
+    unitInfo: {
+      unitName: 'XUSD',
+      unitToSatoshi: 1e18,
+      unitDecimals: 18,
+      unitCode: 'xusd',
+    },
+    properties: {
+      hasMultiSig: false,
+      hasMultiSend: false,
+      isUtxo: false,
+      isERCToken: true,
+      isStableCoin: true,
+      singleAddress: true,
+    },
+    paymentInfo: {
+      paymentCode: 'EIP681',
+      protocolPrefix: { livenet: 'rsk', testnet: 'rsk' },
+      ratesApi: 'https://bws.bitpay.com/bws/api/v3/fiatrates/xusd',
+      blockExplorerUrls: 'explorer.rsk.co/',
+      blockExplorerUrlsTestnet: 'explorer.testet.rsk.co/'
+    },
+    feeInfo: {
+      feeUnit: 'Gwei',
+      feeUnitAmount: 1e9,
+      blockTime: 0.2,
+      maxMerchantFee: 'urgent',
+    },
+    theme: {
+      coinColor: '#f3ba2d',
+      backgroundColor: 'rgba(135,206,250,1)',
+      gradientBackgroundColor: 'rgba(30,144,255, 0.2)',
+    },
+  },
   xrp: {
     name: 'XRP',
     chain: 'XRP',
@@ -628,7 +703,7 @@ export const SUPPORTED_TOKENS = [
   'ape',
   'euroc',
 ];
-export const SUPPORTED_COINS = ['btc', 'bch', 'eth', 'doge', 'ltc', 'xrp'];
+export const SUPPORTED_COINS = ['btc', 'bch', 'eth', 'rbtc', 'doge', 'ltc', 'xrp'];
 export const SUPPORTED_CURRENCIES = [...SUPPORTED_COINS, ...SUPPORTED_TOKENS];
 export const POPULAR_TOKENS = [
   'UNI',

assets/img/currencies/xusd.svg

@@ -2,6 +2,7 @@ export enum DefaultDerivationPath {
   defaultBTC = "m/44'/0'/0'",
   defaultBCH = "m/44'/145'/0'",
   defaultETH = "m/44'/60'/0'",
+  defaultRBTC = "m/44'/137'/0'",
   defaultXRP = "m/44'/144'/0'",
   defaultDOGE = "m/44'/3'/0'",
   defaultLTC = "m/44'/2'/0'",

src/constants/SupportedCurrencyOptions.tsx

@@ -32,6 +32,12 @@ export const BitpaySupportedTokenOpts: TokenOptsType = {
     decimals: 18,
     address: '0x4fabb145d64652a948d72533023f6e7a623c7c53',
   },
+  xusd: {
+    name: 'Sovryn XUSD',
+    symbol: 'XUSD',
+    decimals: 18,
+    address: '0xb5999795BE0EbB5bAb23144AA5FD6A02D080299F',
+  },
   dai: {
     name: 'Dai',
     symbol: 'DAI',
@@ -89,6 +95,12 @@ export const BitpaySupportedTokenOptsByAddress: TokenOptsType = {
     decimals: 18,
     address: '0x4fabb145d64652a948d72533023f6e7a623c7c53',
   },
+  '0xb5999795be0ebb5bab23144aa5fd6a02d080299f': {
+    name: 'Binance USD Coin',
+    symbol: 'XUSD',
+    decimals: 18,
+    address: '0xb5999795be0ebb5bab23144aa5fd6a02d080299f',
+  },
   '0x6b175474e89094c44da98b954eedeac495271d0f': {
     name: 'Dai',
     symbol: 'DAI',

src/constants/config.card.ts

@@ -129,6 +129,7 @@ const DESCRIPTIONS: Record<string, string> = {
 
 const POPULAR_TOKENS: Record<string, string[]> = {
   eth: ['usdc', 'busd', 'ape'],
+  rsk: ['xusd'],
   matic: ['usdc', 'busd', 'gusd'],
 };
 
@@ -256,7 +257,7 @@ const CurrencySelection: React.VFC<CurrencySelectionScreenProps> = ({
 
       const tokenData =
         Currencies[k] || appTokenData[k] || appCustomTokenData[k];
-      const chainData = chainMap[tokenData.chain.toLowerCase()];
+      const chainData = chainMap[tokenData.chain.toLowerCase() === 'rsk' ? 'rbtc' : tokenData.chain.toLowerCase()];
       const imgSrc = SupportedCurrencyOptions.find(c => c.id === k)?.imgSrc;
       const isReqSrc = (
         src: ImageSourcePropType | undefined,

src/constants/currencies.ts

@@ -712,6 +712,12 @@ const WalletDetails: React.FC<WalletDetailsScreenProps> = ({route}) => {
             ? `https://${Currencies.eth.paymentInfo.blockExplorerUrls}address/${address}`
             : `https://${Currencies.eth.paymentInfo.blockExplorerUrlsTestnet}address/${address}`;
       }
+      if (coin === 'rbtc') {
+        url =
+          fullWalletObj.network === 'livenet'
+            ? `https://${Currencies.rbtc.paymentInfo.blockExplorerUrls}address/${address}`
+            : `https://${Currencies.rbtc.paymentInfo.blockExplorerUrlsTestnet}address/${address}`;
+      }
       if (dispatch(IsERCToken(coin))) {
         url =
           fullWalletObj.network === 'livenet'

src/constants/defaultDerivationPath.ts

@@ -27,6 +27,7 @@ export type SupportedCurrencies =
   | 'BTC'
   | 'BCH'
   | 'ETH'
+  | 'RBTC'
   | 'GUSD'
   | 'USDP'
   | 'BUSD'

src/constants/tokens.ts

@@ -15,6 +15,7 @@ import {
   buildWalletObj,
   checkEncryptPassword,
 } from '../../utils/wallet';
+import { getRSKChainAbbrevation } from '../../utils/currency';
 import {
   failedAddWallet,
   successAddWallet,
@@ -244,7 +245,7 @@ const createMultipleWallets =
       })) as Wallet;
       wallets.push(wallet);
 
-      if (coin === 'eth') {
+      if (coin === 'eth' || coin === 'rbtc') {
         wallet.preferences = wallet.preferences || {
           tokenAddresses: [],
         };
@@ -307,7 +308,7 @@ const createWallet = (params: {
 
     bwcClient.fromString(
       key.createCredentials(password, {
-        coin,
+        coin: getRSKChainAbbrevation(coin),
         network,
         account,
         n: 1,
@@ -323,7 +324,7 @@ const createWallet = (params: {
       {
         network,
         singleAddress,
-        coin,
+        coin: getRSKChainAbbrevation(coin),
         useNativeSegwit,
       },
       (err: any) => {

src/navigation/card/assets/currency-shapes/RBTC-shape.svg

@@ -12,6 +12,7 @@ import {
   IsCustomERCToken,
   IsERCToken,
   IsUtxoCoin,
+  getRSKCurrencyAbbrevation,
 } from '../../utils/currency';
 import {ToAddress, ToLtcAddress} from '../address/address';
 import {
@@ -125,6 +126,7 @@ const ProcessTx =
     tx: TransactionProposal,
   ): Effect<TransactionProposal> =>
   dispatch => {
+    currencyAbbreviation = getRSKCurrencyAbbrevation(currencyAbbreviation);
     if (!tx || tx.action === 'invalid') {
       return tx;
     }
@@ -820,7 +822,8 @@ export const buildTransactionDetails =
           time,
           hasMultiplesOutputs,
         } = transaction;
-        const {coin: currency} = wallet.credentials;
+        let {coin: currency} = wallet.credentials;
+        currency = getRSKCurrencyAbbrevation(currency);
         const chain = dispatch(GetChain(currency)).toLowerCase();
         const _fee = fees || fee;
 

src/navigation/wallet/screens/CurrencySelection.tsx

@@ -34,7 +34,7 @@ export const GetPrecision =
       WALLET: {tokenData, customTokenData},
     } = getState();
     const tokens = {...tokenData, ...customTokenData};
-    const currency = currencyAbbreviation.toLowerCase();
+    const currency = getRSKCurrencyAbbrevation(currencyAbbreviation.toLowerCase());
     return Currencies[currency]?.unitInfo || tokens[currency]?.unitInfo;
   };
 
@@ -76,6 +76,7 @@ export const IsERCToken =
 export const GetBlockExplorerUrl =
   (currencyAbbreviation: string, network: string = 'livenet'): Effect<string> =>
   (dispatch, getState) => {
+    currencyAbbreviation = getRSKCurrencyAbbrevation(currencyAbbreviation);
     const {
       WALLET: {tokenData, customTokenData},
     } = getState();
@@ -147,3 +148,19 @@ export const isSingleAddressCoin =
       tokens[currency]?.properties.singleAddress
     );
   };
+
+  /**
+   * In case of rsk chain and currency having different names. 
+   * This function will return the currency name for rsk.
+   */
+  export const getRSKCurrencyAbbrevation = (name: string) => {
+    return name === 'rsk' ? 'rbtc': name;
+  }
+
+  /**
+   * In case of rsk chain and currency having different names.
+   * This function will return the chain name for rsk.
+   */
+  export const getRSKChainAbbrevation = (name: string) => {
+    return name === 'rbtc' ? 'rsk': name;
+  }

src/navigation/wallet/screens/WalletDetails.tsx

@@ -329,6 +329,7 @@ export const ValidateCoinAddress = (
       const addressLtc = BWC.getBitcoreLtc().Address;
       return !!addressLtc.isValid(str, network);
     case 'eth':
+    case 'rsk':
     case 'xrp':
       const {Validation} = BWC.getCore();
       return !!Validation.validateAddress(coin.toUpperCase(), network, str);

src/store/card/card.types.ts

@@ -64,6 +64,9 @@ export const getNetworkName = (path: string): string => {
     case "60'": // for ETH
       networkName = 'livenet';
       break;
+    case "137'": // for RSK
+      networkName = 'livenet';
+      break;  
     case "144'": // for XRP
       networkName = 'livenet';
       break;
@@ -114,6 +117,9 @@ export const isValidDerivationPathCoin = (
     case 'eth':
       isValid = ["60'", "0'", "1'"].indexOf(coinCode) > -1;
       break;
+    case 'rbtc':
+      isValid = ["137'", "0'", "1'"].indexOf(coinCode) > -1;
+      break;  
     case 'xrp':
       isValid = ["144'", "0'", "1'"].indexOf(coinCode) > -1;
       break;