|
|
|
import { connect } from 'react-redux'
|
|
|
|
import { compose } from 'recompose'
|
|
|
|
import { withRouter } from 'react-router-dom'
|
|
|
|
import R from 'ramda'
|
|
|
|
import contractMap from 'eth-contract-metadata'
|
|
|
|
import ConfirmTransactionBase from './confirm-transaction-base.component'
|
|
|
|
import {
|
|
|
|
clearConfirmTransaction,
|
|
|
|
updateGasAndCalculate,
|
|
|
|
} from '../../../ducks/confirm-transaction.duck'
|
|
|
|
import { clearSend, cancelTx, cancelTxs, updateAndApproveTx, showModal } from '../../../actions'
|
|
|
|
import {
|
|
|
|
INSUFFICIENT_FUNDS_ERROR_KEY,
|
|
|
|
GAS_LIMIT_TOO_LOW_ERROR_KEY,
|
|
|
|
} from '../../../constants/error-keys'
|
|
|
|
import { getHexGasTotal } from '../../../helpers/confirm-transaction/util'
|
|
|
|
import { isBalanceSufficient, calcGasTotal } from '../../send/send.utils'
|
|
|
|
import { conversionGreaterThan } from '../../../conversion-util'
|
|
|
|
import { MIN_GAS_LIMIT_DEC } from '../../send/send.constants'
|
|
|
|
import { addressSlicer, valuesFor } from '../../../util'
|
|
|
|
import { getMetaMaskAccounts, getAdvancedInlineGasShown } from '../../../selectors'
|
|
|
|
|
|
|
|
const casedContractMap = Object.keys(contractMap).reduce((acc, base) => {
|
|
|
|
return {
|
|
|
|
...acc,
|
|
|
|
[base.toLowerCase()]: contractMap[base],
|
|
|
|
}
|
|
|
|
}, {})
|
|
|
|
|
|
|
|
const mapStateToProps = (state, props) => {
|
|
|
|
const { toAddress: propsToAddress } = props
|
|
|
|
const { confirmTransaction, metamask, gas } = state
|
|
|
|
const {
|
|
|
|
ethTransactionAmount,
|
|
|
|
ethTransactionFee,
|
|
|
|
ethTransactionTotal,
|
|
|
|
fiatTransactionAmount,
|
|
|
|
fiatTransactionFee,
|
|
|
|
fiatTransactionTotal,
|
|
|
|
hexTransactionAmount,
|
|
|
|
hexTransactionFee,
|
|
|
|
hexTransactionTotal,
|
|
|
|
tokenData,
|
|
|
|
methodData,
|
|
|
|
txData,
|
|
|
|
tokenProps,
|
|
|
|
nonce,
|
|
|
|
} = confirmTransaction
|
|
|
|
const { txParams = {}, lastGasPrice, id: transactionId } = txData
|
|
|
|
const {
|
|
|
|
from: fromAddress,
|
|
|
|
to: txParamsToAddress,
|
|
|
|
gasPrice,
|
|
|
|
gas: gasLimit,
|
|
|
|
value: amount,
|
|
|
|
} = txParams
|
|
|
|
const accounts = getMetaMaskAccounts(state)
|
|
|
|
const {
|
|
|
|
conversionRate,
|
|
|
|
identities,
|
|
|
|
currentCurrency,
|
|
|
|
selectedAddress,
|
|
|
|
selectedAddressTxList,
|
|
|
|
assetImages,
|
|
|
|
network,
|
|
|
|
unapprovedTxs,
|
|
|
|
} = metamask
|
|
|
|
const assetImage = assetImages[txParamsToAddress]
|
|
|
|
|
|
|
|
const {
|
|
|
|
customGasLimit,
|
|
|
|
customGasPrice,
|
|
|
|
} = gas
|
|
|
|
|
|
|
|
const { balance } = accounts[selectedAddress]
|
|
|
|
const { name: fromName } = identities[selectedAddress]
|
|
|
|
const toAddress = propsToAddress || txParamsToAddress
|
|
|
|
const toName = identities[toAddress]
|
|
|
|
? identities[toAddress].name
|
|
|
|
: casedContractMap[toAddress] ? casedContractMap[toAddress].name : addressSlicer(toAddress)
|
|
|
|
|
|
|
|
const isTxReprice = Boolean(lastGasPrice)
|
|
|
|
|
|
|
|
const transaction = R.find(({ id }) => id === transactionId)(selectedAddressTxList)
|
|
|
|
const transactionStatus = transaction ? transaction.status : ''
|
|
|
|
|
|
|
|
const currentNetworkUnapprovedTxs = R.filter(
|
|
|
|
({ metamaskNetworkId }) => metamaskNetworkId === network,
|
|
|
|
unapprovedTxs,
|
|
|
|
)
|
|
|
|
const unapprovedTxCount = valuesFor(currentNetworkUnapprovedTxs).length
|
|
|
|
|
|
|
|
const insufficientBalance = !isBalanceSufficient({
|
|
|
|
amount,
|
|
|
|
gasTotal: calcGasTotal(gasLimit, gasPrice),
|
|
|
|
balance,
|
|
|
|
conversionRate,
|
|
|
|
})
|
|
|
|
|
|
|
|
return {
|
|
|
|
balance,
|
|
|
|
fromAddress,
|
|
|
|
fromName,
|
|
|
|
toAddress,
|
|
|
|
toName,
|
|
|
|
ethTransactionAmount,
|
|
|
|
ethTransactionFee,
|
|
|
|
ethTransactionTotal,
|
|
|
|
fiatTransactionAmount,
|
|
|
|
fiatTransactionFee,
|
|
|
|
fiatTransactionTotal,
|
|
|
|
hexTransactionAmount,
|
|
|
|
hexTransactionFee,
|
|
|
|
hexTransactionTotal,
|
|
|
|
txData,
|
|
|
|
tokenData,
|
|
|
|
methodData,
|
|
|
|
tokenProps,
|
|
|
|
isTxReprice,
|
|
|
|
currentCurrency,
|
|
|
|
conversionRate,
|
|
|
|
transactionStatus,
|
|
|
|
nonce,
|
|
|
|
assetImage,
|
|
|
|
unapprovedTxs,
|
|
|
|
unapprovedTxCount,
|
|
|
|
currentNetworkUnapprovedTxs,
|
|
|
|
customGas: {
|
|
|
|
gasLimit: customGasLimit || gasLimit,
|
|
|
|
gasPrice: customGasPrice || gasPrice,
|
|
|
|
},
|
|
|
|
advancedInlineGasShown: getAdvancedInlineGasShown(state),
|
|
|
|
insufficientBalance,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const mapDispatchToProps = dispatch => {
|
|
|
|
return {
|
|
|
|
clearConfirmTransaction: () => dispatch(clearConfirmTransaction()),
|
|
|
|
clearSend: () => dispatch(clearSend()),
|
|
|
|
showTransactionConfirmedModal: ({ onSubmit }) => {
|
|
|
|
return dispatch(showModal({ name: 'TRANSACTION_CONFIRMED', onSubmit }))
|
|
|
|
},
|
|
|
|
showCustomizeGasModal: ({ txData, onSubmit, validate }) => {
|
|
|
|
return dispatch(showModal({ name: 'CUSTOMIZE_GAS', txData, onSubmit, validate }))
|
|
|
|
},
|
|
|
|
updateGasAndCalculate: ({ gasLimit, gasPrice }) => {
|
|
|
|
return dispatch(updateGasAndCalculate({ gasLimit, gasPrice }))
|
|
|
|
},
|
|
|
|
showRejectTransactionsConfirmationModal: ({ onSubmit, unapprovedTxCount }) => {
|
|
|
|
return dispatch(showModal({ name: 'REJECT_TRANSACTIONS', onSubmit, unapprovedTxCount }))
|
|
|
|
},
|
|
|
|
cancelTransaction: ({ id }) => dispatch(cancelTx({ id })),
|
|
|
|
cancelAllTransactions: (txList) => dispatch(cancelTxs(txList)),
|
|
|
|
sendTransaction: txData => dispatch(updateAndApproveTx(txData)),
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const getValidateEditGas = ({ balance, conversionRate, txData }) => {
|
|
|
|
const { txParams: { value: amount } = {} } = txData
|
|
|
|
|
|
|
|
return ({ gasLimit, gasPrice }) => {
|
|
|
|
const gasTotal = getHexGasTotal({ gasLimit, gasPrice })
|
|
|
|
const hasSufficientBalance = isBalanceSufficient({
|
|
|
|
amount,
|
|
|
|
gasTotal,
|
|
|
|
balance,
|
|
|
|
conversionRate,
|
|
|
|
})
|
|
|
|
|
|
|
|
if (!hasSufficientBalance) {
|
|
|
|
return {
|
|
|
|
valid: false,
|
|
|
|
errorKey: INSUFFICIENT_FUNDS_ERROR_KEY,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const gasLimitTooLow = gasLimit && conversionGreaterThan(
|
|
|
|
{
|
|
|
|
value: MIN_GAS_LIMIT_DEC,
|
|
|
|
fromNumericBase: 'dec',
|
|
|
|
conversionRate,
|
|
|
|
},
|
|
|
|
{
|
|
|
|
value: gasLimit,
|
|
|
|
fromNumericBase: 'hex',
|
|
|
|
},
|
|
|
|
)
|
|
|
|
|
|
|
|
if (gasLimitTooLow) {
|
|
|
|
return {
|
|
|
|
valid: false,
|
|
|
|
errorKey: GAS_LIMIT_TOO_LOW_ERROR_KEY,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return {
|
|
|
|
valid: true,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
const mergeProps = (stateProps, dispatchProps, ownProps) => {
|
|
|
|
const { balance, conversionRate, txData, unapprovedTxs } = stateProps
|
|
|
|
const {
|
|
|
|
cancelAllTransactions: dispatchCancelAllTransactions,
|
|
|
|
showCustomizeGasModal: dispatchShowCustomizeGasModal,
|
|
|
|
updateGasAndCalculate: dispatchUpdateGasAndCalculate,
|
|
|
|
...otherDispatchProps
|
|
|
|
} = dispatchProps
|
|
|
|
|
|
|
|
const validateEditGas = getValidateEditGas({ balance, conversionRate, txData })
|
|
|
|
|
|
|
|
return {
|
|
|
|
...stateProps,
|
|
|
|
...otherDispatchProps,
|
|
|
|
...ownProps,
|
|
|
|
showCustomizeGasModal: () => dispatchShowCustomizeGasModal({
|
|
|
|
txData,
|
|
|
|
onSubmit: customGas => dispatchUpdateGasAndCalculate(customGas),
|
|
|
|
validate: validateEditGas,
|
|
|
|
}),
|
|
|
|
cancelAllTransactions: () => dispatchCancelAllTransactions(valuesFor(unapprovedTxs)),
|
|
|
|
updateGasAndCalculate,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
export default compose(
|
|
|
|
withRouter,
|
|
|
|
connect(mapStateToProps, mapDispatchToProps, mergeProps)
|
|
|
|
)(ConfirmTransactionBase)
|