/* @flow */ import React from 'react'; import Link from 'components/Link'; import TrezorConnect from 'trezor-connect'; import * as NOTIFICATION from 'actions/constants/notification'; import * as SEND from 'actions/constants/send'; import * as WEB3 from 'actions/constants/web3'; import { initialState } from 'reducers/SendFormRippleReducer'; import * as reducerUtils from 'reducers/utils'; import { fromDecimalAmount } from 'utils/formatUtils'; import type { Dispatch, GetState, State as ReducersState, Action, ThunkAction, AsyncAction, TrezorDevice, } from 'flowtype'; import type { State } from 'reducers/SendFormRippleReducer'; import type { Account } from 'reducers/AccountsReducer'; import * as SessionStorageActions from '../SessionStorageActions'; import * as ValidationActions from './SendFormValidationActions'; export type SendTxAction = { type: typeof SEND.TX_COMPLETE, account: Account, selectedCurrency: string, amount: string, total: string, tx: any, nonce: number, txid: string, txData: any, }; /* * Called from WalletService */ export const observe = (prevState: ReducersState, action: Action): ThunkAction => (dispatch: Dispatch, getState: GetState): void => { const currentState = getState(); // if action type is SEND.VALIDATION which is called as result of this process // save data to session storage if (action.type === SEND.VALIDATION) { dispatch(SessionStorageActions.saveDraftTransaction()); return; } // if send form was not initialized if (currentState.sendFormRipple.networkSymbol === '') { dispatch(init()); return; } // handle gasPrice update from backend // recalculate fee levels if needed if (action.type === WEB3.GAS_PRICE_UPDATED) { dispatch(ValidationActions.onGasPriceUpdated(action.network, action.gasPrice)); return; } let shouldUpdate: boolean = false; // check if "selectedAccount" reducer changed shouldUpdate = reducerUtils.observeChanges(prevState.selectedAccount, currentState.selectedAccount, { account: ['balance', 'nonce'], }); // check if "sendForm" reducer changed if (!shouldUpdate) { shouldUpdate = reducerUtils.observeChanges(prevState.sendFormRipple, currentState.sendFormRipple); } if (shouldUpdate) { const validated = dispatch(ValidationActions.validation()); dispatch({ type: SEND.VALIDATION, networkType: 'ripple', state: validated, }); } }; /* * Called from "observe" action * Initialize "sendForm" reducer data * Get data either from session storage or "selectedAccount" reducer */ export const init = (): AsyncAction => async (dispatch: Dispatch, getState: GetState): Promise => { const { account, network, } = getState().selectedAccount; if (!account || !network) return; const stateFromStorage = dispatch(SessionStorageActions.loadDraftTransaction()); if (stateFromStorage) { // TODO: consider if current gasPrice should be set here as "recommendedGasPrice" dispatch({ type: SEND.INIT, networkType: 'ripple', state: stateFromStorage, }); return; } const feeLevels = ValidationActions.getFeeLevels(network.symbol, '1', '1'); const selectedFeeLevel = ValidationActions.getSelectedFeeLevel(feeLevels, initialState.selectedFeeLevel); dispatch({ type: SEND.INIT, networkType: 'ripple', state: { ...initialState, networkName: network.shortcut, networkSymbol: network.symbol, feeLevels, selectedFeeLevel, sequence: '1', }, }); }; /* * Called from UI on "address" field change */ export const onAddressChange = (address: string): ThunkAction => (dispatch: Dispatch, getState: GetState): void => { const state: State = getState().sendFormRipple; dispatch({ type: SEND.CHANGE, networkType: 'ripple', state: { ...state, untouched: false, touched: { ...state.touched, address: true }, address, }, }); }; /* * Called from UI on "amount" field change */ export const onAmountChange = (amount: string): ThunkAction => (dispatch: Dispatch, getState: GetState): void => { const state = getState().sendFormRipple; dispatch({ type: SEND.CHANGE, networkType: 'ripple', state: { ...state, untouched: false, touched: { ...state.touched, amount: true }, setMax: false, amount, }, }); }; /* * Called from UI from "set max" button */ export const onSetMax = (): ThunkAction => (dispatch: Dispatch, getState: GetState): void => { const state = getState().sendFormRipple; dispatch({ type: SEND.CHANGE, networkType: 'ripple', state: { ...state, untouched: false, touched: { ...state.touched, amount: true }, setMax: !state.setMax, }, }); }; /* * Called from UI from "send" button */ export const onSend = (): AsyncAction => async (dispatch: Dispatch, getState: GetState): Promise => { const { account, network, } = getState().selectedAccount; const selected: ?TrezorDevice = getState().wallet.selectedDevice; if (!selected) return; if (!account || !network) return; const currentState: State = getState().sendFormRipple; const amount = fromDecimalAmount(currentState.amount, 6); const signedTransaction = await TrezorConnect.rippleSignTransaction({ device: { path: selected.path, instance: selected.instance, state: selected.state, }, useEmptyPassphrase: selected.useEmptyPassphrase, path: account.addressPath, transaction: { // fee: '12', fee: '10', // Fee must be in the range of 10 to 10,000 drops flags: 0x80000000, sequence: account.sequence, payment: { amount, destination: currentState.address, }, }, }); if (!signedTransaction || !signedTransaction.success) { dispatch({ type: NOTIFICATION.ADD, payload: { type: 'error', title: 'Transaction error', message: signedTransaction.payload.error, cancelable: true, actions: [], }, }); return; } const push = await TrezorConnect.pushTransaction({ tx: signedTransaction.payload.serializedTx, coin: network.shortcut, }); if (!push.success) { dispatch({ type: NOTIFICATION.ADD, payload: { type: 'error', title: 'Transaction error', message: push.payload.error, cancelable: true, actions: [], }, }); return; } const { txid } = push.payload; dispatch({ type: SEND.TX_COMPLETE, account, selectedCurrency: currentState.networkSymbol, amount: currentState.amount, total: currentState.total, tx: {}, nonce: account.nonce, txid, txData: {}, }); // clear session storage dispatch(SessionStorageActions.clear()); // reset form dispatch(init()); dispatch({ type: NOTIFICATION.ADD, payload: { type: 'success', title: 'Transaction success', message: See transaction detail, cancelable: true, actions: [], }, }); }; export default { onAddressChange, onAmountChange, onSetMax, onSend, };