import {ZeroEx} from '0x.js';
import BigNumber from 'bignumber.js';
import * as _ from 'lodash';
import {
Action,
ActionTypes,
BlockchainErrs,
Direction,
GenerateOrderSteps,
Order,
ProviderType,
ScreenWidths,
Side,
SideToAssetToken,
SignatureData,
TokenByAddress,
TokenState,
TokenStateByAddress,
} from 'ts/types';
import {utils} from 'ts/utils/utils';
// Instead of defaulting the docs version to an empty string, we pre-populate it with
// a valid version value. This does not need to be updated however, since onLoad, it
// is always replaced with a value retrieved from our S3 bucket.
const DEFAULT_DOCS_VERSION = '0.0.0';
export interface State {
// Portal
blockchainErr: BlockchainErrs;
blockchainIsLoaded: boolean;
generateOrderStep: GenerateOrderSteps;
networkId: number;
orderExpiryTimestamp: BigNumber;
orderFillAmount: BigNumber;
orderTakerAddress: string;
orderSignatureData: SignatureData;
orderSalt: BigNumber;
nodeVersion: string;
screenWidth: ScreenWidths;
shouldBlockchainErrDialogBeOpen: boolean;
sideToAssetToken: SideToAssetToken;
tokenByAddress: TokenByAddress;
tokenStateByAddress: TokenStateByAddress;
userAddress: string;
userEtherBalance: BigNumber;
// Note: cache of supplied orderJSON in fill order step. Do not use for anything else.
userSuppliedOrderCache: Order;
// Docs
docsVersion: string;
availableDocVersions: string[];
// Shared
flashMessage: string|React.ReactNode;
providerType: ProviderType;
injectedProviderName: string;
}
const INITIAL_STATE: State = {
// Portal
blockchainErr: '',
blockchainIsLoaded: false,
generateOrderStep: GenerateOrderSteps.ChooseAssets,
networkId: undefined,
orderExpiryTimestamp: utils.initialOrderExpiryUnixTimestampSec(),
orderFillAmount: undefined,
orderSignatureData: {
hash: '',
r: '',
s: '',
v: 27,
},
orderTakerAddress: '',
orderSalt: ZeroEx.generatePseudoRandomSalt(),
nodeVersion: undefined,
screenWidth: utils.getScreenWidth(),
shouldBlockchainErrDialogBeOpen: false,
sideToAssetToken: {
[Side.deposit]: {},
[Side.receive]: {},
},
tokenByAddress: {},
tokenStateByAddress: {},
userAddress: '',
userEtherBalance: new BigNumber(0),
userSuppliedOrderCache: undefined,
// Docs
docsVersion: DEFAULT_DOCS_VERSION,
availableDocVersions: [DEFAULT_DOCS_VERSION],
// Shared
flashMessage: undefined,
providerType: ProviderType.INJECTED,
injectedProviderName: '',
};
export function reducer(state: State = INITIAL_STATE, action: Action) {
switch (action.type) {
// Portal
case ActionTypes.RESET_STATE:
return INITIAL_STATE;
case ActionTypes.UPDATE_ORDER_SALT: {
return _.assign({}, state, {
orderSalt: action.data,
});
}
case ActionTypes.UPDATE_NODE_VERSION: {
return _.assign({}, state, {
nodeVersion: action.data,
});
}
case ActionTypes.UPDATE_ORDER_FILL_AMOUNT: {
return _.assign({}, state, {
orderFillAmount: action.data,
});
}
case ActionTypes.UPDATE_SHOULD_BLOCKCHAIN_ERR_DIALOG_BE_OPEN: {
return _.assign({}, state, {
shouldBlockchainErrDialogBeOpen: action.data,
});
}
case ActionTypes.UPDATE_USER_ETHER_BALANCE: {
return _.assign({}, state, {
userEtherBalance: action.data,
});
}
case ActionTypes.UPDATE_USER_SUPPLIED_ORDER_CACHE: {
return _.assign({}, state, {
userSuppliedOrderCache: action.data,
});
}
case ActionTypes.CLEAR_TOKEN_BY_ADDRESS: {
return _.assign({}, state, {
tokenByAddress: {},
});
}
case ActionTypes.ADD_TOKEN_TO_TOKEN_BY_ADDRESS: {
const newTokenByAddress = state.tokenByAddress;
newTokenByAddress[action.data.address] = action.data;
return _.assign({}, state, {
tokenByAddress: newTokenByAddress,
});
}
case ActionTypes.REMOVE_TOKEN_TO_TOKEN_BY_ADDRESS: {
const newTokenByAddress = state.tokenByAddress;
delete newTokenByAddress[action.data.address];
return _.assign({}, state, {
tokenByAddress: newTokenByAddress,
});
}
case ActionTypes.UPDATE_TOKEN_BY_ADDRESS: {
const tokenByAddress = state.tokenByAddress;
const tokens = action.data;
_.each(tokens, token => {
const updatedToken = _.assign({}, tokenByAddress[token.address], token);
tokenByAddress[token.address] = updatedToken;
});
return _.assign({}, state, {
tokenByAddress,
});
}
case ActionTypes.UPDATE_TOKEN_STATE_BY_ADDRESS: {
const tokenStateByAddress = state.tokenStateByAddress;
const updatedTokenStateByAddress = action.data;
_.each(updatedTokenStateByAddress, (tokenState: TokenState, address: string) => {
const updatedTokenState = _.assign({}, tokenStateByAddress[address], tokenState);
tokenStateByAddress[address] = updatedTokenState;
});
return _.assign({}, state, {
tokenStateByAddress,
});
}
case ActionTypes.REMOVE_FROM_TOKEN_STATE_BY_ADDRESS: {
const tokenStateByAddress = state.tokenStateByAddress;
const tokenAddress = action.data;
delete tokenStateByAddress[tokenAddress];
return _.assign({}, state, {
tokenStateByAddress,
});
}
case ActionTypes.REPLACE_TOKEN_ALLOWANCE_BY_ADDRESS: {
const tokenStateByAddress = state.tokenStateByAddress;
const allowance = action.data.allowance;
const tokenAddress = action.data.address;
tokenStateByAddress[tokenAddress] = _.assign({}, tokenStateByAddress[tokenAddress], {
allowance,
});
return _.assign({}, state, {
tokenStateByAddress,
});
}
case ActionTypes.REPLACE_TOKEN_BALANCE_BY_ADDRESS: {
const tokenStateByAddress = state.tokenStateByAddress;
const balance = action.data.balance;
const tokenAddress = action.data.address;
tokenStateByAddress[tokenAddress] = _.assign({}, tokenStateByAddress[tokenAddress], {
balance,
});
return _.assign({}, state, {
tokenStateByAddress,
});
}
case ActionTypes.UPDATE_TOKEN_BALANCE_BY_ADDRESS: {
const tokenStateByAddress = state.tokenStateByAddress;
const balanceDelta = action.data.balanceDelta;
const tokenAddress = action.data.address;
const currBalance = tokenStateByAddress[tokenAddress].balance;
tokenStateByAddress[tokenAddress] = _.assign({}, tokenStateByAddress[tokenAddress], {
balance: currBalance.plus(balanceDelta),
});
return _.assign({}, state, {
tokenStateByAddress,
});
}
case ActionTypes.UPDATE_ORDER_SIGNATURE_DATA: {
return _.assign({}, state, {
orderSignatureData: action.data,
});
}
case ActionTypes.UPDATE_SCREEN_WIDTH: {
return _.assign({}, state, {
screenWidth: action.data,
});
}
case ActionTypes.UPDATE_BLOCKCHAIN_IS_LOADED: {
return _.assign({}, state, {
blockchainIsLoaded: action.data,
});
}
case ActionTypes.BLOCKCHAIN_ERR_ENCOUNTERED: {
return _.assign({}, state, {
blockchainErr: action.data,
});
}
case ActionTypes.UPDATE_NETWORK_ID: {
return _.assign({}, state, {
networkId: action.data,
});
}
case ActionTypes.UPDATE_GENERATE_ORDER_STEP: {
const direction = action.data;
let nextGenerateOrderStep = state.generateOrderStep;
if (direction === Direction.forward) {
nextGenerateOrderStep += 1;
} else if (state.generateOrderStep !== 0) {
nextGenerateOrderStep -= 1;
}
return _.assign({}, state, {
generateOrderStep: nextGenerateOrderStep,
});
}
case ActionTypes.UPDATE_CHOSEN_ASSET_TOKEN: {
const newSideToAssetToken = _.assign({}, state.sideToAssetToken, {
[action.data.side]: action.data.token,
});
return _.assign({}, state, {
sideToAssetToken: newSideToAssetToken,
});
}
case ActionTypes.UPDATE_CHOSEN_ASSET_TOKEN_ADDRESS: {
const newAssetToken = state.sideToAssetToken[action.data.side];
newAssetToken.address = action.data.address;
const newSideToAssetToken = _.assign({}, state.sideToAssetToken, {
[action.data.side]: newAssetToken,
});
return _.assign({}, state, {
sideToAssetToken: newSideToAssetToken,
});
}
case ActionTypes.SWAP_ASSET_TOKENS: {
const newSideToAssetToken = _.assign({}, state.sideToAssetToken, {
[Side.deposit]: state.sideToAssetToken[Side.receive],
[Side.receive]: state.sideToAssetToken[Side.deposit],
});
return _.assign({}, state, {
sideToAssetToken: newSideToAssetToken,
});
}
case ActionTypes.UPDATE_ORDER_EXPIRY: {
return _.assign({}, state, {
orderExpiryTimestamp: action.data,
});
}
case ActionTypes.UPDATE_ORDER_TAKER_ADDRESS: {
return _.assign({}, state, {
orderTakerAddress: action.data,
});
}
case ActionTypes.UPDATE_USER_ADDRESS: {
return _.assign({}, state, {
userAddress: action.data,
});
}
// Docs
case ActionTypes.UPDATE_LIBRARY_VERSION: {
return _.assign({}, state, {
docsVersion: action.data,
});
}
case ActionTypes.UPDATE_AVAILABLE_LIBRARY_VERSIONS: {
return _.assign({}, state, {
availableDocVersions: action.data,
});
}
// Shared
case ActionTypes.SHOW_FLASH_MESSAGE: {
return _.assign({}, state, {
flashMessage: action.data,
});
}
case ActionTypes.HIDE_FLASH_MESSAGE: {
return _.assign({}, state, {
flashMessage: undefined,
});
}
case ActionTypes.UPDATE_PROVIDER_TYPE: {
return _.assign({}, state, {
providerType: action.data,
});
}
case ActionTypes.UPDATE_INJECTED_PROVIDER_NAME: {
return _.assign({}, state, {
injectedProviderName: action.data,
});
}
default:
return state;
}
}
