mirror of
https://github.com/trezor/trezor-wallet
synced 2024-11-24 09:18:09 +00:00
refactoring SendFromActions
This commit is contained in:
parent
52cf4f1e8e
commit
6cf3cb4bdb
File diff suppressed because it is too large
Load Diff
413
src/actions/SendFormValidationActions.js
Normal file
413
src/actions/SendFormValidationActions.js
Normal file
@ -0,0 +1,413 @@
|
|||||||
|
/* @flow */
|
||||||
|
|
||||||
|
import BigNumber from 'bignumber.js';
|
||||||
|
import EthereumjsUtil from 'ethereumjs-util';
|
||||||
|
import EthereumjsUnits from 'ethereumjs-units';
|
||||||
|
import { findToken } from 'reducers/TokensReducer';
|
||||||
|
import { findDevice, getPendingAmount } from 'reducers/utils';
|
||||||
|
import * as SEND from 'actions/constants/send';
|
||||||
|
|
||||||
|
import type {
|
||||||
|
Dispatch,
|
||||||
|
GetState,
|
||||||
|
PayloadAction,
|
||||||
|
} from 'flowtype';
|
||||||
|
import type { State, FeeLevel } from 'reducers/SendFormReducer';
|
||||||
|
|
||||||
|
// general regular expressions
|
||||||
|
const NUMBER_RE: RegExp = new RegExp('^(0|0\\.([0-9]+)?|[1-9][0-9]*\\.?([0-9]+)?|\\.[0-9]+)$');
|
||||||
|
const UPPERCASE_RE = new RegExp('^(.*[A-Z].*)$');
|
||||||
|
const ABS_RE = new RegExp('^[0-9]+$');
|
||||||
|
const ETH_18_RE = new RegExp('^(0|0\\.([0-9]{0,18})?|[1-9][0-9]*\\.?([0-9]{0,18})?|\\.[0-9]{0,18})$');
|
||||||
|
const HEX_RE = new RegExp('^[0-9A-Fa-f]+$');
|
||||||
|
const dynamicRegexp = (decimals: number): RegExp => {
|
||||||
|
if (decimals > 0) {
|
||||||
|
return new RegExp(`^(0|0\\.([0-9]{0,${decimals}})?|[1-9][0-9]*\\.?([0-9]{0,${decimals}})?|\\.[0-9]{1,${decimals}})$`);
|
||||||
|
}
|
||||||
|
return ABS_RE;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Called from SendFormActions.observe
|
||||||
|
* Reaction for WEB3.GAS_PRICE_UPDATED action
|
||||||
|
*/
|
||||||
|
export const onGasPriceUpdated = (network: string, gasPrice: string): PayloadAction<void> => (dispatch: Dispatch, getState: GetState): void => {
|
||||||
|
// testing random data
|
||||||
|
// function getRandomInt(min, max) {
|
||||||
|
// return Math.floor(Math.random() * (max - min + 1)) + min;
|
||||||
|
// }
|
||||||
|
// const newPrice = getRandomInt(10, 50).toString();
|
||||||
|
|
||||||
|
const state = getState().sendForm;
|
||||||
|
if (network === state.networkSymbol) return;
|
||||||
|
|
||||||
|
// check if new price is different then currently recommended
|
||||||
|
const newPrice: string = EthereumjsUnits.convert(gasPrice, 'wei', 'gwei');
|
||||||
|
|
||||||
|
if (newPrice !== state.recommendedGasPrice) {
|
||||||
|
if (!state.untouched) {
|
||||||
|
// if there is a transaction draft let the user know
|
||||||
|
// and let him update manually
|
||||||
|
dispatch({
|
||||||
|
type: SEND.CHANGE,
|
||||||
|
state: {
|
||||||
|
...state,
|
||||||
|
gasPriceNeedsUpdate: true,
|
||||||
|
recommendedGasPrice: newPrice,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
// automatically update feeLevels and gasPrice
|
||||||
|
const feeLevels = getFeeLevels(state.networkSymbol, newPrice, state.gasLimit);
|
||||||
|
const selectedFeeLevel = getSelectedFeeLevel(feeLevels, state.selectedFeeLevel);
|
||||||
|
dispatch({
|
||||||
|
type: SEND.CHANGE,
|
||||||
|
state: {
|
||||||
|
...state,
|
||||||
|
gasPriceNeedsUpdate: false,
|
||||||
|
recommendedGasPrice: newPrice,
|
||||||
|
gasPrice: selectedFeeLevel.gasPrice,
|
||||||
|
feeLevels,
|
||||||
|
selectedFeeLevel,
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Recalculate amount, total and fees
|
||||||
|
*/
|
||||||
|
export const validation = (): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
// clone deep nested object
|
||||||
|
// to avoid overrides across state history
|
||||||
|
let state: State = JSON.parse(JSON.stringify(getState().sendForm));
|
||||||
|
// reset errors
|
||||||
|
state.errors = {};
|
||||||
|
state.warnings = {};
|
||||||
|
state.infos = {};
|
||||||
|
state = dispatch(recalculate(state));
|
||||||
|
state = dispatch(updateCustomFeeLabel(state));
|
||||||
|
state = dispatch(addressValidation(state));
|
||||||
|
state = dispatch(addressLabel(state));
|
||||||
|
state = dispatch(amountValidation(state));
|
||||||
|
state = dispatch(gasLimitValidation(state));
|
||||||
|
state = dispatch(gasPriceValidation(state));
|
||||||
|
state = dispatch(nonceValidation(state));
|
||||||
|
state = dispatch(dataValidation(state));
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const recalculate = ($state: State): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
const {
|
||||||
|
account,
|
||||||
|
tokens,
|
||||||
|
pending,
|
||||||
|
} = getState().selectedAccount;
|
||||||
|
if (!account) return $state;
|
||||||
|
|
||||||
|
const state = { ...$state };
|
||||||
|
const isToken = state.currency !== state.networkSymbol;
|
||||||
|
|
||||||
|
if (state.setMax) {
|
||||||
|
const pendingAmount = getPendingAmount(pending, state.currency, isToken);
|
||||||
|
if (isToken) {
|
||||||
|
const token = findToken(tokens, account.address, state.currency, account.deviceState);
|
||||||
|
if (token) {
|
||||||
|
state.amount = new BigNumber(token.balance).minus(pendingAmount).toString(10);
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
const b = new BigNumber(account.balance).minus(pendingAmount);
|
||||||
|
state.amount = calculateMaxAmount(b, state.gasPrice, state.gasLimit);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
state.total = calculateTotal(isToken ? '0' : state.amount, state.gasPrice, state.gasLimit);
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
export const updateCustomFeeLabel = ($state: State): PayloadAction<State> => (): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if ($state.selectedFeeLevel.value === 'Custom') {
|
||||||
|
state.selectedFeeLevel = {
|
||||||
|
...state.selectedFeeLevel,
|
||||||
|
gasPrice: state.gasPrice,
|
||||||
|
label: `${calculateFee(state.gasPrice, state.gasLimit)} ${state.networkSymbol}`,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Address value validation
|
||||||
|
*/
|
||||||
|
export const addressValidation = ($state: State): PayloadAction<State> => (): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.address) return state;
|
||||||
|
|
||||||
|
const { address } = state;
|
||||||
|
|
||||||
|
if (address.length < 1) {
|
||||||
|
state.errors.address = 'Address is not set';
|
||||||
|
} else if (!EthereumjsUtil.isValidAddress(address)) {
|
||||||
|
state.errors.address = 'Address is not valid';
|
||||||
|
} else if (address.match(UPPERCASE_RE) && !EthereumjsUtil.isValidChecksumAddress(address)) {
|
||||||
|
state.errors.address = 'Address is not a valid checksum';
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Address label assignation
|
||||||
|
*/
|
||||||
|
export const addressLabel = ($state: State): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.address || state.errors.address) return state;
|
||||||
|
|
||||||
|
const {
|
||||||
|
account,
|
||||||
|
network,
|
||||||
|
} = getState().selectedAccount;
|
||||||
|
if (!account || !network) return state;
|
||||||
|
const { address } = state;
|
||||||
|
|
||||||
|
const savedAccounts = getState().accounts.filter(a => a.address.toLowerCase() === address.toLowerCase());
|
||||||
|
if (savedAccounts.length > 0) {
|
||||||
|
// check if found account belongs to this network
|
||||||
|
const currentNetworkAccount = savedAccounts.find(a => a.network === network.network);
|
||||||
|
if (currentNetworkAccount) {
|
||||||
|
const device = findDevice(getState().devices, currentNetworkAccount.deviceID, currentNetworkAccount.deviceState);
|
||||||
|
if (device) {
|
||||||
|
state.infos.address = `${device.instanceLabel} Account #${(currentNetworkAccount.index + 1)}`;
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
// corner-case: the same derivation path is used on different networks
|
||||||
|
const otherNetworkAccount = savedAccounts[0];
|
||||||
|
const device = findDevice(getState().devices, otherNetworkAccount.deviceID, otherNetworkAccount.deviceState);
|
||||||
|
const { coins } = getState().localStorage.config;
|
||||||
|
const otherNetwork = coins.find(c => c.network === otherNetworkAccount.network);
|
||||||
|
if (device && otherNetwork) {
|
||||||
|
state.warnings.address = `Looks like it's ${device.instanceLabel} Account #${(otherNetworkAccount.index + 1)} address of ${otherNetwork.name} network`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Amount value validation
|
||||||
|
*/
|
||||||
|
export const amountValidation = ($state: State): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.amount) return state;
|
||||||
|
|
||||||
|
const {
|
||||||
|
account,
|
||||||
|
tokens,
|
||||||
|
pending,
|
||||||
|
} = getState().selectedAccount;
|
||||||
|
if (!account) return state;
|
||||||
|
|
||||||
|
const { amount } = state;
|
||||||
|
if (amount.length < 1) {
|
||||||
|
state.errors.amount = 'Amount is not set';
|
||||||
|
} else if (amount.length > 0 && !amount.match(NUMBER_RE)) {
|
||||||
|
state.errors.amount = 'Amount is not a number';
|
||||||
|
} else {
|
||||||
|
const isToken: boolean = state.currency !== state.networkSymbol;
|
||||||
|
const pendingAmount: BigNumber = getPendingAmount(pending, state.currency, isToken);
|
||||||
|
|
||||||
|
if (isToken) {
|
||||||
|
const token = findToken(tokens, account.address, state.currency, account.deviceState);
|
||||||
|
if (!token) return state;
|
||||||
|
const decimalRegExp = dynamicRegexp(parseInt(token.decimals, 0));
|
||||||
|
|
||||||
|
if (!state.amount.match(decimalRegExp)) {
|
||||||
|
state.errors.amount = `Maximum ${token.decimals} decimals allowed`;
|
||||||
|
} else if (new BigNumber(state.total).greaterThan(account.balance)) {
|
||||||
|
state.errors.amount = `Not enough ${state.networkSymbol} to cover transaction fee`;
|
||||||
|
} else if (new BigNumber(state.amount).greaterThan(new BigNumber(token.balance).minus(pendingAmount))) {
|
||||||
|
state.errors.amount = 'Not enough funds';
|
||||||
|
} else if (new BigNumber(state.amount).lessThanOrEqualTo('0')) {
|
||||||
|
state.errors.amount = 'Amount is too low';
|
||||||
|
}
|
||||||
|
} else if (!state.amount.match(ETH_18_RE)) {
|
||||||
|
state.errors.amount = 'Maximum 18 decimals allowed';
|
||||||
|
} else if (new BigNumber(state.total).greaterThan(new BigNumber(account.balance).minus(pendingAmount))) {
|
||||||
|
state.errors.amount = 'Not enough funds';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Gas limit value validation
|
||||||
|
*/
|
||||||
|
export const gasLimitValidation = ($state: State): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.gasLimit) return state;
|
||||||
|
|
||||||
|
const {
|
||||||
|
network,
|
||||||
|
} = getState().selectedAccount;
|
||||||
|
if (!network) return state;
|
||||||
|
|
||||||
|
const { gasLimit } = state;
|
||||||
|
if (gasLimit.length < 1) {
|
||||||
|
state.errors.gasLimit = 'Gas limit is not set';
|
||||||
|
} else if (gasLimit.length > 0 && !gasLimit.match(NUMBER_RE)) {
|
||||||
|
state.errors.gasLimit = 'Gas limit is not a number';
|
||||||
|
} else {
|
||||||
|
const gl: BigNumber = new BigNumber(gasLimit);
|
||||||
|
if (gl.lessThan(1)) {
|
||||||
|
state.errors.gasLimit = 'Gas limit is too low';
|
||||||
|
} else if (gl.lessThan(state.currency !== state.networkSymbol ? network.defaultGasLimitTokens : network.defaultGasLimit)) {
|
||||||
|
state.warnings.gasLimit = 'Gas limit is below recommended';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Gas price value validation
|
||||||
|
*/
|
||||||
|
export const gasPriceValidation = ($state: State): PayloadAction<State> => (): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.gasPrice) return state;
|
||||||
|
|
||||||
|
const { gasPrice } = state;
|
||||||
|
if (gasPrice.length < 1) {
|
||||||
|
state.errors.gasPrice = 'Gas price is not set';
|
||||||
|
} else if (gasPrice.length > 0 && !gasPrice.match(NUMBER_RE)) {
|
||||||
|
state.errors.gasPrice = 'Gas price is not a number';
|
||||||
|
} else {
|
||||||
|
const gp: BigNumber = new BigNumber(gasPrice);
|
||||||
|
if (gp.greaterThan(1000)) {
|
||||||
|
state.warnings.gasPrice = 'Gas price is too high';
|
||||||
|
} else if (gp.lessThanOrEqualTo('0')) {
|
||||||
|
state.errors.gasPrice = 'Gas price is too low';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Nonce value validation
|
||||||
|
*/
|
||||||
|
export const nonceValidation = ($state: State): PayloadAction<State> => (dispatch: Dispatch, getState: GetState): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.nonce) return state;
|
||||||
|
|
||||||
|
const {
|
||||||
|
account,
|
||||||
|
} = getState().selectedAccount;
|
||||||
|
if (!account) return state;
|
||||||
|
|
||||||
|
const { nonce } = state;
|
||||||
|
if (nonce.length < 1) {
|
||||||
|
state.errors.nonce = 'Nonce is not set';
|
||||||
|
} else if (!nonce.match(ABS_RE)) {
|
||||||
|
state.errors.nonce = 'Nonce is not a valid number';
|
||||||
|
} else {
|
||||||
|
const n: BigNumber = new BigNumber(nonce);
|
||||||
|
if (n.lessThan(account.nonce)) {
|
||||||
|
state.warnings.nonce = 'Nonce is lower than recommended';
|
||||||
|
} else if (n.greaterThan(account.nonce)) {
|
||||||
|
state.warnings.nonce = 'Nonce is greater than recommended';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Gas price value validation
|
||||||
|
*/
|
||||||
|
export const dataValidation = ($state: State): PayloadAction<State> => (): State => {
|
||||||
|
const state = { ...$state };
|
||||||
|
if (!state.touched.data || state.data.length === 0) return state;
|
||||||
|
if (!HEX_RE.test(state.data)) {
|
||||||
|
state.errors.data = 'Data is not valid hexadecimal';
|
||||||
|
}
|
||||||
|
return state;
|
||||||
|
};
|
||||||
|
|
||||||
|
/*
|
||||||
|
* UTILITIES
|
||||||
|
*/
|
||||||
|
|
||||||
|
export const calculateFee = (gasPrice: string, gasLimit: string): string => {
|
||||||
|
try {
|
||||||
|
return EthereumjsUnits.convert(new BigNumber(gasPrice).times(gasLimit), 'gwei', 'ether');
|
||||||
|
} catch (error) {
|
||||||
|
return '0';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const calculateTotal = (amount: string, gasPrice: string, gasLimit: string): string => {
|
||||||
|
try {
|
||||||
|
return new BigNumber(amount).plus(calculateFee(gasPrice, gasLimit)).toString(10);
|
||||||
|
} catch (error) {
|
||||||
|
return '0';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const calculateMaxAmount = (balance: BigNumber, gasPrice: string, gasLimit: string): string => {
|
||||||
|
try {
|
||||||
|
// TODO - minus pendings
|
||||||
|
const fee = calculateFee(gasPrice, gasLimit);
|
||||||
|
const max = balance.minus(fee);
|
||||||
|
if (max.lessThan(0)) return '0';
|
||||||
|
return max.toString(10);
|
||||||
|
} catch (error) {
|
||||||
|
return '0';
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
export const getFeeLevels = (symbol: string, gasPrice: BigNumber | string, gasLimit: string, selected?: FeeLevel): Array<FeeLevel> => {
|
||||||
|
const price: BigNumber = typeof gasPrice === 'string' ? new BigNumber(gasPrice) : gasPrice;
|
||||||
|
const quarter: BigNumber = price.dividedBy(4);
|
||||||
|
const high: string = price.plus(quarter.times(2)).toString(10);
|
||||||
|
const low: string = price.minus(quarter.times(2)).toString(10);
|
||||||
|
|
||||||
|
const customLevel: FeeLevel = selected && selected.value === 'Custom' ? {
|
||||||
|
value: 'Custom',
|
||||||
|
gasPrice: selected.gasPrice,
|
||||||
|
// label: `${ calculateFee(gasPrice, gasLimit) } ${ symbol }`
|
||||||
|
label: `${calculateFee(selected.gasPrice, gasLimit)} ${symbol}`,
|
||||||
|
} : {
|
||||||
|
value: 'Custom',
|
||||||
|
gasPrice: low,
|
||||||
|
label: '',
|
||||||
|
};
|
||||||
|
|
||||||
|
return [
|
||||||
|
{
|
||||||
|
value: 'High',
|
||||||
|
gasPrice: high,
|
||||||
|
label: `${calculateFee(high, gasLimit)} ${symbol}`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'Normal',
|
||||||
|
gasPrice: gasPrice.toString(),
|
||||||
|
label: `${calculateFee(price.toString(10), gasLimit)} ${symbol}`,
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'Low',
|
||||||
|
gasPrice: low,
|
||||||
|
label: `${calculateFee(low, gasLimit)} ${symbol}`,
|
||||||
|
},
|
||||||
|
customLevel,
|
||||||
|
];
|
||||||
|
};
|
||||||
|
|
||||||
|
export const getSelectedFeeLevel = (feeLevels: Array<FeeLevel>, selected: FeeLevel): FeeLevel => {
|
||||||
|
const { value } = selected;
|
||||||
|
let selectedFeeLevel: ?FeeLevel;
|
||||||
|
selectedFeeLevel = feeLevels.find(f => f.value === value);
|
||||||
|
if (!selectedFeeLevel) {
|
||||||
|
// fallback to default
|
||||||
|
selectedFeeLevel = feeLevels.find(f => f.value === 'Normal');
|
||||||
|
}
|
||||||
|
return selectedFeeLevel || selected;
|
||||||
|
};
|
@ -1,23 +1,9 @@
|
|||||||
/* @flow */
|
/* @flow */
|
||||||
|
|
||||||
|
|
||||||
export const INIT: 'send__init' = 'send__init';
|
export const INIT: 'send__init' = 'send__init';
|
||||||
export const DISPOSE: 'send__dispose' = 'send__dispose';
|
export const CHANGE: 'send__change' = 'send__change';
|
||||||
export const VALIDATION: 'send__validation' = 'send__validation';
|
export const VALIDATION: 'send__validation' = 'send__validation';
|
||||||
export const ADDRESS_VALIDATION: 'send__address_validation' = 'send__address_validation';
|
export const TX_SENDING: 'send__tx_sending' = 'send__tx_sending';
|
||||||
export const ADDRESS_CHANGE: 'send__address_change' = 'send__address_change';
|
|
||||||
export const AMOUNT_CHANGE: 'send__amount_change' = 'send__amount_change';
|
|
||||||
export const SET_MAX: 'send__set_max' = 'send__set_max';
|
|
||||||
export const CURRENCY_CHANGE: 'send__currency_change' = 'send__currency_change';
|
|
||||||
export const FEE_LEVEL_CHANGE: 'send__fee_level_change' = 'send__fee_level_change';
|
|
||||||
export const GAS_PRICE_CHANGE: 'send__gas_price_change' = 'send__gas_price_change';
|
|
||||||
export const GAS_LIMIT_CHANGE: 'send__gas_limit_change' = 'send__gas_limit_change';
|
|
||||||
export const NONCE_CHANGE: 'send__nonce_change' = 'send__nonce_change';
|
|
||||||
export const UPDATE_FEE_LEVELS: 'send__update_fee_levels' = 'send__update_fee_levels';
|
|
||||||
export const DATA_CHANGE: 'send__data_change' = 'send__data_change';
|
|
||||||
export const SEND: 'send__submit' = 'send__submit';
|
|
||||||
export const TX_COMPLETE: 'send__tx_complete' = 'send__tx_complete';
|
export const TX_COMPLETE: 'send__tx_complete' = 'send__tx_complete';
|
||||||
export const TX_ERROR: 'send__tx_error' = 'send__tx_error';
|
export const TX_ERROR: 'send__tx_error' = 'send__tx_error';
|
||||||
export const TOGGLE_ADVANCED: 'send__toggle_advanced' = 'send__toggle_advanced';
|
export const TOGGLE_ADVANCED: 'send__toggle_advanced' = 'send__toggle_advanced';
|
||||||
|
|
||||||
export const FROM_SESSION_STORAGE: 'send__from_session_storage' = 'send__from_session_storage';
|
|
@ -1,17 +1,9 @@
|
|||||||
/* @flow */
|
/* @flow */
|
||||||
|
|
||||||
|
|
||||||
import EthereumjsUnits from 'ethereumjs-units';
|
|
||||||
import * as SEND from 'actions/constants/send';
|
import * as SEND from 'actions/constants/send';
|
||||||
import * as WEB3 from 'actions/constants/web3';
|
|
||||||
import * as ACCOUNT from 'actions/constants/account';
|
import * as ACCOUNT from 'actions/constants/account';
|
||||||
|
|
||||||
import { getFeeLevels } from 'actions/SendFormActions';
|
|
||||||
|
|
||||||
import type { Action } from 'flowtype';
|
import type { Action } from 'flowtype';
|
||||||
import type {
|
|
||||||
Web3UpdateGasPriceAction,
|
|
||||||
} from 'actions/Web3Actions';
|
|
||||||
|
|
||||||
export type FeeLevel = {
|
export type FeeLevel = {
|
||||||
label: string;
|
label: string;
|
||||||
@ -82,46 +74,16 @@ export const initialState: State = {
|
|||||||
infos: {},
|
infos: {},
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
const onGasPriceUpdated = (state: State, action: Web3UpdateGasPriceAction): State => {
|
|
||||||
// function getRandomInt(min, max) {
|
|
||||||
// return Math.floor(Math.random() * (max - min + 1)) + min;
|
|
||||||
// }
|
|
||||||
// const newPrice = getRandomInt(10, 50).toString();
|
|
||||||
const newPrice: string = EthereumjsUnits.convert(action.gasPrice, 'wei', 'gwei');
|
|
||||||
if (action.network === state.networkName && newPrice !== state.recommendedGasPrice) {
|
|
||||||
const newState: State = { ...state };
|
|
||||||
if (!state.untouched) {
|
|
||||||
newState.gasPriceNeedsUpdate = true;
|
|
||||||
newState.recommendedGasPrice = newPrice;
|
|
||||||
} else {
|
|
||||||
const newFeeLevels = getFeeLevels(state.networkSymbol, newPrice, state.gasLimit);
|
|
||||||
const selectedFeeLevel: ?FeeLevel = newFeeLevels.find(f => f.value === 'Normal');
|
|
||||||
if (!selectedFeeLevel) return state;
|
|
||||||
newState.recommendedGasPrice = newPrice;
|
|
||||||
newState.feeLevels = newFeeLevels;
|
|
||||||
newState.selectedFeeLevel = selectedFeeLevel;
|
|
||||||
newState.gasPrice = selectedFeeLevel.gasPrice;
|
|
||||||
}
|
|
||||||
return newState;
|
|
||||||
}
|
|
||||||
return state;
|
|
||||||
};
|
|
||||||
|
|
||||||
|
|
||||||
export default (state: State = initialState, action: Action): State => {
|
export default (state: State = initialState, action: Action): State => {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case SEND.INIT:
|
case SEND.INIT:
|
||||||
|
case SEND.CHANGE:
|
||||||
|
case SEND.VALIDATION:
|
||||||
return action.state;
|
return action.state;
|
||||||
|
|
||||||
case ACCOUNT.DISPOSE:
|
case ACCOUNT.DISPOSE:
|
||||||
return initialState;
|
return initialState;
|
||||||
|
|
||||||
// this will be called right after Web3 instance initialization before any view is shown
|
|
||||||
// and async during app live time
|
|
||||||
case WEB3.GAS_PRICE_UPDATED:
|
|
||||||
return onGasPriceUpdated(state, action);
|
|
||||||
|
|
||||||
|
|
||||||
case SEND.TOGGLE_ADVANCED:
|
case SEND.TOGGLE_ADVANCED:
|
||||||
return {
|
return {
|
||||||
@ -129,22 +91,7 @@ export default (state: State = initialState, action: Action): State => {
|
|||||||
advanced: !state.advanced,
|
advanced: !state.advanced,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
case SEND.TX_SENDING:
|
||||||
// user actions
|
|
||||||
case SEND.ADDRESS_CHANGE:
|
|
||||||
case SEND.ADDRESS_VALIDATION:
|
|
||||||
case SEND.AMOUNT_CHANGE:
|
|
||||||
case SEND.SET_MAX:
|
|
||||||
case SEND.CURRENCY_CHANGE:
|
|
||||||
case SEND.FEE_LEVEL_CHANGE:
|
|
||||||
case SEND.UPDATE_FEE_LEVELS:
|
|
||||||
case SEND.GAS_PRICE_CHANGE:
|
|
||||||
case SEND.GAS_LIMIT_CHANGE:
|
|
||||||
case SEND.NONCE_CHANGE:
|
|
||||||
case SEND.DATA_CHANGE:
|
|
||||||
return action.state;
|
|
||||||
|
|
||||||
case SEND.SEND:
|
|
||||||
return {
|
return {
|
||||||
...state,
|
...state,
|
||||||
sending: true,
|
sending: true,
|
||||||
@ -156,32 +103,6 @@ export default (state: State = initialState, action: Action): State => {
|
|||||||
sending: false,
|
sending: false,
|
||||||
};
|
};
|
||||||
|
|
||||||
case SEND.VALIDATION:
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
errors: action.errors,
|
|
||||||
warnings: action.warnings,
|
|
||||||
infos: action.infos,
|
|
||||||
};
|
|
||||||
|
|
||||||
case SEND.FROM_SESSION_STORAGE:
|
|
||||||
return {
|
|
||||||
...state,
|
|
||||||
|
|
||||||
address: action.address,
|
|
||||||
amount: action.amount,
|
|
||||||
setMax: action.setMax,
|
|
||||||
selectedCurrency: action.selectedCurrency,
|
|
||||||
selectedFeeLevel: action.selectedFeeLevel,
|
|
||||||
advanced: action.advanced,
|
|
||||||
gasLimit: action.gasLimit,
|
|
||||||
gasPrice: action.gasPrice,
|
|
||||||
data: action.data,
|
|
||||||
nonce: action.nonce,
|
|
||||||
untouched: false,
|
|
||||||
touched: action.touched,
|
|
||||||
};
|
|
||||||
|
|
||||||
default:
|
default:
|
||||||
return state;
|
return state;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user