import React from 'react'; import { connect } from 'react-redux'; import { AppState } from 'reducers'; import translate from 'translations'; import { IWallet } from 'libs/wallet'; import { QRCode } from 'components/ui'; import { getUnit, getDecimal } from 'selectors/transaction/meta'; import { getCurrentTo, getCurrentValue, ICurrentTo, ICurrentValue } from 'selectors/transaction/current'; import BN from 'bn.js'; import { validNumber, validDecimal } from 'libs/validators'; import { getGasLimit } from 'selectors/transaction'; import { AddressField, AmountField, TXMetaDataPanel } from 'components'; import { SetGasLimitFieldAction } from 'actions/transaction/actionTypes/fields'; import { buildEIP681EtherRequest, buildEIP681TokenRequest } from 'libs/values'; import { getNetworkConfig, getSelectedTokenContractAddress } from 'selectors/config'; import './RequestPayment.scss'; import { reset, TReset, setCurrentTo, TSetCurrentTo } from 'actions/transaction'; import { NetworkConfig } from 'types/network'; interface OwnProps { wallet: AppState['wallet']['inst']; } interface StateProps { unit: string; currentTo: ICurrentTo; currentValue: ICurrentValue; gasLimit: SetGasLimitFieldAction['payload']; networkConfig: NetworkConfig; decimal: number; tokenContractAddress: string; } interface ActionProps { reset: TReset; setCurrentTo: TSetCurrentTo; } type Props = OwnProps & StateProps & ActionProps; const isValidAmount = decimal => amount => validNumber(+amount) && validDecimal(amount, decimal); class RequestPayment extends React.Component { public state = { recipientAddress: '' }; public componentDidMount() { if (this.props.wallet) { this.setWalletAsyncState(this.props.wallet); } this.props.reset(); } public componentWillUnmount() { this.props.reset(); } public componentWillReceiveProps(nextProps: Props) { if (nextProps.wallet && this.props.wallet !== nextProps.wallet) { this.setWalletAsyncState(nextProps.wallet); } } public render() { const { tokenContractAddress, gasLimit, currentTo, currentValue, networkConfig, unit, decimal } = this.props; const chainId = networkConfig ? networkConfig.chainId : undefined; const eip681String = this.generateEIP681String( currentTo.raw, tokenContractAddress, currentValue, gasLimit, unit, decimal, chainId ); return (
{!!eip681String.length && (