Eddie Wang 88532cdc3c Shapeshift Integration (#564)
* progress

* Normalize bity api response

* Filter api response

* Track swap information in component state

* Update dropdown onchange

* remove dead code

* Update Min Max Validation

* Update minmax err msg && fix onChangeOriginKind

* Add origin & destination to redux state

* Update types & Update tests

* Update types

* Update swap.spec.ts test

* Remove commented out code

* Remove hardcoded coin array

* Create types.ts for swap reducer

* Update swapinput type

* Update bityRates in localStorage & Replace all instances of ...Kind / ...Amount props

* Add shapeshift banner

* initial work for sagas

* Update Types

* Update swap reducer initial state

* Update Types & Store empty obj for bityRates / options

* Update more types

* added shapeshift file and rates comments

* action reducers and prop mapping to components

* add typings and swap icon

* more actions reducers and sagas

* debugging shapeshift service

* add Headers

* Fix content type

* add order reset saga and ui fixes

* remove console log and swap b/w Bity and Shapeshift

* working state for Shapeshift and Bity - tested with mainnet

* add icon component

* UI improvements and fix select bug

* fix timer bug

* add bity fallback options and toFixed floats

* tslint errors

* add arrow to dropdown and add support footer

* Add service provider

* fix minor $ bug and stop timer on order complete

* better load UX and dropdown UX

* fixed single test

* currRate prop bugs and reduce LS bloat

* takeEvery on timer saga and don't clear state.options to restartSwap reducer

* export tx sagas and fix minor type

* Add ShapeShift Rates functionality when selecting a ShapeShift pair.

* type fixes

* BugFix: Don't change displayed ShapeShift Rate Inputs on every dropdown change
Also contains some caching / performance improvements

* BugFix: Don't remote rate inputs when falsy amount

* fix type error

* Progress commit

* Implement saga logic

* Make address field factory component

* Shorten debounce time

* Make new actions / sagas  for handling single token lookup

* Implement working version of litesend

* Change saga into selector

* Add failing spec

* fix broken test

* add debounce to error message

* fix tests

* update snapshots

* test coverage

* move setState disabled property from debounce so we instantly can go to next step on valid amounts

* much deeper test coverage, fix debounce ux, and fix bity flashing at swap page load

* fix minor failing test

* seperate shapeshift erc20 token whitelist

* fix saveState store bug

* break orderTimeRemaining saga up and rewrite tests

* add new swap icon

* remove unused allowReadOnly prop

* change offlineaware to walletdecrypt for litesend

* fix LiteSend changewallet bug

* fix error message UX

* fix button styling to match develop

* fix liteSend test

* Fix LiteSend UX on unavl tokens, dropdown null value, and don't show decrypt in litesend after successful wallet decrypt.

* add litesend network check
2018-01-02 12:04:50 -06:00

89 lines
2.9 KiB
TypeScript

import { showNotification } from 'actions/notifications';
import {
loadBityRatesSucceededSwap,
loadShapeshiftRatesSucceededSwap,
changeSwapProvider,
ChangeProviderSwapAcion
} from 'actions/swap';
import { TypeKeys } from 'actions/swap/constants';
import { getAllRates } from 'api/bity';
import { delay, SagaIterator } from 'redux-saga';
import { call, select, cancel, fork, put, take, takeLatest, race } from 'redux-saga/effects';
import shapeshift from 'api/shapeshift';
import { getSwap } from 'sagas/swap/orders';
const POLLING_CYCLE = 30000;
export const SHAPESHIFT_TIMEOUT = 10000;
export function* loadBityRates(): SagaIterator {
while (true) {
try {
const data = yield call(getAllRates);
yield put(loadBityRatesSucceededSwap(data));
} catch (error) {
yield put(showNotification('danger', error.message));
}
yield call(delay, POLLING_CYCLE);
}
}
export function* loadShapeshiftRates(): SagaIterator {
while (true) {
try {
// Race b/w api call and timeout
// getShapeShiftRates should be an api call that accepts a whitelisted arr of symbols
const { tokens } = yield race({
tokens: call(shapeshift.getAllRates),
timeout: call(delay, SHAPESHIFT_TIMEOUT)
});
// If tokens exist, put it into the redux state, otherwise switch to bity.
if (tokens) {
yield put(loadShapeshiftRatesSucceededSwap(tokens));
} else {
yield put(
showNotification('danger', 'Error loading ShapeShift tokens - reverting to Bity')
);
}
} catch (error) {
yield put(showNotification('danger', `Error loading ShapeShift tokens - ${error}`));
}
yield call(delay, POLLING_CYCLE);
}
}
export function* swapProvider(action: ChangeProviderSwapAcion): SagaIterator {
const swap = yield select(getSwap);
if (swap.provider !== action.payload) {
yield put(changeSwapProvider(action.payload));
}
}
// Fork our recurring API call, watch for the need to cancel.
export function* handleBityRates(): SagaIterator {
const loadBityRatesTask = yield fork(loadBityRates);
yield take(TypeKeys.SWAP_STOP_LOAD_BITY_RATES);
yield cancel(loadBityRatesTask);
}
// Watch for latest SWAP_LOAD_BITY_RATES_REQUESTED action.
export function* getBityRatesSaga(): SagaIterator {
yield takeLatest(TypeKeys.SWAP_LOAD_BITY_RATES_REQUESTED, handleBityRates);
}
// Fork our API call
export function* handleShapeShiftRates(): SagaIterator {
const loadShapeShiftRatesTask = yield fork(loadShapeshiftRates);
yield take(TypeKeys.SWAP_STOP_LOAD_SHAPESHIFT_RATES);
yield cancel(loadShapeShiftRatesTask);
}
// Watch for SWAP_LOAD_SHAPESHIFT_RATES_REQUESTED action.
export function* getShapeShiftRatesSaga(): SagaIterator {
yield takeLatest(TypeKeys.SWAP_LOAD_SHAPESHIFT_RATES_REQUESTED, handleShapeShiftRates);
}
// Watch for provider swaps
export function* swapProviderSaga(): SagaIterator {
yield takeLatest(TypeKeys.SWAP_CHANGE_PROVIDER, swapProvider);
}