Daniel Kmak 985ea0fb89 Ethereum Alarm Clock Integration (#1343)
* [FEATURE] Initial EAC integration.

* Title and explanation

* [FEATURE] Move the Schedule Payment to the main tab.

* [FEATURE] TimeBounty slider.

* [FEATURE] Move to main menu.

* [FEATURE] Redirection to the DApp for details.

* [FEATURE] Timestamp scheduling

* Scheduling: Basic date and time widget

* Linting fixes

* Moved the datetime field to new tab

* Fixed push errors

* Added missing specs

* Undid unintentional UI change

* Fixed some failing tests

* Ignore datetime parameter when checking if a transaction is full

* Added a date selector widget and renamed ScheduleTimestamp to ScheduleDate

* Marked componentDidMount

* Initialized Pikaday

* Revert "Initialized Pikaday"

This reverts commit 4e5bf5b2b882f236f5977400abf9b7092cbd1592.

* Revert "Marked componentDidMount"

This reverts commit 85d52192ac58f4b6ca9219e702f7390cd27e582f.

* Revert "Added a date selector widget and renamed ScheduleTimestamp to ScheduleDate"

This reverts commit aaad0ac9b565a78d1bfc631754160919fd38a59b.

* Converted the date picker into a datetime picker

* Added decent styling to the datetimepicker

* Added validation to the datetime picker

* Fixed prepush errors for scheduling timestamp

* Adjusted validation logic scheduling timestamp

* [FEATURE] Move scheduling to main tab.

* [FEATURE] Timezone selector

* [FEATURE] Scheduling: Timezone selector

* Removed zombie files

* [FEATURE] Reimplement Time Bounty.

* [FEATURE] Time/block selector

* [FEATURE] Add Window Size field.

* [FEATURE] Time/block switch functionality

* Implemented time/block switcher fuctionality

* [FEATURE] Add Schedule Gas Price field.

* [FEATURE] Scheduling toggle

* [FEATURE] Add basic styling and network check.

* [FEATURE] Add Schedule Gas Limit field

* [FEATURE] "Scheduled" button styling

* Reordered, renamed and centered scheduling elements

* Added the toggle button styling

* Class -> ClassName

* [FEATURE] Add Deposit field

*  [FEATURE] Move scheduling code into one directory

* [FIX] Scheduling responsiveness

* [FIX] Datetime picker not working on md screens

* [FEATURE] Timestamp Scheduling basic functionality

* [FIX] Fix data serialization.

* [FEATURE] Timezone inclusion

* [FEATURE] Add ChronoLogic logo.

* [FEATURE] Add link to image.

* [FIX] Update CSS of logo.

* [FEATURE] Default Window Size

* [FEATURE] Modified Help component to enable acting as a tooltip

* [FEATURE] Call contract to validate scheduling params

* [FIX] Change moment import to fix tests

* [FEATURE] Gas estimation for scheduling

* [FEATURE] Additional validation

* [FEATURE] UI changes and descriptions

* [FEATURE] Add tooltip to window and fix fee display.

* [FIX] Fix ethereumjs-abi dependency.

* [FEATURE] Hide scheduling when sending tokens.

* [FIX] Improved styling datetime picker

* [FEATURE] Add Redux state for scheduling

* [FEATURE] Create Toggle component, Share code between components

* [FEATURE] Use Tooltip component for help.

* [FEATURE] Better datetime picker

* [FEATURE] Remove fee

* Trigger mycryptobuild

* [FIX] Timestamp scheduling - Validation match

* [FIX] EAC integration touchups

* [FIX] Code review fixes

* [FIX] Window Size type

* [FIX] Type fixes.

* [FIX] Make tooltips only show on icons + resposiveness fixes

* [FIX] Break tooltips into more lines

* [FIX] Remove unnecessary code.

* [FIX] Remove unnecessary code.

* [FIX] Remove unnecessary types declaration.

* [FIX] Fee class names
2018-04-14 17:21:33 -05:00

215 lines
6.0 KiB
TypeScript

import { AppState } from 'reducers';
import {
getCurrentTo,
getCurrentValue,
getData,
getNonce,
getGasPrice,
IGetTransaction,
getTransaction
} from 'selectors/transaction';
import {
getScheduleType,
getWindowStart,
getTimeBounty,
getWindowSize,
getScheduleGasPrice,
getScheduleGasLimit,
getScheduleDeposit,
getScheduleTimestamp,
getScheduleTimezone,
isValidCurrentTimeBounty,
isWindowSizeValid,
isValidScheduleGasPrice,
isValidScheduleGasLimit,
isValidScheduleDeposit
} from 'selectors/schedule';
import {
EAC_SCHEDULING_CONFIG,
getScheduleData,
calcEACEndowment,
getSchedulerAddress,
EAC_ADDRESSES,
getValidateRequestParamsData
} from 'libs/scheduling';
import { makeTransaction } from 'libs/transaction';
import EthTx from 'ethereumjs-tx';
import { getLatestBlock } from 'selectors/config';
import {
windowSizeBlockToMin,
calculateWindowStart,
isWindowStartValid,
isScheduleTimestampValid
} from 'selectors/schedule/helpers';
import { getScheduleState } from 'selectors/schedule/fields';
import { Nonce, Wei } from 'libs/units';
import { getWalletInst } from 'selectors/wallet';
import { bufferToHex } from 'ethereumjs-util';
export const getSchedulingTransaction = (state: AppState): IGetTransaction => {
const { isFullTransaction } = getTransaction(state);
const currentTo = getCurrentTo(state);
const currentValue = getCurrentValue(state);
const nonce = getNonce(state);
const gasPrice = getGasPrice(state);
const timeBounty = getTimeBounty(state);
const scheduleGasPrice = getScheduleGasPrice(state);
const scheduleGasLimit = getScheduleGasLimit(state);
const scheduleType = getScheduleType(state);
const endowment = calcEACEndowment(
scheduleGasLimit.value,
currentValue.value,
scheduleGasPrice.value,
timeBounty.value
);
let transactionData = null;
const transactionFullAndValid = isFullTransaction && isSchedulingTransactionValid(state);
if (transactionFullAndValid) {
const deposit = getScheduleDeposit(state);
const scheduleTimestamp = getScheduleTimestamp(state);
const windowSize = getWindowSize(state);
const callData = getData(state);
const scheduleTimezone = getScheduleTimezone(state);
const windowStart = getWindowStart(state);
transactionData = getScheduleData(
currentTo.raw,
callData.raw,
scheduleGasLimit.value,
currentValue.value,
windowSizeBlockToMin(windowSize.value, scheduleType.value),
calculateWindowStart(
scheduleType.value,
scheduleTimestamp,
scheduleTimezone.value,
windowStart.value
),
scheduleGasPrice.value,
timeBounty.value,
deposit.value
);
}
const transactionOptions = {
to: getSchedulerAddress(scheduleType.value),
data: transactionData,
gasLimit: EAC_SCHEDULING_CONFIG.SCHEDULING_GAS_LIMIT,
gasPrice: gasPrice.value,
nonce: Nonce('0'),
value: endowment
};
if (nonce) {
transactionOptions.nonce = Nonce(nonce.raw);
}
const schedulingTransaction: EthTx = makeTransaction(transactionOptions);
return {
transaction: schedulingTransaction,
isFullTransaction: transactionFullAndValid
};
};
const isSchedulingTransactionValid = (state: AppState): boolean => {
const schedulingState = getScheduleState(state);
const windowSizeValid = isWindowSizeValid(state);
const windowStartValid = isWindowStartValid(schedulingState, getLatestBlock(state));
const scheduleTimestampValid = isScheduleTimestampValid(schedulingState);
const scheduleGasPriceValid = isValidScheduleGasPrice(state);
const scheduleGasLimitValid = isValidScheduleGasLimit(state);
const depositValid = isValidScheduleDeposit(state);
const timeBountyValid = isValidCurrentTimeBounty(state);
// return true if all fields are valid
return (
// either windowStart or scheduleTimestamp is used for scheduling
(windowStartValid || scheduleTimestampValid) &&
windowSizeValid &&
scheduleGasPriceValid &&
scheduleGasLimitValid &&
depositValid &&
timeBountyValid
);
};
export interface IGetValidateScheduleParamsCallPayload {
to: string;
data: string;
}
export const getValidateScheduleParamsCallPayload = (
state: AppState
): IGetValidateScheduleParamsCallPayload | undefined => {
const wallet = getWalletInst(state);
const currentTo = getCurrentTo(state);
const currentValue = getCurrentValue(state);
const timeBounty = getTimeBounty(state);
const scheduleGasPrice = getScheduleGasPrice(state);
const scheduleGasLimit = getScheduleGasLimit(state);
const scheduleType = getScheduleType(state);
const deposit = getScheduleDeposit(state);
const scheduleTimestamp = getScheduleTimestamp(state);
const windowSize = getWindowSize(state);
const callData = getData(state);
const scheduleTimezone = getScheduleTimezone(state);
const windowStart = getWindowStart(state);
/*
* Checks if any of these values are null or invalid
* due to an user input.
*/
if (
!currentValue.value ||
!currentTo.value ||
!scheduleGasPrice.value ||
!wallet ||
!windowSize.value ||
// we need either windowStart or scheduleTimestamp for scheduling
!(windowStart.value || scheduleTimestamp.value)
) {
return;
}
const callGasLimit = scheduleGasLimit.value || EAC_SCHEDULING_CONFIG.SCHEDULE_GAS_LIMIT_FALLBACK;
const endowment = calcEACEndowment(
callGasLimit,
currentValue.value,
scheduleGasPrice.value,
timeBounty.value
);
const fromAddress = wallet.getAddressString();
const data = getValidateRequestParamsData(
bufferToHex(currentTo.value),
callData.value ? bufferToHex(callData.value) : '',
callGasLimit,
currentValue.value,
windowSizeBlockToMin(windowSize.value, scheduleType.value),
calculateWindowStart(
scheduleType.value,
scheduleTimestamp,
scheduleTimezone.value,
windowStart.value
),
scheduleGasPrice.value,
timeBounty.value,
deposit.value || Wei('0'),
scheduleType.value === 'time',
endowment,
fromAddress
);
return {
to: EAC_ADDRESSES.KOVAN.requestFactory,
data
};
};