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, } 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_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'; /** * 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 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) ); } 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); return ALLOWED_SWAPS_CHAIN_IDS[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 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; } ///: END:ONLY_INCLUDE_IN /** * Get an object of notification IDs and if they are allowed or not. * * @param {Object} state * @returns {Object} */ function getAllowedNotificationIds(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), }; } /** * @typedef {Object} Notification * @property {number} id - A unique identifier for the notification * @property {string} date - A date in YYYY-MM-DD format, identifying when the notification was first committed */ /** * 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. This list includes all notifications that do not * have a truthy `isShown` property. * * 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 getSortedNotificationsToShow(state) { const notifications = Object.values(state.metamask.notifications); const allowedNotificationIds = getAllowedNotificationIds(state); const notificationsToShow = notifications.filter( (notification) => !notification.isShown && allowedNotificationIds[notification.id], ); const notificationsSortedByDate = notificationsToShow.sort( (a, b) => new Date(b.date) - new Date(a.date), ); return notificationsSortedByDate; } 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 getNetworkSupportsSettingGasPrice(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) ); }