import React, { Component } from 'react' import PropTypes from 'prop-types' import { Switch, Route } from 'react-router-dom' import Loading from '../../components/ui/loading-screen' import ConfirmTransactionSwitch from '../confirm-transaction-switch' import ConfirmTransactionBase from '../confirm-transaction-base' import ConfirmSendEther from '../confirm-send-ether' import ConfirmSendToken from '../confirm-send-token' import ConfirmDeployContract from '../confirm-deploy-contract' import ConfirmApprove from '../confirm-approve' import ConfirmTokenTransactionBase from '../confirm-token-transaction-base' import ConfTx from './conf-tx' import { DEFAULT_ROUTE, CONFIRM_TRANSACTION_ROUTE, CONFIRM_DEPLOY_CONTRACT_PATH, CONFIRM_SEND_ETHER_PATH, CONFIRM_SEND_TOKEN_PATH, CONFIRM_APPROVE_PATH, CONFIRM_TRANSFER_FROM_PATH, CONFIRM_TOKEN_METHOD_PATH, SIGNATURE_REQUEST_PATH, } from '../../helpers/constants/routes' export default class ConfirmTransaction extends Component { static contextTypes = { metricsEvent: PropTypes.func, } static propTypes = { history: PropTypes.object.isRequired, totalUnapprovedCount: PropTypes.number.isRequired, match: PropTypes.object, send: PropTypes.object, unconfirmedTransactions: PropTypes.array, setTransactionToConfirm: PropTypes.func, confirmTransaction: PropTypes.object, clearConfirmTransaction: PropTypes.func, fetchBasicGasAndTimeEstimates: PropTypes.func, transaction: PropTypes.object, getContractMethodData: PropTypes.func, transactionId: PropTypes.string, paramsTransactionId: PropTypes.string, getTokenParams: PropTypes.func, isTokenMethodAction: PropTypes.bool, fullScreenVsPopupTestGroup: PropTypes.string, trackABTest: PropTypes.bool, conversionRate: PropTypes.number, } componentDidMount () { const { totalUnapprovedCount = 0, send = {}, history, transaction: { txParams: { data, to } = {} } = {}, fetchBasicGasAndTimeEstimates, getContractMethodData, transactionId, paramsTransactionId, getTokenParams, isTokenMethodAction, fullScreenVsPopupTestGroup, trackABTest, } = this.props if (!totalUnapprovedCount && !send.to) { history.replace(DEFAULT_ROUTE) return } fetchBasicGasAndTimeEstimates() getContractMethodData(data) if (isTokenMethodAction) { getTokenParams(to) } const txId = transactionId || paramsTransactionId if (txId) { this.props.setTransactionToConfirm(txId) } if (trackABTest) { this.context.metricsEvent({ eventOpts: { category: 'abtesting', action: 'fullScreenVsPopup', name: fullScreenVsPopupTestGroup === 'fullScreen' ? 'fullscreen' : 'original', }, }) } } componentDidUpdate (prevProps) { const { setTransactionToConfirm, transaction: { txData: { txParams: { data } = {} } = {} }, clearConfirmTransaction, getContractMethodData, paramsTransactionId, transactionId, history, totalUnapprovedCount, } = this.props if (paramsTransactionId && transactionId && prevProps.paramsTransactionId !== paramsTransactionId) { clearConfirmTransaction() getContractMethodData(data) setTransactionToConfirm(paramsTransactionId) return } else if (prevProps.transactionId && !transactionId && !totalUnapprovedCount) { history.replace(DEFAULT_ROUTE) return } else if (prevProps.transactionId && transactionId && prevProps.transactionId !== transactionId) { history.replace(DEFAULT_ROUTE) return } } render () { const { transactionId, paramsTransactionId } = this.props // Show routes when state.confirmTransaction has been set and when either the ID in the params // isn't specified or is specified and matches the ID in state.confirmTransaction in order to // support URLs of /confirm-transaction or /confirm-transaction/ return transactionId && (!paramsTransactionId || paramsTransactionId === transactionId) ? ( ) : } }