1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 20:57:12 +01:00
metamask-extension/ui/components/app/transaction-activity-log/transaction-activity-log.util.js

298 lines
9.8 KiB
JavaScript
Raw Normal View History

import { TRANSACTION_TYPES } from '../../../../shared/constants/transaction';
import { getHexGasTotal } from '../../../helpers/utils/confirm-tx.util';
import { sumHexes } from '../../../helpers/utils/transactions.util';
2018-12-09 21:48:06 +01:00
import {
// event constants
TRANSACTION_CREATED_EVENT,
TRANSACTION_SUBMITTED_EVENT,
TRANSACTION_RESUBMITTED_EVENT,
TRANSACTION_CONFIRMED_EVENT,
TRANSACTION_DROPPED_EVENT,
TRANSACTION_UPDATED_EVENT,
TRANSACTION_ERRORED_EVENT,
TRANSACTION_CANCEL_ATTEMPTED_EVENT,
TRANSACTION_CANCEL_SUCCESS_EVENT,
// status constants
SUBMITTED_STATUS,
CONFIRMED_STATUS,
DROPPED_STATUS,
} from './transaction-activity-log.constants';
2018-12-09 21:48:06 +01:00
// path constants
const STATUS_PATH = '/status';
const GAS_PRICE_PATH = '/txParams/gasPrice';
const GAS_LIMIT_PATH = '/txParams/gas';
const ESTIMATE_BASE_FEE_PATH = '/estimatedBaseFee';
const BLOCKTIMESTAMP = '/blockTimestamp';
// op constants
const REPLACE_OP = 'replace';
2018-08-26 03:00:38 +02:00
const eventPathsHash = {
[STATUS_PATH]: true,
[GAS_PRICE_PATH]: true,
2018-12-09 21:48:06 +01:00
[GAS_LIMIT_PATH]: true,
[BLOCKTIMESTAMP]: true,
};
2018-08-26 03:00:38 +02:00
const statusHash = {
[SUBMITTED_STATUS]: TRANSACTION_SUBMITTED_EVENT,
[CONFIRMED_STATUS]: TRANSACTION_CONFIRMED_EVENT,
[DROPPED_STATUS]: TRANSACTION_DROPPED_EVENT,
};
2018-08-26 03:00:38 +02:00
2018-12-09 21:48:06 +01:00
/**
* @name getActivities
* @param {object} transaction - txMeta object
2018-12-09 21:48:06 +01:00
* @param {boolean} isFirstTransaction - True if the transaction is the first created transaction
* in the list of transactions with the same nonce. If so, we use this transaction to create the
* transactionCreated activity.
* @returns {Array}
*/
2020-11-03 00:41:28 +01:00
export function getActivities(transaction, isFirstTransaction = false) {
const {
id,
chainId,
metamaskNetworkId,
hash,
history = [],
txParams: {
gas: paramsGasLimit,
gasPrice: paramsGasPrice,
maxPriorityFeePerGas: paramsMaxPriorityFeePerGas,
},
txReceipt: { status } = {},
type,
estimatedBaseFee: paramsEstimatedBaseFee,
} = transaction;
2018-12-09 21:48:06 +01:00
const paramsEip1559Price =
paramsEstimatedBaseFee &&
paramsMaxPriorityFeePerGas &&
sumHexes(paramsEstimatedBaseFee, paramsMaxPriorityFeePerGas);
let cachedGasLimit = '0x0';
let cachedGasPrice = '0x0';
2018-12-09 21:48:06 +01:00
const historyActivities = history.reduce((acc, base, index) => {
2018-08-26 03:00:38 +02:00
// First history item should be transaction creation
2018-12-09 21:48:06 +01:00
if (index === 0 && !Array.isArray(base) && base.txParams) {
2020-11-03 00:41:28 +01:00
const {
time: timestamp,
estimatedBaseFee,
txParams: { value, gas = '0x0', gasPrice, maxPriorityFeePerGas } = {},
} = base;
const eip1559Price =
estimatedBaseFee &&
maxPriorityFeePerGas &&
sumHexes(estimatedBaseFee, maxPriorityFeePerGas);
2018-12-09 21:48:06 +01:00
// The cached gas limit and gas price are used to display the gas fee in the activity log. We
// need to cache these values because the status update history events don't provide us with
// the latest gas limit and gas price.
cachedGasLimit = gas;
cachedGasPrice = eip1559Price || gasPrice || paramsGasPrice || '0x0';
2018-12-09 21:48:06 +01:00
if (isFirstTransaction) {
return acc.concat({
id,
hash,
chainId,
metamaskNetworkId,
2018-12-09 21:48:06 +01:00
eventKey: TRANSACTION_CREATED_EVENT,
timestamp,
value,
});
2018-12-09 21:48:06 +01:00
}
// An entry in the history may be an array of more sub-entries.
2018-08-26 03:00:38 +02:00
} else if (Array.isArray(base)) {
const events = [];
2018-08-26 03:00:38 +02:00
2020-02-15 21:34:12 +01:00
base.forEach((entry) => {
const { op, path, value, timestamp: entryTimestamp } = entry;
// Not all sub-entries in a history entry have a timestamp. If the sub-entry does not have a
// timestamp, the first sub-entry in a history entry should.
const timestamp = entryTimestamp || (base[0] && base[0].timestamp);
2018-08-26 03:00:38 +02:00
const isAddBaseFee = path === ESTIMATE_BASE_FEE_PATH && op === 'add';
if ((path in eventPathsHash && op === REPLACE_OP) || isAddBaseFee) {
2018-08-26 03:00:38 +02:00
switch (path) {
case STATUS_PATH: {
2020-11-03 00:41:28 +01:00
const gasFee =
cachedGasLimit === '0x0' && cachedGasPrice === '0x0'
? getHexGasTotal({
gasLimit: paramsGasLimit,
gasPrice: paramsEip1559Price || paramsGasPrice,
2020-11-03 00:41:28 +01:00
})
: getHexGasTotal({
gasLimit: cachedGasLimit,
gasPrice: cachedGasPrice,
});
2018-12-09 21:48:06 +01:00
2018-08-26 03:00:38 +02:00
if (value in statusHash) {
let eventKey = statusHash[value];
2018-12-09 21:48:06 +01:00
// If the status is 'submitted', we need to determine whether the event is a
// transaction retry or a cancellation attempt.
if (value === SUBMITTED_STATUS) {
if (type === TRANSACTION_TYPES.RETRY) {
eventKey = TRANSACTION_RESUBMITTED_EVENT;
} else if (type === TRANSACTION_TYPES.CANCEL) {
eventKey = TRANSACTION_CANCEL_ATTEMPTED_EVENT;
2018-12-09 21:48:06 +01:00
}
} else if (value === CONFIRMED_STATUS) {
if (type === TRANSACTION_TYPES.CANCEL) {
eventKey = TRANSACTION_CANCEL_SUCCESS_EVENT;
2018-12-09 21:48:06 +01:00
}
}
events.push({
id,
hash,
eventKey,
timestamp,
chainId,
metamaskNetworkId,
2018-12-09 21:48:06 +01:00
value: gasFee,
});
2018-08-26 03:00:38 +02:00
}
break;
2018-08-26 03:00:38 +02:00
}
2018-12-09 21:48:06 +01:00
// If the gas price or gas limit has been changed, we update the gasFee of the
// previously submitted event. These events happen when the gas limit and gas price is
// changed at the confirm screen.
case GAS_PRICE_PATH:
case GAS_LIMIT_PATH:
case ESTIMATE_BASE_FEE_PATH: {
const lastEvent = events[events.length - 1] || {};
const { lastEventKey } = lastEvent;
2018-12-09 21:48:06 +01:00
if (path === GAS_LIMIT_PATH) {
cachedGasLimit = value;
2018-12-09 21:48:06 +01:00
} else if (path === GAS_PRICE_PATH) {
cachedGasPrice = value;
} else if (path === ESTIMATE_BASE_FEE_PATH) {
cachedGasPrice = paramsEip1559Price || base?.txParams?.gasPrice;
lastEvent.value = getHexGasTotal({
gasLimit: paramsGasLimit,
gasPrice: cachedGasPrice,
});
2018-12-09 21:48:06 +01:00
}
2020-11-03 00:41:28 +01:00
if (
lastEventKey === TRANSACTION_SUBMITTED_EVENT ||
lastEventKey === TRANSACTION_RESUBMITTED_EVENT
) {
2018-12-09 21:48:06 +01:00
lastEvent.value = getHexGasTotal({
gasLimit: cachedGasLimit,
gasPrice: cachedGasPrice,
});
2018-12-09 21:48:06 +01:00
}
break;
}
2018-12-09 21:48:06 +01:00
case BLOCKTIMESTAMP: {
const filteredAcc = acc.find(
(ac) => ac.eventKey === TRANSACTION_CONFIRMED_EVENT,
);
if (filteredAcc !== undefined) {
filteredAcc.timestamp = new Date(
parseInt(entry.value, 16) * 1000,
).getTime();
}
break;
2018-08-26 03:00:38 +02:00
}
default: {
2018-12-09 21:48:06 +01:00
events.push({
id,
hash,
chainId,
metamaskNetworkId,
2018-12-09 21:48:06 +01:00
eventKey: TRANSACTION_UPDATED_EVENT,
timestamp,
});
2018-08-26 03:00:38 +02:00
}
}
}
});
2018-08-26 03:00:38 +02:00
return acc.concat(events);
2018-08-26 03:00:38 +02:00
}
return acc;
}, []);
2020-07-20 19:02:49 +02:00
// If txReceipt.status is '0x0', that means that an on-chain error occurred for the transaction,
// so we add an error entry to the Activity Log.
return status === '0x0'
2020-11-03 00:41:28 +01:00
? historyActivities.concat({
id,
hash,
chainId,
metamaskNetworkId,
2020-11-03 00:41:28 +01:00
eventKey: TRANSACTION_ERRORED_EVENT,
})
: historyActivities;
2018-08-26 03:00:38 +02:00
}
2018-12-09 21:48:06 +01:00
/**
* @description Removes "Transaction dropped" activities from a list of sorted activities if one of
* the transactions has been confirmed. Typically, if multiple transactions have the same nonce,
* once one transaction is confirmed, the rest are dropped. In this case, we don't want to show
* multiple "Transaction dropped" activities, and instead want to show a single "Transaction
* confirmed".
* @param {Array} activities - List of sorted activities generated from the getActivities function.
* @returns {Array}
*/
2020-11-03 00:41:28 +01:00
function filterSortedActivities(activities) {
const filteredActivities = [];
2020-11-03 00:41:28 +01:00
const hasConfirmedActivity = Boolean(
activities.find(
({ eventKey }) =>
eventKey === TRANSACTION_CONFIRMED_EVENT ||
eventKey === TRANSACTION_CANCEL_SUCCESS_EVENT,
),
);
let addedDroppedActivity = false;
2018-12-09 21:48:06 +01:00
2020-02-15 21:34:12 +01:00
activities.forEach((activity) => {
2018-12-09 21:48:06 +01:00
if (activity.eventKey === TRANSACTION_DROPPED_EVENT) {
if (!hasConfirmedActivity && !addedDroppedActivity) {
filteredActivities.push(activity);
addedDroppedActivity = true;
2018-12-09 21:48:06 +01:00
}
} else {
filteredActivities.push(activity);
2018-12-09 21:48:06 +01:00
}
});
2018-12-09 21:48:06 +01:00
return filteredActivities;
2018-12-09 21:48:06 +01:00
}
/**
* Combines the histories of an array of transactions into a single array.
*
2018-12-09 21:48:06 +01:00
* @param {Array} transactions - Array of txMeta transaction objects.
* @returns {Array}
*/
2020-11-03 00:41:28 +01:00
export function combineTransactionHistories(transactions = []) {
2018-12-09 21:48:06 +01:00
if (!transactions.length) {
return [];
2018-12-09 21:48:06 +01:00
}
const activities = [];
2018-12-09 21:48:06 +01:00
transactions.forEach((transaction, index) => {
// The first transaction should be the transaction with the earliest submittedTime. We show the
// 'created' and 'submitted' activities here. All subsequent transactions will use 'resubmitted'
// instead.
const transactionActivities = getActivities(transaction, index === 0);
activities.push(...transactionActivities);
});
2018-12-09 21:48:06 +01:00
const sortedActivities = activities.sort((a, b) => a.timestamp - b.timestamp);
return filterSortedActivities(sortedActivities);
2018-12-09 21:48:06 +01:00
}