packages/instant/src/redux/async_data.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73

import * as _ from 'lodash';

import { BIG_NUMBER_ZERO } from '../constants';
import { AccountState } from '../types';
import { assetUtils } from '../util/asset';
import { coinbaseApi } from '../util/coinbase_api';
import { errorFlasher } from '../util/error_flasher';

import { actions } from './actions';
import { Store } from './store';

export const asyncData = {
    fetchEthPriceAndDispatchToStore: async (store: Store) => {
        try {
            const ethUsdPrice = await coinbaseApi.getEthUsdPrice();
            store.dispatch(actions.updateEthUsdPrice(ethUsdPrice));
        } catch (e) {
            const errorMessage = 'Error fetching ETH/USD price';
            errorFlasher.flashNewErrorMessage(store.dispatch, errorMessage);
            store.dispatch(actions.updateEthUsdPrice(BIG_NUMBER_ZERO));
        }
    },
    fetchAvailableAssetDatasAndDispatchToStore: async (store: Store) => {
        const { providerState, assetMetaDataMap, network } = store.getState();
        const assetBuyer = providerState.assetBuyer;
        try {
            const assetDatas = await assetBuyer.getAvailableAssetDatasAsync();
            const assets = assetUtils.createAssetsFromAssetDatas(assetDatas, assetMetaDataMap, network);
            store.dispatch(actions.setAvailableAssets(assets));
        } catch (e) {
            const errorMessage = 'Could not find any assets';
            errorFlasher.flashNewErrorMessage(store.dispatch, errorMessage);
            // On error, just specify that none are available
            store.dispatch(actions.setAvailableAssets([]));
        }
    },
    fetchAccountInfoAndDispatchToStore: async (store: Store, options = { setLoading: true }) => {
        const { providerState } = store.getState();
        const web3Wrapper = providerState.web3Wrapper;
        if (options.setLoading && providerState.account.state !== AccountState.Loading) {
            store.dispatch(actions.setAccountStateLoading());
        }
        let availableAddresses: string[];
        try {
            availableAddresses = await web3Wrapper.getAvailableAddressesAsync();
        } catch (e) {
            store.dispatch(actions.setAccountStateError());
            return;
        }
        if (!_.isEmpty(availableAddresses)) {
            const activeAddress = availableAddresses[0];
            store.dispatch(actions.setAccountStateReady(activeAddress));
            await asyncData.fetchAccountBalanceAndDispatchToStore(store);
        } else {
            store.dispatch(actions.setAccountStateLocked());
        }
    },
    fetchAccountBalanceAndDispatchToStore: async (store: Store) => {
        const { providerState } = store.getState();
        const web3Wrapper = providerState.web3Wrapper;
        const account = providerState.account;
        if (account.state !== AccountState.Ready) {
            return;
        }
        try {
            const ethBalanceInWei = await web3Wrapper.getBalanceInWeiAsync(account.address);
            store.dispatch(actions.updateAccountEthBalance(ethBalanceInWei));
        } catch (e) {
            // leave balance as is
            return;
        }
    },
};