aboutsummaryrefslogblamecommitdiffstats
path: root/packages/instant/src/util/error.ts
blob: 40fd24c7e5482a3857c0f4f715ce813a09145b6b (plain) (tree)
1
2
3
4
5
6
7
                                                  


                                                   


                                     























                                                                                                
                                                                                           



                                                                       
                                                                              


                                                   



                                                                    
                                                                           


                                                       




                                     
                                                                                          

                                            
                                                                     






                                                              
import { AssetBuyerError } from '@0x/asset-buyer';
import { Dispatch } from 'redux';

import { Action, actions } from '../redux/actions';
import { Asset } from '../types';

import { assetUtils } from './asset';

class ErrorFlasher {
    private _timeoutId?: number;
    public flashNewError(dispatch: Dispatch<Action>, error: any, delayMs: number = 7000): void {
        this._clearTimeout();

        // dispatch new message
        dispatch(actions.setError(error));

        this._timeoutId = window.setTimeout(() => {
            dispatch(actions.hideError());
        }, delayMs);
    }
    public clearError(dispatch: Dispatch<Action>): void {
        this._clearTimeout();
        dispatch(actions.hideError());
    }
    private _clearTimeout(): void {
        if (this._timeoutId) {
            window.clearTimeout(this._timeoutId);
        }
    }
}

const humanReadableMessageForError = (error: Error, asset?: Asset): string | undefined => {
    const hasInsufficientLiquidity =
        error.message === AssetBuyerError.InsufficientAssetLiquidity ||
        error.message === AssetBuyerError.InsufficientZrxLiquidity;
    if (hasInsufficientLiquidity) {
        const assetName = assetUtils.bestNameForAsset(asset, 'of this asset');
        return `Not enough ${assetName} available`;
    }

    if (
        error.message === AssetBuyerError.StandardRelayerApiError ||
        error.message.startsWith(AssetBuyerError.AssetUnavailable)
    ) {
        const assetName = assetUtils.bestNameForAsset(asset, 'This asset');
        return `${assetName} is currently unavailable`;
    }

    return undefined;
};

export const errorUtil = {
    errorFlasher: new ErrorFlasher(),
    errorDescription: (error?: any, asset?: Asset): { icon: string; message: string } => {
        let bestMessage: string | undefined;
        if (error instanceof Error) {
            bestMessage = humanReadableMessageForError(error, asset);
        }
        return {
            icon: '😢',
            message: bestMessage || 'Something went wrong...',
        };
    },
};