import { conversionRateSelector, currentCurrencySelector, unconfirmedTransactionsHashSelector, getNativeCurrency, } from '../../selectors'; import { getValueFromWeiHex, getTransactionFee, getHexGasTotal, addFiat, addEth, increaseLastGasPrice, hexGreaterThan, } from '../../helpers/utils/confirm-tx.util'; import { getTokenData, sumHexes } from '../../helpers/utils/transactions.util'; import { conversionUtil } from '../../helpers/utils/conversion-util'; // Actions const createActionType = (action) => `metamask/confirm-transaction/${action}`; const UPDATE_TX_DATA = createActionType('UPDATE_TX_DATA'); const UPDATE_TOKEN_DATA = createActionType('UPDATE_TOKEN_DATA'); const CLEAR_CONFIRM_TRANSACTION = createActionType('CLEAR_CONFIRM_TRANSACTION'); const UPDATE_TRANSACTION_AMOUNTS = createActionType( 'UPDATE_TRANSACTION_AMOUNTS', ); const UPDATE_TRANSACTION_FEES = createActionType('UPDATE_TRANSACTION_FEES'); const UPDATE_TRANSACTION_TOTALS = createActionType('UPDATE_TRANSACTION_TOTALS'); const UPDATE_NONCE = createActionType('UPDATE_NONCE'); // Initial state const initState = { txData: {}, tokenData: {}, fiatTransactionAmount: '', fiatTransactionFee: '', fiatTransactionTotal: '', ethTransactionAmount: '', ethTransactionFee: '', ethTransactionTotal: '', hexTransactionAmount: '', hexTransactionFee: '', hexTransactionTotal: '', nonce: '', }; // Reducer export default function reducer(state = initState, action = {}) { switch (action.type) { case UPDATE_TX_DATA: return { ...state, txData: { ...action.payload, }, }; case UPDATE_TOKEN_DATA: return { ...state, tokenData: { ...action.payload, }, }; case UPDATE_TRANSACTION_AMOUNTS: { const { fiatTransactionAmount, ethTransactionAmount, hexTransactionAmount, } = action.payload; return { ...state, fiatTransactionAmount: fiatTransactionAmount || state.fiatTransactionAmount, ethTransactionAmount: ethTransactionAmount || state.ethTransactionAmount, hexTransactionAmount: hexTransactionAmount || state.hexTransactionAmount, }; } case UPDATE_TRANSACTION_FEES: { const { fiatTransactionFee, ethTransactionFee, hexTransactionFee, } = action.payload; return { ...state, fiatTransactionFee: fiatTransactionFee || state.fiatTransactionFee, ethTransactionFee: ethTransactionFee || state.ethTransactionFee, hexTransactionFee: hexTransactionFee || state.hexTransactionFee, }; } case UPDATE_TRANSACTION_TOTALS: { const { fiatTransactionTotal, ethTransactionTotal, hexTransactionTotal, } = action.payload; return { ...state, fiatTransactionTotal: fiatTransactionTotal || state.fiatTransactionTotal, ethTransactionTotal: ethTransactionTotal || state.ethTransactionTotal, hexTransactionTotal: hexTransactionTotal || state.hexTransactionTotal, }; } case UPDATE_NONCE: return { ...state, nonce: action.payload, }; case CLEAR_CONFIRM_TRANSACTION: return initState; default: return state; } } // Action Creators export function updateTxData(txData) { return { type: UPDATE_TX_DATA, payload: txData, }; } export function updateTokenData(tokenData) { return { type: UPDATE_TOKEN_DATA, payload: tokenData, }; } export function updateTransactionAmounts(amounts) { return { type: UPDATE_TRANSACTION_AMOUNTS, payload: amounts, }; } export function updateTransactionFees(fees) { return { type: UPDATE_TRANSACTION_FEES, payload: fees, }; } export function updateTransactionTotals(totals) { return { type: UPDATE_TRANSACTION_TOTALS, payload: totals, }; } export function updateNonce(nonce) { return { type: UPDATE_NONCE, payload: nonce, }; } function increaseFromLastGasPrice(txData) { const { lastGasPrice, txParams: { gasPrice: previousGasPrice } = {}, } = txData; // Set the minimum to a 10% increase from the lastGasPrice. const minimumGasPrice = increaseLastGasPrice(lastGasPrice); const gasPriceBelowMinimum = hexGreaterThan( minimumGasPrice, previousGasPrice, ); const gasPrice = !previousGasPrice || gasPriceBelowMinimum ? minimumGasPrice : previousGasPrice; return { ...txData, txParams: { ...txData.txParams, gasPrice, }, }; } export function updateTxDataAndCalculate(txData) { return (dispatch, getState) => { const state = getState(); const currentCurrency = currentCurrencySelector(state); const conversionRate = conversionRateSelector(state); const nativeCurrency = getNativeCurrency(state); dispatch(updateTxData(txData)); const { txParams: { value = '0x0', gas: gasLimit = '0x0', gasPrice = '0x0' } = {}, } = txData; const fiatTransactionAmount = getValueFromWeiHex({ value, fromCurrency: nativeCurrency, toCurrency: currentCurrency, conversionRate, numberOfDecimals: 2, }); const ethTransactionAmount = getValueFromWeiHex({ value, fromCurrency: nativeCurrency, toCurrency: nativeCurrency, conversionRate, numberOfDecimals: 6, }); dispatch( updateTransactionAmounts({ fiatTransactionAmount, ethTransactionAmount, hexTransactionAmount: value, }), ); const hexTransactionFee = getHexGasTotal({ gasLimit, gasPrice }); const fiatTransactionFee = getTransactionFee({ value: hexTransactionFee, fromCurrency: nativeCurrency, toCurrency: currentCurrency, numberOfDecimals: 2, conversionRate, }); const ethTransactionFee = getTransactionFee({ value: hexTransactionFee, fromCurrency: nativeCurrency, toCurrency: nativeCurrency, numberOfDecimals: 6, conversionRate, }); dispatch( updateTransactionFees({ fiatTransactionFee, ethTransactionFee, hexTransactionFee, }), ); const fiatTransactionTotal = addFiat( fiatTransactionFee, fiatTransactionAmount, ); const ethTransactionTotal = addEth(ethTransactionFee, ethTransactionAmount); const hexTransactionTotal = sumHexes(value, hexTransactionFee); dispatch( updateTransactionTotals({ fiatTransactionTotal, ethTransactionTotal, hexTransactionTotal, }), ); }; } export function setTransactionToConfirm(transactionId) { return (dispatch, getState) => { const state = getState(); const unconfirmedTransactionsHash = unconfirmedTransactionsHashSelector( state, ); const transaction = unconfirmedTransactionsHash[transactionId]; if (!transaction) { console.error(`Transaction with id ${transactionId} not found`); return; } if (transaction.txParams) { const { lastGasPrice } = transaction; const txData = lastGasPrice ? increaseFromLastGasPrice(transaction) : transaction; dispatch(updateTxDataAndCalculate(txData)); const { txParams } = transaction; if (txParams.data) { const { data } = txParams; const tokenData = getTokenData(data); dispatch(updateTokenData(tokenData)); } if (txParams.nonce) { const nonce = conversionUtil(txParams.nonce, { fromNumericBase: 'hex', toNumericBase: 'dec', }); dispatch(updateNonce(nonce)); } } else { dispatch(updateTxData(transaction)); } }; } export function clearConfirmTransaction() { return { type: CLEAR_CONFIRM_TRANSACTION, }; }