mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
43f7a44c25
* Initial push * Refactored the code * Additional code * Removed the unused message * Added a tooltip * Fixed tests * Lint fix * Added style to a tooltip * Fix e2e test failure * Lint fix and code revert * Fix e2e test * Fixed paddings * Fixed paddings * CSS fix * Minified svg files * Applied requested changes * Fixed theme issue * Code revert * Added back overridden code * Icon problem fixed * Lint fix * Replaced H3 with H4 * Added unit test * Added breadcrumbs * Added const props for networks * Lint fix * Lint fix * Added toggle button for showing the custom network list and resolved few issues * Fixed routes * Refactored a piece of code * Enabled searching for the newly created option * Fixed unit test * Updated theme
1075 lines
30 KiB
JavaScript
1075 lines
30 KiB
JavaScript
import { createSelector } from 'reselect';
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
import { memoize } from 'lodash';
|
|
///: END:ONLY_INCLUDE_IN
|
|
import { addHexPrefix } from '../../app/scripts/lib/util';
|
|
import {
|
|
MAINNET_CHAIN_ID,
|
|
TEST_CHAINS,
|
|
NETWORK_TYPE_RPC,
|
|
NATIVE_CURRENCY_TOKEN_IMAGE_MAP,
|
|
OPTIMISM_CHAIN_ID,
|
|
OPTIMISM_TESTNET_CHAIN_ID,
|
|
BUYABLE_CHAINS_MAP,
|
|
MAINNET_DISPLAY_NAME,
|
|
BSC_CHAIN_ID,
|
|
POLYGON_CHAIN_ID,
|
|
AVALANCHE_CHAIN_ID,
|
|
BSC_DISPLAY_NAME,
|
|
POLYGON_DISPLAY_NAME,
|
|
AVALANCHE_DISPLAY_NAME,
|
|
} from '../../shared/constants/network';
|
|
import {
|
|
KEYRING_TYPES,
|
|
WEBHID_CONNECTED_STATUSES,
|
|
LEDGER_TRANSPORT_TYPES,
|
|
TRANSPORT_STATES,
|
|
} from '../../shared/constants/hardware-wallets';
|
|
|
|
import {
|
|
MESSAGE_TYPE,
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
SUBJECT_TYPES,
|
|
///: END:ONLY_INCLUDE_IN
|
|
} from '../../shared/constants/app';
|
|
|
|
import { TRUNCATED_NAME_CHAR_LIMIT } from '../../shared/constants/labels';
|
|
|
|
import {
|
|
SWAPS_CHAINID_DEFAULT_TOKEN_MAP,
|
|
ALLOWED_PROD_SWAPS_CHAIN_IDS,
|
|
ALLOWED_DEV_SWAPS_CHAIN_IDS,
|
|
} from '../../shared/constants/swaps';
|
|
|
|
import { shortenAddress, getAccountByAddress } from '../helpers/utils/util';
|
|
import {
|
|
getValueFromWeiHex,
|
|
hexToDecimal,
|
|
} from '../helpers/utils/conversions.util';
|
|
|
|
import { TEMPLATED_CONFIRMATION_MESSAGE_TYPES } from '../pages/confirmation/templates';
|
|
|
|
import { toChecksumHexAddress } from '../../shared/modules/hexstring-utils';
|
|
import { DAY } from '../../shared/constants/time';
|
|
import {
|
|
getNativeCurrency,
|
|
getConversionRate,
|
|
isNotEIP1559Network,
|
|
isEIP1559Network,
|
|
getLedgerTransportType,
|
|
isAddressLedger,
|
|
findKeyringForAddress,
|
|
} from '../ducks/metamask/metamask';
|
|
import {
|
|
getLedgerWebHidConnectedStatus,
|
|
getLedgerTransportStatus,
|
|
} from '../ducks/app/app';
|
|
import { isEqualCaseInsensitive } from '../../shared/modules/string-utils';
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
import { SNAPS_VIEW_ROUTE } from '../helpers/constants/routes';
|
|
///: END:ONLY_INCLUDE_IN
|
|
|
|
/**
|
|
* One of the only remaining valid uses of selecting the network subkey of the
|
|
* metamask state tree is to determine if the network is currently 'loading'.
|
|
*
|
|
* This will be used for all cases where this state key is accessed only for that
|
|
* purpose.
|
|
*
|
|
* @param {Object} state - redux state object
|
|
*/
|
|
export function isNetworkLoading(state) {
|
|
return state.metamask.network === 'loading';
|
|
}
|
|
|
|
export function getNetworkIdentifier(state) {
|
|
const {
|
|
metamask: {
|
|
provider: { type, nickname, rpcUrl },
|
|
},
|
|
} = state;
|
|
|
|
return nickname || rpcUrl || type;
|
|
}
|
|
|
|
export function getMetricsNetworkIdentifier(state) {
|
|
const { provider } = state.metamask;
|
|
return provider.type === NETWORK_TYPE_RPC ? provider.rpcUrl : provider.type;
|
|
}
|
|
|
|
export function getCurrentChainId(state) {
|
|
const { chainId } = state.metamask.provider;
|
|
return chainId;
|
|
}
|
|
|
|
export function getCurrentQRHardwareState(state) {
|
|
const { qrHardware } = state.metamask;
|
|
return qrHardware || {};
|
|
}
|
|
|
|
export function hasUnsignedQRHardwareTransaction(state) {
|
|
const { txParams } = state.confirmTransaction.txData;
|
|
if (!txParams) {
|
|
return false;
|
|
}
|
|
const { from } = txParams;
|
|
const { keyrings } = state.metamask;
|
|
const qrKeyring = keyrings.find((kr) => kr.type === KEYRING_TYPES.QR);
|
|
if (!qrKeyring) {
|
|
return false;
|
|
}
|
|
return Boolean(
|
|
qrKeyring.accounts.find(
|
|
(account) => account.toLowerCase() === from.toLowerCase(),
|
|
),
|
|
);
|
|
}
|
|
|
|
export function hasUnsignedQRHardwareMessage(state) {
|
|
const { type, msgParams } = state.confirmTransaction.txData;
|
|
if (!type || !msgParams) {
|
|
return false;
|
|
}
|
|
const { from } = msgParams;
|
|
const { keyrings } = state.metamask;
|
|
const qrKeyring = keyrings.find((kr) => kr.type === KEYRING_TYPES.QR);
|
|
if (!qrKeyring) {
|
|
return false;
|
|
}
|
|
switch (type) {
|
|
case MESSAGE_TYPE.ETH_SIGN_TYPED_DATA:
|
|
case MESSAGE_TYPE.ETH_SIGN:
|
|
case MESSAGE_TYPE.PERSONAL_SIGN:
|
|
return Boolean(
|
|
qrKeyring.accounts.find(
|
|
(account) => account.toLowerCase() === from.toLowerCase(),
|
|
),
|
|
);
|
|
default:
|
|
return false;
|
|
}
|
|
}
|
|
|
|
export function getCurrentKeyring(state) {
|
|
const identity = getSelectedIdentity(state);
|
|
|
|
if (!identity) {
|
|
return null;
|
|
}
|
|
|
|
const keyring = findKeyringForAddress(state, identity.address);
|
|
|
|
return keyring;
|
|
}
|
|
|
|
export function getParticipateInMetaMetrics(state) {
|
|
return Boolean(state.metamask.participateInMetaMetrics);
|
|
}
|
|
|
|
export function isEIP1559Account() {
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* The function returns true if network and account details are fetched and
|
|
* both of them support EIP-1559.
|
|
*
|
|
* @param state
|
|
*/
|
|
export function checkNetworkAndAccountSupports1559(state) {
|
|
const networkSupports1559 = isEIP1559Network(state);
|
|
const accountSupports1559 = isEIP1559Account(state);
|
|
|
|
return networkSupports1559 && accountSupports1559;
|
|
}
|
|
|
|
/**
|
|
* The function returns true if network and account details are fetched and
|
|
* either of them do not support EIP-1559.
|
|
*
|
|
* @param state
|
|
*/
|
|
export function checkNetworkOrAccountNotSupports1559(state) {
|
|
const networkNotSupports1559 = isNotEIP1559Network(state);
|
|
const accountSupports1559 = isEIP1559Account(state);
|
|
|
|
return networkNotSupports1559 || accountSupports1559 === false;
|
|
}
|
|
|
|
/**
|
|
* Checks if the current wallet is a hardware wallet.
|
|
*
|
|
* @param {Object} state
|
|
* @returns {boolean}
|
|
*/
|
|
export function isHardwareWallet(state) {
|
|
const keyring = getCurrentKeyring(state);
|
|
return Boolean(keyring?.type?.includes('Hardware'));
|
|
}
|
|
|
|
/**
|
|
* Get a HW wallet type, e.g. "Ledger Hardware"
|
|
*
|
|
* @param {Object} state
|
|
* @returns {string | undefined}
|
|
*/
|
|
export function getHardwareWalletType(state) {
|
|
const keyring = getCurrentKeyring(state);
|
|
return isHardwareWallet(state) ? keyring.type : undefined;
|
|
}
|
|
|
|
export function getAccountType(state) {
|
|
const currentKeyring = getCurrentKeyring(state);
|
|
const type = currentKeyring && currentKeyring.type;
|
|
|
|
switch (type) {
|
|
case KEYRING_TYPES.TREZOR:
|
|
case KEYRING_TYPES.LEDGER:
|
|
case KEYRING_TYPES.LATTICE:
|
|
return 'hardware';
|
|
case 'Simple Key Pair':
|
|
return 'imported';
|
|
default:
|
|
return 'default';
|
|
}
|
|
}
|
|
|
|
/**
|
|
* get the currently selected networkId which will be 'loading' when the
|
|
* network changes. The network id should not be used in most cases,
|
|
* instead use chainId in most situations. There are a limited number of
|
|
* use cases to use this method still, such as when comparing transaction
|
|
* metadata that predates the switch to using chainId.
|
|
*
|
|
* @deprecated - use getCurrentChainId instead
|
|
* @param {Object} state - redux state object
|
|
*/
|
|
export function deprecatedGetCurrentNetworkId(state) {
|
|
return state.metamask.network;
|
|
}
|
|
|
|
export const getMetaMaskAccounts = createSelector(
|
|
getMetaMaskAccountsRaw,
|
|
getMetaMaskCachedBalances,
|
|
(currentAccounts, cachedBalances) =>
|
|
Object.entries(currentAccounts).reduce(
|
|
(selectedAccounts, [accountID, account]) => {
|
|
if (account.balance === null || account.balance === undefined) {
|
|
return {
|
|
...selectedAccounts,
|
|
[accountID]: {
|
|
...account,
|
|
balance: cachedBalances && cachedBalances[accountID],
|
|
},
|
|
};
|
|
}
|
|
return {
|
|
...selectedAccounts,
|
|
[accountID]: account,
|
|
};
|
|
},
|
|
{},
|
|
),
|
|
);
|
|
|
|
export function getSelectedAddress(state) {
|
|
return state.metamask.selectedAddress;
|
|
}
|
|
|
|
export function getSelectedIdentity(state) {
|
|
const selectedAddress = getSelectedAddress(state);
|
|
const { identities } = state.metamask;
|
|
|
|
return identities[selectedAddress];
|
|
}
|
|
|
|
export function getNumberOfAccounts(state) {
|
|
return Object.keys(state.metamask.accounts).length;
|
|
}
|
|
|
|
export function getNumberOfTokens(state) {
|
|
const { tokens } = state.metamask;
|
|
return tokens ? tokens.length : 0;
|
|
}
|
|
|
|
export function getMetaMaskKeyrings(state) {
|
|
return state.metamask.keyrings;
|
|
}
|
|
|
|
export function getMetaMaskIdentities(state) {
|
|
return state.metamask.identities;
|
|
}
|
|
|
|
export function getMetaMaskAccountsRaw(state) {
|
|
return state.metamask.accounts;
|
|
}
|
|
|
|
export function getMetaMaskCachedBalances(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
|
|
// Fallback to fetching cached balances from network id
|
|
// this can eventually be removed
|
|
const network = deprecatedGetCurrentNetworkId(state);
|
|
|
|
return (
|
|
state.metamask.cachedBalances[chainId] ??
|
|
state.metamask.cachedBalances[network]
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Get ordered (by keyrings) accounts with identity and balance
|
|
*/
|
|
export const getMetaMaskAccountsOrdered = createSelector(
|
|
getMetaMaskKeyrings,
|
|
getMetaMaskIdentities,
|
|
getMetaMaskAccounts,
|
|
(keyrings, identities, accounts) =>
|
|
keyrings
|
|
.reduce((list, keyring) => list.concat(keyring.accounts), [])
|
|
.filter((address) => Boolean(identities[address]))
|
|
.map((address) => ({ ...identities[address], ...accounts[address] })),
|
|
);
|
|
|
|
export const getMetaMaskAccountsConnected = createSelector(
|
|
getMetaMaskAccountsOrdered,
|
|
(connectedAccounts) =>
|
|
connectedAccounts.map(({ address }) => address.toLowerCase()),
|
|
);
|
|
|
|
export function isBalanceCached(state) {
|
|
const selectedAccountBalance =
|
|
state.metamask.accounts[getSelectedAddress(state)].balance;
|
|
const cachedBalance = getSelectedAccountCachedBalance(state);
|
|
|
|
return Boolean(!selectedAccountBalance && cachedBalance);
|
|
}
|
|
|
|
export function getSelectedAccountCachedBalance(state) {
|
|
const cachedBalances = getMetaMaskCachedBalances(state);
|
|
const selectedAddress = getSelectedAddress(state);
|
|
|
|
return cachedBalances && cachedBalances[selectedAddress];
|
|
}
|
|
|
|
export function getSelectedAccount(state) {
|
|
const accounts = getMetaMaskAccounts(state);
|
|
const selectedAddress = getSelectedAddress(state);
|
|
|
|
return accounts[selectedAddress];
|
|
}
|
|
|
|
export function getTargetAccount(state, targetAddress) {
|
|
const accounts = getMetaMaskAccounts(state);
|
|
return accounts[targetAddress];
|
|
}
|
|
|
|
export const getTokenExchangeRates = (state) =>
|
|
state.metamask.contractExchangeRates;
|
|
|
|
export function getAddressBook(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
if (!state.metamask.addressBook[chainId]) {
|
|
return [];
|
|
}
|
|
return Object.values(state.metamask.addressBook[chainId]);
|
|
}
|
|
|
|
export function getEnsResolutionByAddress(state, address) {
|
|
return state.metamask.ensResolutionsByAddress[address] || '';
|
|
}
|
|
|
|
export function getAddressBookEntry(state, address) {
|
|
const addressBook = getAddressBook(state);
|
|
const entry = addressBook.find((contact) =>
|
|
isEqualCaseInsensitive(contact.address, toChecksumHexAddress(address)),
|
|
);
|
|
return entry;
|
|
}
|
|
|
|
export function getAddressBookEntryOrAccountName(state, address) {
|
|
const entry =
|
|
getAddressBookEntry(state, address) ||
|
|
Object.values(state.metamask.identities).find((identity) =>
|
|
isEqualCaseInsensitive(identity.address, toChecksumHexAddress(address)),
|
|
);
|
|
return entry && entry.name !== '' ? entry.name : address;
|
|
}
|
|
|
|
export function accountsWithSendEtherInfoSelector(state) {
|
|
const accounts = getMetaMaskAccounts(state);
|
|
const identities = getMetaMaskIdentities(state);
|
|
|
|
const accountsWithSendEtherInfo = Object.entries(identities).map(
|
|
([key, identity]) => {
|
|
return { ...identity, ...accounts[key] };
|
|
},
|
|
);
|
|
|
|
return accountsWithSendEtherInfo;
|
|
}
|
|
|
|
export function getAccountsWithLabels(state) {
|
|
return getMetaMaskAccountsOrdered(state).map(
|
|
({ address, name, balance }) => ({
|
|
address,
|
|
addressLabel: `${
|
|
name.length < TRUNCATED_NAME_CHAR_LIMIT
|
|
? name
|
|
: `${name.slice(0, TRUNCATED_NAME_CHAR_LIMIT - 1)}...`
|
|
} (${shortenAddress(address)})`,
|
|
label: name,
|
|
balance,
|
|
}),
|
|
);
|
|
}
|
|
|
|
export function getCurrentAccountWithSendEtherInfo(state) {
|
|
const currentAddress = getSelectedAddress(state);
|
|
const accounts = accountsWithSendEtherInfoSelector(state);
|
|
|
|
return getAccountByAddress(accounts, currentAddress);
|
|
}
|
|
|
|
export function getTargetAccountWithSendEtherInfo(state, targetAddress) {
|
|
const accounts = accountsWithSendEtherInfoSelector(state);
|
|
return getAccountByAddress(accounts, targetAddress);
|
|
}
|
|
|
|
export function getCurrentEthBalance(state) {
|
|
return getCurrentAccountWithSendEtherInfo(state).balance;
|
|
}
|
|
|
|
export function getGasIsLoading(state) {
|
|
return state.appState.gasIsLoading;
|
|
}
|
|
|
|
export function getAppIsLoading(state) {
|
|
return state.appState.isLoading;
|
|
}
|
|
|
|
export function getCurrentCurrency(state) {
|
|
return state.metamask.currentCurrency;
|
|
}
|
|
|
|
export function getTotalUnapprovedCount(state) {
|
|
const {
|
|
unapprovedMsgCount = 0,
|
|
unapprovedPersonalMsgCount = 0,
|
|
unapprovedDecryptMsgCount = 0,
|
|
unapprovedEncryptionPublicKeyMsgCount = 0,
|
|
unapprovedTypedMessagesCount = 0,
|
|
pendingApprovalCount = 0,
|
|
} = state.metamask;
|
|
|
|
return (
|
|
unapprovedMsgCount +
|
|
unapprovedPersonalMsgCount +
|
|
unapprovedDecryptMsgCount +
|
|
unapprovedEncryptionPublicKeyMsgCount +
|
|
unapprovedTypedMessagesCount +
|
|
getUnapprovedTxCount(state) +
|
|
pendingApprovalCount +
|
|
getSuggestedAssetCount(state)
|
|
);
|
|
}
|
|
|
|
export function getTotalUnapprovedMessagesCount(state) {
|
|
const {
|
|
unapprovedMsgCount = 0,
|
|
unapprovedPersonalMsgCount = 0,
|
|
unapprovedDecryptMsgCount = 0,
|
|
unapprovedEncryptionPublicKeyMsgCount = 0,
|
|
unapprovedTypedMessagesCount = 0,
|
|
} = state.metamask;
|
|
|
|
return (
|
|
unapprovedMsgCount +
|
|
unapprovedPersonalMsgCount +
|
|
unapprovedDecryptMsgCount +
|
|
unapprovedEncryptionPublicKeyMsgCount +
|
|
unapprovedTypedMessagesCount
|
|
);
|
|
}
|
|
|
|
function getUnapprovedTxCount(state) {
|
|
const { unapprovedTxs = {} } = state.metamask;
|
|
return Object.keys(unapprovedTxs).length;
|
|
}
|
|
|
|
export function getUnapprovedConfirmations(state) {
|
|
const { pendingApprovals } = state.metamask;
|
|
return Object.values(pendingApprovals);
|
|
}
|
|
|
|
export function getUnapprovedTemplatedConfirmations(state) {
|
|
const unapprovedConfirmations = getUnapprovedConfirmations(state);
|
|
return unapprovedConfirmations.filter((approval) =>
|
|
TEMPLATED_CONFIRMATION_MESSAGE_TYPES.includes(approval.type),
|
|
);
|
|
}
|
|
|
|
function getSuggestedAssetCount(state) {
|
|
const { suggestedAssets = [] } = state.metamask;
|
|
return suggestedAssets.length;
|
|
}
|
|
|
|
export function getSuggestedAssets(state) {
|
|
return state.metamask.suggestedAssets;
|
|
}
|
|
|
|
export function getIsMainnet(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return chainId === MAINNET_CHAIN_ID;
|
|
}
|
|
|
|
export function getIsTestnet(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return TEST_CHAINS.includes(chainId);
|
|
}
|
|
|
|
export function getIsNonStandardEthChain(state) {
|
|
return !(getIsMainnet(state) || getIsTestnet(state) || process.env.IN_TEST);
|
|
}
|
|
|
|
export function getPreferences({ metamask }) {
|
|
return metamask.preferences;
|
|
}
|
|
|
|
export function getShowTestNetworks(state) {
|
|
const { showTestNetworks } = getPreferences(state);
|
|
return Boolean(showTestNetworks);
|
|
}
|
|
|
|
export function getShouldShowFiat(state) {
|
|
const isMainNet = getIsMainnet(state);
|
|
const conversionRate = getConversionRate(state);
|
|
const { showFiatInTestnets } = getPreferences(state);
|
|
return Boolean((isMainNet || showFiatInTestnets) && conversionRate);
|
|
}
|
|
|
|
export function getShouldHideZeroBalanceTokens(state) {
|
|
const { hideZeroBalanceTokens } = getPreferences(state);
|
|
return hideZeroBalanceTokens;
|
|
}
|
|
|
|
export function getAdvancedInlineGasShown(state) {
|
|
return Boolean(state.metamask.featureFlags.advancedInlineGas);
|
|
}
|
|
|
|
export function getUseNonceField(state) {
|
|
return Boolean(state.metamask.useNonceField);
|
|
}
|
|
|
|
export function getCustomNonceValue(state) {
|
|
return String(state.metamask.customNonceValue);
|
|
}
|
|
|
|
export function getSubjectMetadata(state) {
|
|
return state.metamask.subjectMetadata;
|
|
}
|
|
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
/**
|
|
* @param {string} svgString - The raw SVG string to make embeddable.
|
|
* @returns {string} The embeddable SVG string.
|
|
*/
|
|
const getEmbeddableSvg = memoize(
|
|
(svgString) => `data:image/svg+xml;utf8,${encodeURIComponent(svgString)}`,
|
|
);
|
|
///: END:ONLY_INCLUDE_IN
|
|
|
|
export function getTargetSubjectMetadata(state, origin) {
|
|
const metadata = getSubjectMetadata(state)[origin];
|
|
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
if (metadata?.subjectType === SUBJECT_TYPES.SNAP) {
|
|
const { svgIcon, ...remainingMetadata } = metadata;
|
|
return {
|
|
...remainingMetadata,
|
|
iconUrl: svgIcon ? getEmbeddableSvg(svgIcon) : null,
|
|
};
|
|
}
|
|
///: END:ONLY_INCLUDE_IN
|
|
return metadata;
|
|
}
|
|
|
|
export function getRpcPrefsForCurrentProvider(state) {
|
|
const { frequentRpcListDetail, provider } = state.metamask;
|
|
const selectRpcInfo = frequentRpcListDetail.find(
|
|
(rpcInfo) => rpcInfo.rpcUrl === provider.rpcUrl,
|
|
);
|
|
const { rpcPrefs = {} } = selectRpcInfo || {};
|
|
return rpcPrefs;
|
|
}
|
|
|
|
export function getKnownMethodData(state, data) {
|
|
if (!data) {
|
|
return null;
|
|
}
|
|
const prefixedData = addHexPrefix(data);
|
|
const fourBytePrefix = prefixedData.slice(0, 10);
|
|
const { knownMethodData } = state.metamask;
|
|
|
|
return knownMethodData && knownMethodData[fourBytePrefix];
|
|
}
|
|
|
|
export function getFeatureFlags(state) {
|
|
return state.metamask.featureFlags;
|
|
}
|
|
|
|
export function getOriginOfCurrentTab(state) {
|
|
return state.activeTab.origin;
|
|
}
|
|
|
|
export function getIpfsGateway(state) {
|
|
return state.metamask.ipfsGateway;
|
|
}
|
|
|
|
export function getInfuraBlocked(state) {
|
|
return Boolean(state.metamask.infuraBlocked);
|
|
}
|
|
|
|
export function getUSDConversionRate(state) {
|
|
return state.metamask.usdConversionRate;
|
|
}
|
|
|
|
export function getWeb3ShimUsageStateForOrigin(state, origin) {
|
|
return state.metamask.web3ShimUsageOrigins[origin];
|
|
}
|
|
|
|
/**
|
|
* @typedef {Object} SwapsEthToken
|
|
* @property {string} symbol - The symbol for ETH, namely "ETH"
|
|
* @property {string} name - The name of the ETH currency, "Ether"
|
|
* @property {string} address - A substitute address for the metaswap-api to
|
|
* recognize the ETH token
|
|
* @property {string} decimals - The number of ETH decimals, i.e. 18
|
|
* @property {string} balance - The user's ETH balance in decimal wei, with a
|
|
* precision of 4 decimal places
|
|
* @property {string} string - The user's ETH balance in decimal ETH
|
|
*/
|
|
|
|
/**
|
|
* Swaps related code uses token objects for various purposes. These objects
|
|
* always have the following properties: `symbol`, `name`, `address`, and
|
|
* `decimals`.
|
|
*
|
|
* When available for the current account, the objects can have `balance` and
|
|
* `string` properties.
|
|
* `balance` is the users token balance in decimal values, denominated in the
|
|
* minimal token units (according to its decimals).
|
|
* `string` is the token balance in a readable format, ready for rendering.
|
|
*
|
|
* Swaps treats the selected chain's currency as a token, and we use the token constants
|
|
* in the SWAPS_CHAINID_DEFAULT_TOKEN_MAP to set the standard properties for
|
|
* the token. The getSwapsDefaultToken selector extends that object with
|
|
* `balance` and `string` values of the same type as in regular ERC-20 token
|
|
* objects, per the above description.
|
|
*
|
|
* @param {object} state - the redux state object
|
|
* @returns {SwapsEthToken} The token object representation of the currently
|
|
* selected account's ETH balance, as expected by the Swaps API.
|
|
*/
|
|
|
|
export function getSwapsDefaultToken(state) {
|
|
const selectedAccount = getSelectedAccount(state);
|
|
const { balance } = selectedAccount;
|
|
const chainId = getCurrentChainId(state);
|
|
|
|
const defaultTokenObject = SWAPS_CHAINID_DEFAULT_TOKEN_MAP[chainId];
|
|
|
|
return {
|
|
...defaultTokenObject,
|
|
balance: hexToDecimal(balance),
|
|
string: getValueFromWeiHex({
|
|
value: balance,
|
|
numberOfDecimals: 4,
|
|
toDenomination: 'ETH',
|
|
}),
|
|
};
|
|
}
|
|
|
|
export function getIsSwapsChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
const isNotDevelopment =
|
|
process.env.METAMASK_ENVIRONMENT !== 'development' &&
|
|
process.env.METAMASK_ENVIRONMENT !== 'testing';
|
|
return isNotDevelopment
|
|
? ALLOWED_PROD_SWAPS_CHAIN_IDS.includes(chainId)
|
|
: ALLOWED_DEV_SWAPS_CHAIN_IDS.includes(chainId);
|
|
}
|
|
|
|
export function getIsBuyableChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return Object.keys(BUYABLE_CHAINS_MAP).includes(chainId);
|
|
}
|
|
|
|
export function getIsBuyableTransakChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return Boolean(BUYABLE_CHAINS_MAP?.[chainId]?.transakCurrencies);
|
|
}
|
|
|
|
export function getIsBuyableMoonPayChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return Boolean(BUYABLE_CHAINS_MAP?.[chainId]?.moonPay);
|
|
}
|
|
|
|
export function getIsBuyableWyreChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return Boolean(BUYABLE_CHAINS_MAP?.[chainId]?.wyre);
|
|
}
|
|
export function getIsBuyableCoinbasePayChain(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return Boolean(BUYABLE_CHAINS_MAP?.[chainId]?.coinbasePayCurrencies);
|
|
}
|
|
|
|
export function getNativeCurrencyImage(state) {
|
|
const nativeCurrency = getNativeCurrency(state).toUpperCase();
|
|
return NATIVE_CURRENCY_TOKEN_IMAGE_MAP[nativeCurrency];
|
|
}
|
|
|
|
export function getNextSuggestedNonce(state) {
|
|
return Number(state.metamask.nextNonce);
|
|
}
|
|
|
|
export function getShowWhatsNewPopup(state) {
|
|
return state.appState.showWhatsNewPopup;
|
|
}
|
|
|
|
///: BEGIN:ONLY_INCLUDE_IN(flask)
|
|
export function getSnaps(state) {
|
|
return state.metamask.snaps;
|
|
}
|
|
|
|
export const getSnapsRouteObjects = createSelector(getSnaps, (snaps) => {
|
|
return Object.values(snaps).map((snap) => {
|
|
return {
|
|
id: snap.id,
|
|
tabMessage: () => snap.manifest.proposedName,
|
|
descriptionMessage: () => snap.manifest.description,
|
|
sectionMessage: () => snap.manifest.description,
|
|
route: `${SNAPS_VIEW_ROUTE}/${encodeURIComponent(snap.id)}`,
|
|
icon: 'fa fa-flask',
|
|
};
|
|
});
|
|
});
|
|
|
|
/**
|
|
* @typedef {Object} Notification
|
|
* @property {string} id - A unique identifier for the notification
|
|
* @property {string} origin - A string identifing the snap origin
|
|
* @property {EpochTimeStamp} createdDate - A date in epochTimeStramps, identifying when the notification was first committed
|
|
* @property {EpochTimeStamp} readDate - A date in epochTimeStramps, identifying when the notification was read by the user
|
|
* @property {string} message - A string containing the notification message
|
|
*/
|
|
|
|
/**
|
|
* Notifications are managed by the notification controller and referenced by
|
|
* `state.metamask.notifications`. This function returns a list of notifications
|
|
* the can be shown to the user.
|
|
*
|
|
* The returned notifications are sorted by date.
|
|
*
|
|
* @param {Object} state - the redux state object
|
|
* @returns {Notification[]} An array of notifications that can be shown to the user
|
|
*/
|
|
|
|
export function getNotifications(state) {
|
|
const notifications = Object.values(state.metamask.notifications);
|
|
|
|
const notificationsSortedByDate = notifications.sort(
|
|
(a, b) => new Date(b.createdDate) - new Date(a.createdDate),
|
|
);
|
|
return notificationsSortedByDate;
|
|
}
|
|
|
|
export function getUnreadNotifications(state) {
|
|
const notifications = getNotifications(state);
|
|
|
|
const unreadNotificationCount = notifications.filter(
|
|
(notification) => notification.readDate === null,
|
|
);
|
|
|
|
return unreadNotificationCount;
|
|
}
|
|
|
|
export const getUnreadNotificationsCount = createSelector(
|
|
getUnreadNotifications,
|
|
(notifications) => notifications.length,
|
|
);
|
|
///: END:ONLY_INCLUDE_IN
|
|
|
|
/**
|
|
* Get an object of announcement IDs and if they are allowed or not.
|
|
*
|
|
* @param {Object} state
|
|
* @returns {Object}
|
|
*/
|
|
function getAllowedAnnouncementIds(state) {
|
|
const currentKeyring = getCurrentKeyring(state);
|
|
const currentKeyringIsLedger = currentKeyring?.type === KEYRING_TYPES.LEDGER;
|
|
const supportsWebHid = window.navigator.hid !== undefined;
|
|
const currentlyUsingLedgerLive =
|
|
getLedgerTransportType(state) === LEDGER_TRANSPORT_TYPES.LIVE;
|
|
|
|
return {
|
|
1: false,
|
|
2: false,
|
|
3: false,
|
|
4: false,
|
|
5: false,
|
|
6: false,
|
|
7: false,
|
|
8: supportsWebHid && currentKeyringIsLedger && currentlyUsingLedgerLive,
|
|
9: getIsMainnet(state),
|
|
10: Boolean(process.env.TOKEN_DETECTION_V2) && !process.env.IN_TEST,
|
|
11: Boolean(process.env.TOKEN_DETECTION_V2) && !process.env.IN_TEST,
|
|
12: true,
|
|
};
|
|
}
|
|
|
|
/**
|
|
* @typedef {Object} Announcement
|
|
* @property {number} id - A unique identifier for the announcement
|
|
* @property {string} date - A date in YYYY-MM-DD format, identifying when the notification was first committed
|
|
*/
|
|
|
|
/**
|
|
* Announcements are managed by the announcement controller and referenced by
|
|
* `state.metamask.announcements`. This function returns a list of announcements
|
|
* the can be shown to the user. This list includes all announcements that do not
|
|
* have a truthy `isShown` property.
|
|
*
|
|
* The returned announcements are sorted by date.
|
|
*
|
|
* @param {Object} state - the redux state object
|
|
* @returns {Announcement[]} An array of announcements that can be shown to the user
|
|
*/
|
|
|
|
export function getSortedAnnouncementsToShow(state) {
|
|
const announcements = Object.values(state.metamask.announcements);
|
|
const allowedAnnouncementIds = getAllowedAnnouncementIds(state);
|
|
const announcementsToShow = announcements.filter(
|
|
(announcement) =>
|
|
!announcement.isShown && allowedAnnouncementIds[announcement.id],
|
|
);
|
|
const announcementsSortedByDate = announcementsToShow.sort(
|
|
(a, b) => new Date(b.date) - new Date(a.date),
|
|
);
|
|
return announcementsSortedByDate;
|
|
}
|
|
|
|
export function getShowRecoveryPhraseReminder(state) {
|
|
const {
|
|
recoveryPhraseReminderLastShown,
|
|
recoveryPhraseReminderHasBeenShown,
|
|
} = state.metamask;
|
|
|
|
const currentTime = new Date().getTime();
|
|
const frequency = recoveryPhraseReminderHasBeenShown ? DAY * 90 : DAY * 2;
|
|
|
|
return currentTime - recoveryPhraseReminderLastShown >= frequency;
|
|
}
|
|
|
|
/**
|
|
* To get the useTokenDetection flag which determines whether a static or dynamic token list is used
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getUseTokenDetection(state) {
|
|
return Boolean(state.metamask.useTokenDetection);
|
|
}
|
|
|
|
/**
|
|
* To get the useCollectibleDetection flag which determines whether we autodetect NFTs
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getUseCollectibleDetection(state) {
|
|
return Boolean(state.metamask.useCollectibleDetection);
|
|
}
|
|
|
|
/**
|
|
* To get the openSeaEnabled flag which determines whether we use OpenSea's API
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getOpenSeaEnabled(state) {
|
|
return Boolean(state.metamask.openSeaEnabled);
|
|
}
|
|
|
|
/**
|
|
* To get the `theme` value which determines which theme is selected
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getTheme(state) {
|
|
return state.metamask.theme;
|
|
}
|
|
|
|
/**
|
|
* To retrieve the tokenList produced by TokenListcontroller
|
|
*
|
|
* @param {*} state
|
|
* @returns {Object}
|
|
*/
|
|
export function getTokenList(state) {
|
|
return state.metamask.tokenList;
|
|
}
|
|
|
|
export function doesAddressRequireLedgerHidConnection(state, address) {
|
|
const addressIsLedger = isAddressLedger(state, address);
|
|
const transportTypePreferenceIsWebHID =
|
|
getLedgerTransportType(state) === LEDGER_TRANSPORT_TYPES.WEBHID;
|
|
const webHidIsNotConnected =
|
|
getLedgerWebHidConnectedStatus(state) !==
|
|
WEBHID_CONNECTED_STATUSES.CONNECTED;
|
|
const ledgerTransportStatus = getLedgerTransportStatus(state);
|
|
const transportIsNotSuccessfullyCreated =
|
|
ledgerTransportStatus !== TRANSPORT_STATES.VERIFIED;
|
|
|
|
return (
|
|
addressIsLedger &&
|
|
transportTypePreferenceIsWebHID &&
|
|
(webHidIsNotConnected || transportIsNotSuccessfullyCreated)
|
|
);
|
|
}
|
|
|
|
export function getNewCollectibleAddedMessage(state) {
|
|
return state.appState.newCollectibleAddedMessage;
|
|
}
|
|
|
|
/**
|
|
* To retrieve the name of the new Network added using add network form
|
|
*
|
|
* @param {*} state
|
|
* @returns string
|
|
*/
|
|
export function getNewNetworkAdded(state) {
|
|
return state.appState.newNetworkAdded;
|
|
}
|
|
|
|
export function getNetworksTabSelectedRpcUrl(state) {
|
|
return state.appState.networksTabSelectedRpcUrl;
|
|
}
|
|
|
|
export function getProvider(state) {
|
|
return state.metamask.provider;
|
|
}
|
|
|
|
export function getFrequentRpcListDetail(state) {
|
|
return state.metamask.frequentRpcListDetail;
|
|
}
|
|
|
|
export function getIsOptimism(state) {
|
|
return (
|
|
getCurrentChainId(state) === OPTIMISM_CHAIN_ID ||
|
|
getCurrentChainId(state) === OPTIMISM_TESTNET_CHAIN_ID
|
|
);
|
|
}
|
|
|
|
export function getNetworkSupportsSettingGasFees(state) {
|
|
return !getIsOptimism(state);
|
|
}
|
|
|
|
export function getIsMultiLayerFeeNetwork(state) {
|
|
return getIsOptimism(state);
|
|
}
|
|
/**
|
|
* To retrieve the maxBaseFee and priotitFee teh user has set as default
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getAdvancedGasFeeValues(state) {
|
|
return state.metamask.advancedGasFee;
|
|
}
|
|
|
|
export function getEIP1559V2Enabled(state) {
|
|
return state.metamask.eip1559V2Enabled;
|
|
}
|
|
|
|
/**
|
|
* To check if the user has set advanced gas fee settings as default with a non empty maxBaseFee and priotityFee.
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getIsAdvancedGasFeeDefault(state) {
|
|
const { advancedGasFee } = state.metamask;
|
|
return (
|
|
Boolean(advancedGasFee?.maxBaseFee) && Boolean(advancedGasFee?.priorityFee)
|
|
);
|
|
}
|
|
|
|
/**
|
|
* @param state
|
|
* @returns string e.g. ethereum, bsc or polygon
|
|
*/
|
|
export const getTokenDetectionSupportNetworkByChainId = (state) => {
|
|
const chainId = getCurrentChainId(state);
|
|
switch (chainId) {
|
|
case MAINNET_CHAIN_ID:
|
|
return MAINNET_DISPLAY_NAME;
|
|
case BSC_CHAIN_ID:
|
|
return BSC_DISPLAY_NAME;
|
|
case POLYGON_CHAIN_ID:
|
|
return POLYGON_DISPLAY_NAME;
|
|
case AVALANCHE_CHAIN_ID:
|
|
return AVALANCHE_DISPLAY_NAME;
|
|
default:
|
|
return '';
|
|
}
|
|
};
|
|
/**
|
|
* To check for the chainId that supports token detection ,
|
|
* currently it returns true for Ethereum Mainnet, Polygon, BSC and Avalanche
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getIsTokenDetectionSupported(state) {
|
|
const chainId = getCurrentChainId(state);
|
|
return [
|
|
MAINNET_CHAIN_ID,
|
|
BSC_CHAIN_ID,
|
|
POLYGON_CHAIN_ID,
|
|
AVALANCHE_CHAIN_ID,
|
|
].includes(chainId);
|
|
}
|
|
|
|
/**
|
|
* To retrieve the list of tokens detected and saved on the state to detectedToken object.
|
|
*
|
|
* @param {*} state
|
|
* @returns list of token objects
|
|
*/
|
|
export function getDetectedTokensInCurrentNetwork(state) {
|
|
return state.metamask.detectedTokens;
|
|
}
|
|
|
|
/**
|
|
* To fetch the name of the tokens that are imported from tokens found page
|
|
*
|
|
* @param {*} state
|
|
* @returns
|
|
*/
|
|
export function getNewTokensImported(state) {
|
|
return state.appState.newTokensImported;
|
|
}
|
|
|
|
/**
|
|
* To get the `customNetworkListEnabled` value which determines whether we use the custom network list
|
|
*
|
|
* @param {*} state
|
|
* @returns Boolean
|
|
*/
|
|
export function getIsCustomNetworkListEnabled(state) {
|
|
return state.metamask.customNetworkListEnabled;
|
|
}
|