mirror of
https://github.com/status-im/MyCrypto.git
synced 2025-01-09 18:45:38 +00:00
e761b9d1fb
* Add a new route for AddressBook * Further templating of the AddressBook view * Add initial functionality to handle a table of existing address labels * Make the linter happy * Adjust paths * Factor out TableRow and add common functionality * Add initial Redux boilerplate for addressBook | fix minor linting issues * Swap out terminology and types * Connect up to Redux * Connect data for AddressBookTable to Redux * Use temporary fields for addition * Remove alignment and index column * Stopping point * Adjust the sizing of rows to be consistent * Initial implementation of a dropdown for the address field * Minor styling to dropdown * Stopping point * Apply a focus concept onto the factory * Add keyboard controls for the address field dropdown * Adjust label of address field when it matches an addressBook entry * Properly handle attempting to blur a non-existent component * Minor styling changes on dropdown box * Standardize address casing, add accessibility to dropdown * Create an addressLabel component * Pass refs correctly and fix some typings * Exact version * Add module name mapping for shared/keycodes * addressBook reducer tests * Add functionality to DeterministicModal * Minor changes / Add test for addressBook selectors * Move out AddressBookTable to a component * Typing, translation and restructuring * More typing and translation fixes * More linting fixes * More type changes * Variable name for dropdown background * Fix TS type errors, lint errors, remove unused props * Used a different selector and removed method: AddressBookTable * Linter was mad * Linter mad again :( * Add a translation and adjust styling of AddressBookTable * Move the onBlur to a class method * Prevent the default behavior of up/down/enter for dropdown * Let's do it this way instead * Adjust the styling on DeterministicWalletModal labels * Change `AddressBookTable` into a pseudo-table using section and div * Use readable keys vs. keycodes * Put the dropdown in InputFactory and position it correctly * Sanitation of label adding and changing * Prevent duplicate labels in AddressBook and Row * Add a box shadow and use `invalid` class insted of custom * Use emphasis vs strong for address in dropdown * Display the label undernearth the input vs. changing it * Isolate AccountAddress into its own component * Introduce interactivity to AccountAddress * Fully incorporate with Redux * Validation for AccountAddress * Add validation notifications for address field on AddressBookTable * Minor formatting * Adjust wrappage for optimal flexboxxing * Make AddressBookTable responsive * Show an invalid input in "real time" instead of only on submit * Real time input validation for AddressBookTableRow * Responsive-ize the To address dropdown * Hide identicons instead at small enough screen sizes * Fix repsonsiveness of dropdown further * Fix responsiveness of table rows and inputs * Truncate account info and switch identicons to the right for consistency * Use classnames instead of targetting element directly for DWM * Display a notice if the entered query doesnt match a label and isnt an addr * Don't show an error on the To address if its a label entry * Display an error under AddressBookTableRow in real time * Display errors in real time for AddressBookTable temp inputs * Add realtime validation to AccountAddress * Ensure toChecksumAddress is used when entering labels to address manager * Show errors even after blurring. * Create a ducks/ implementation for addressBook * Duck-ize notifications * Duck-ize customTokens * Duck-ize deterministicWallets * Only show errors on address/label entry if they have been blurred * On certain inputs, show an invalid input immediately * spec files in same directory * Rename top-level redux directory * Duck-ize gas * Add displayed errors for labels with 0x and labels containing ens * Move ENS checking validation out * Add a saga for addLabelForAddress * Completely revamp the redux side of Address Manager and test it all * Adjust components to use new redux addressBook * Incorporate new redux into AddressBookTableRow and clean up for linter * Make linter and tests happy * Another reduxy overhaul * Still fixing it * More redux updates * Finalize redux stuff. * Incorporate new reduxy way into AddressBookTable & Row * Incorporate redux changes into Account Address * Small tests fix * Add and fix some selector tests * Addressing Will's comments * Shortened visibility class for line length reasons. * Incorporate ducks pattern on updates addressBook * Fix typeerror * Migrate messages to ducks * For Henry * Duckify onboardStatus * Duckify paritySigner * Duckify rates * Duckify transactions * Duckerize wallet * Reduckerate config * Adjust exports and tests of every duck so far * Duckify ENS * Duckerificate schedule * Duckificate swap * Actually use the new sagas; fix a circular dependency problem. * Duckify transaction (phew) * Add basics to redux/ directory * Remove non-ducked redux stuff * First sweep of redux/ directory * Combine redundant imports * Fix more linting stuff. * A few more type fixes * Welp... now I know not to use index. * Sweep components/ * Sweep through containers/ * Im really starting to get frustrated * The dawn of a new age. * Linter fixes. * De-flatten config/ reducers * Do my thang on config selectors * Adjust all references to config * Split up ens reducers * Wrap up de-nesting ENS * Big boy refactor * Split transaction into its reducers * Fix reducers in transaction/ * Stopping point * Adjust references to transaction from components * Fix references to selectors * Nest broadcast actions * Nest field actions * Nest meta actions * Nest network actions * Nest sign actions * Nest broadcast types * Nested fields types * Nest meta types * Nested network types * Nested sign types * Implement transaction saga changes * Huh? No prepush problems? * Update snappshot * Reintroduce deleted tests * A few missing tests found * Found three missing transaction tests * Found more tests * Found the rest of the tests, woohoo. * Renamed TypeKeys in TRANSACTION * Specify TRANSACTION_BROADCAST * Pretty up these imports * Specify TRANSACTION_FIELDS * Specify TRANSACTION_META * Specify TRANSACTION_NETWORK * Specify TRANSACTION_SIGN * Adjust imports and add translations * Update config snapshot * Post-merge * Temporary fix for DW/Config sagas so Daniel can continue smoke testing * Remove first circulat dependency * Fix more circular dependencies * Properly structure config indices * Further restructure config * Prepare for idea * Target directly from within features/ * Remove that circular dependency -- woohoo * Remove the circular dependency from Web3Wallet, temporarily comment some tests pending assistance * Un-comment the component-in-redux phenomenon * Move onLoad to the store file * Adjust addressBook imports/exports * Adjusted imports/exports for customTokens * Adjust imports/exports of deterministicWallets * Adjust imports/exports of ens * Restructure imports/exports of gas * Restructure imports/exports for message * Adjust imports/exports of notifications * Restructure onboardStatus imports/exports * Restructure paritySigner imports/exports * Restructure rates imports/exports * Restructure schedule imports/exports * Fix broadcastweb3handler test * Restructure swap imports/exports/ * Restructure transactionS imports/exports * Restructured wallet imports and exports * Hoist all necessary selectors aside from config/**/* and transaction/**/* * Hoist all top-level selectors from transaction * [Fix] Estimate Gas on Value Field Change (#1942) @ skubakdj * Implement right-click context menu (#1780) @ bryanwb * No Private Keys Online (#1466) @ wbobeirne * Fix Stuck Node on Metamask Logout (#1951) @ wbobeirne * [Fix] Make ENS Value Consistent (#1956) @ skubakdj * Auto token add (#1808) @ HenryNguyen5 * Electron Ledger + Trezor Support (#1836) @ wbobeirne * Fix Context Menu Popup Parameters (#1957) * Add RSK network w/ network agnostic refactors (#1939) @ wbobeirne * Change displayed notification back in helpers.tsx * Remove newline on shell files * Re-add newlines * Remove newling on .travis.yml * Prettier two files * Re-add index.scss import in OnboardModal * Restructure transaction subdirectories * Everything in transaction/ except for sagas * Restructure transaction imports/exports * Nest broadcast sagas * Nest fields * Nest meta * Nest network * Nest sign * Use generic names for reduxy stuff in the same directory to save space * Do everything every in the whole wide world
292 lines
8.8 KiB
TypeScript
292 lines
8.8 KiB
TypeScript
import difference from 'lodash/difference';
|
|
|
|
import { InsecureWalletName, SecureWalletName, WalletName, walletNames } from 'config';
|
|
import { SHAPESHIFT_TOKEN_WHITELIST } from 'api/shapeshift';
|
|
import { stripWeb3Network, isAutoNodeConfig } from 'libs/nodes';
|
|
import { getIsValidAddressFunction } from 'libs/validators';
|
|
import { CustomNodeConfig, StaticNodeConfig, StaticNodeId, NodeConfig } from 'types/node';
|
|
import {
|
|
CustomNetworkConfig,
|
|
StaticNetworkConfig,
|
|
StaticNetworkIds,
|
|
NetworkContract,
|
|
Token
|
|
} from 'types/network';
|
|
import { getChecksumAddressFunction } from 'utils/formatters';
|
|
import { AppState } from 'features/reducers';
|
|
import { getNetworks } from './networks/selectors';
|
|
import { getCustomNetworkConfigs } from './networks/custom/selectors';
|
|
import { getStaticNetworkConfigs, isStaticNetworkId } from './networks/static/selectors';
|
|
import { getNodeConfig } from './nodes/selectors';
|
|
import { getCustomNodeConfigs } from './nodes/custom/selectors';
|
|
import { getStaticNodes, getStaticNodeConfigs } from './nodes/static/selectors';
|
|
import { DPathFormat } from './types';
|
|
|
|
export interface NodeOption {
|
|
isCustom: false;
|
|
value: string;
|
|
label: { network: string; service: string };
|
|
color?: string;
|
|
hidden?: boolean;
|
|
}
|
|
|
|
export interface CustomNodeOption {
|
|
isCustom: true;
|
|
id: string;
|
|
value: string;
|
|
label: {
|
|
network: string;
|
|
nodeName: string;
|
|
};
|
|
color?: string;
|
|
hidden?: boolean;
|
|
}
|
|
|
|
export const getConfig = (state: AppState) => state.config;
|
|
|
|
//#region Network
|
|
export const getSelectedNetwork = (state: AppState) =>
|
|
stripWeb3Network(getNodeConfig(state).network);
|
|
|
|
export const getNetworkConfig = (state: AppState): StaticNetworkConfig | CustomNetworkConfig => {
|
|
const config = getStaticNetworkConfig(state) || getCustomNetworkConfig(state);
|
|
|
|
if (!config) {
|
|
const selectedNetwork = getSelectedNetwork(state);
|
|
|
|
throw Error(
|
|
`No network config found for ${selectedNetwork} in either static or custom networks`
|
|
);
|
|
}
|
|
return config;
|
|
};
|
|
|
|
export const getStaticNetworkConfig = (state: AppState): StaticNetworkConfig | undefined => {
|
|
const selectedNetwork = getSelectedNetwork(state);
|
|
|
|
const { staticNetworks } = getNetworks(state);
|
|
|
|
const defaultNetwork = isStaticNetworkId(state, selectedNetwork)
|
|
? staticNetworks[selectedNetwork]
|
|
: undefined;
|
|
return defaultNetwork;
|
|
};
|
|
|
|
export const getCustomNetworkConfig = (state: AppState): CustomNetworkConfig | undefined => {
|
|
const selectedNetwork = getSelectedNetwork(state);
|
|
const { customNetworks } = getNetworks(state);
|
|
const customNetwork = customNetworks[selectedNetwork];
|
|
return customNetwork;
|
|
};
|
|
|
|
export const getNetworkUnit = (state: AppState): string => {
|
|
return getNetworkConfig(state).unit;
|
|
};
|
|
|
|
export const getNetworkChainId = (state: AppState) => {
|
|
return getNetworkConfig(state).chainId;
|
|
};
|
|
|
|
export const getIsValidAddressFn = (state: AppState) => {
|
|
const chainId = getNetworkChainId(state);
|
|
return getIsValidAddressFunction(chainId);
|
|
};
|
|
|
|
export const getChecksumAddressFn = (state: AppState) => {
|
|
const chainId = getNetworkChainId(state);
|
|
return getChecksumAddressFunction(chainId);
|
|
};
|
|
|
|
export const getNetworkContracts = (state: AppState): NetworkContract[] | null => {
|
|
const network = getStaticNetworkConfig(state);
|
|
return network ? network.contracts : [];
|
|
};
|
|
|
|
export function getSingleDPath(state: AppState, format: DPathFormat): DPath | undefined {
|
|
const network = getStaticNetworkConfig(state);
|
|
if (!network) {
|
|
throw Error('No static network config loaded');
|
|
}
|
|
const dPathFormats = network.dPathFormats;
|
|
return dPathFormats[format];
|
|
}
|
|
|
|
export const isNetworkUnit = (state: AppState, unit: string) => {
|
|
return unit === getNetworkUnit(state);
|
|
};
|
|
|
|
export function getNetworkTokens(state: AppState): Token[] {
|
|
const network = getStaticNetworkConfig(state);
|
|
return network ? network.tokens : [];
|
|
}
|
|
|
|
export function getAllTokens(state: AppState): Token[] {
|
|
const networkTokens = getNetworkTokens(state);
|
|
return networkTokens.concat(state.customTokens);
|
|
}
|
|
|
|
export function tokenExists(state: AppState, token: string): boolean {
|
|
const existInWhitelist = SHAPESHIFT_TOKEN_WHITELIST.includes(token);
|
|
const existsInNetwork = !!getAllTokens(state).find(t => t.symbol === token);
|
|
return existsInNetwork || existInWhitelist;
|
|
}
|
|
|
|
export function isSupportedUnit(state: AppState, unit: string) {
|
|
const isToken: boolean = tokenExists(state, unit);
|
|
const isEther: boolean = isNetworkUnit(state, unit);
|
|
if (!isToken && !isEther) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
export function isANetworkUnit(state: AppState, unit: string) {
|
|
const currentNetwork = getStaticNetworkConfig(state);
|
|
//TODO: logic check
|
|
if (!currentNetwork) {
|
|
return false;
|
|
}
|
|
const networks = getStaticNetworkConfigs(state);
|
|
const validNetworks = Object.values(networks).filter((n: StaticNetworkConfig) => n.unit === unit);
|
|
return validNetworks.includes(currentNetwork);
|
|
}
|
|
|
|
export function isWalletFormatSupportedOnNetwork(state: AppState, format: WalletName): boolean {
|
|
const network = getStaticNetworkConfig(state);
|
|
const chainId = network ? network.chainId : 0;
|
|
|
|
const CHECK_FORMATS: DPathFormat[] = [
|
|
SecureWalletName.LEDGER_NANO_S,
|
|
SecureWalletName.TREZOR,
|
|
InsecureWalletName.MNEMONIC_PHRASE
|
|
];
|
|
|
|
const isHDFormat = (f: string): f is DPathFormat => CHECK_FORMATS.includes(f as DPathFormat);
|
|
|
|
// Ensure DPath's are found
|
|
if (isHDFormat(format)) {
|
|
if (!network) {
|
|
return false;
|
|
}
|
|
const dPath = network.dPathFormats && network.dPathFormats[format];
|
|
return !!dPath;
|
|
}
|
|
|
|
// Parity signer on RSK
|
|
if (chainId === 30 || (chainId === 31 && format === SecureWalletName.PARITY_SIGNER)) {
|
|
return false;
|
|
}
|
|
|
|
// All other wallet formats are supported
|
|
return true;
|
|
}
|
|
|
|
export function unSupportedWalletFormatsOnNetwork(state: AppState): WalletName[] {
|
|
const supportedFormats = walletNames.filter((walletName: WalletName) =>
|
|
isWalletFormatSupportedOnNetwork(state, walletName)
|
|
);
|
|
return difference(walletNames, supportedFormats);
|
|
}
|
|
|
|
export const getAllNetworkConfigs = (state: AppState) => ({
|
|
...getStaticNetworkConfigs(state),
|
|
...getCustomNetworkConfigs(state)
|
|
});
|
|
//#endregion Networks
|
|
|
|
//#region Nodes
|
|
export const getStaticNodeFromId = (state: AppState, nodeId: StaticNodeId) =>
|
|
getStaticNodeConfigs(state)[nodeId];
|
|
|
|
export function getStaticNodeOptions(state: AppState): NodeOption[] {
|
|
const staticNetworkConfigs = getStaticNetworkConfigs(state);
|
|
return Object.entries(getStaticNodes(state)).map(([nodeId, node]: [string, StaticNodeConfig]) => {
|
|
const associatedNetwork =
|
|
staticNetworkConfigs[stripWeb3Network(node.network) as StaticNetworkIds];
|
|
const opt: NodeOption = {
|
|
isCustom: node.isCustom,
|
|
value: nodeId,
|
|
label: {
|
|
network: stripWeb3Network(node.network),
|
|
service: node.service
|
|
},
|
|
color: associatedNetwork.color,
|
|
hidden: node.hidden
|
|
};
|
|
return opt;
|
|
});
|
|
}
|
|
|
|
export function getCustomNodeOptions(state: AppState): CustomNodeOption[] {
|
|
const staticNetworkConfigs = getStaticNetworkConfigs(state);
|
|
const customNetworkConfigs = getCustomNetworkConfigs(state);
|
|
return Object.entries(getCustomNodeConfigs(state)).map(
|
|
([_, node]: [string, CustomNodeConfig]) => {
|
|
const chainId = node.network;
|
|
const associatedNetwork = isStaticNetworkId(state, chainId)
|
|
? staticNetworkConfigs[chainId]
|
|
: customNetworkConfigs[chainId];
|
|
const opt: CustomNodeOption = {
|
|
isCustom: node.isCustom,
|
|
value: node.id,
|
|
label: {
|
|
network: associatedNetwork.unit,
|
|
nodeName: node.name
|
|
},
|
|
color: associatedNetwork.isCustom ? undefined : associatedNetwork.color,
|
|
hidden: false,
|
|
id: node.id
|
|
};
|
|
return opt;
|
|
}
|
|
);
|
|
}
|
|
|
|
export function getNodeOptions(state: AppState) {
|
|
return [...getStaticNodeOptions(state), ...getCustomNodeOptions(state)];
|
|
}
|
|
|
|
export function getAllNodes(state: AppState): { [key: string]: NodeConfig } {
|
|
return {
|
|
...getStaticNodes(state),
|
|
...getCustomNodeConfigs(state)
|
|
};
|
|
}
|
|
|
|
export interface INodeLabel {
|
|
network: string;
|
|
info: string;
|
|
}
|
|
|
|
export function getSelectedNodeLabel(state: AppState): INodeLabel {
|
|
const allNodes = getAllNodes(state);
|
|
const node = getNodeConfig(state);
|
|
const network = getNetworkConfig(state);
|
|
let info;
|
|
|
|
if (node.isCustom) {
|
|
// Custom nodes have names
|
|
info = node.name;
|
|
} else if (node.isAuto) {
|
|
// Auto nodes should show the count of all nodes it uses. If only one,
|
|
// show the service name of the node.
|
|
const networkNodes = Object.values(allNodes).filter(
|
|
n => !isAutoNodeConfig(n) && n.network === node.network
|
|
);
|
|
|
|
if (networkNodes.length > 1) {
|
|
info = 'AUTO';
|
|
} else {
|
|
info = networkNodes[0].service;
|
|
}
|
|
} else {
|
|
info = node.service;
|
|
}
|
|
|
|
return {
|
|
network: network.name,
|
|
info
|
|
};
|
|
}
|
|
//#endregion Nodes
|