feat(wallet-dashboard): improve tx history & details

apps/core/src/components/transaction/TransactionIcon.tsx

@@ -2,7 +2,16 @@
 // SPDX-License-Identifier: Apache-2.0
 
 import { LoadingIndicator } from '@iota/apps-ui-kit';
-import { ArrowBottomLeft, ArrowTopRight, Info, IotaLogoMark, Person, Stake } from '@iota/ui-icons';
+import {
+    ArrowBottomLeft,
+    ArrowTopRight,
+    Info,
+    IotaLogoMark,
+    Migration,
+    Person,
+    Stake,
+    Vesting,
+} from '@iota/ui-icons';
 
 const ICON_COLORS = {
     primary: 'text-primary-30',
@@ -21,6 +30,8 @@ const icons = {
     PersonalMessage: <Person className={ICON_COLORS.primary} />,
     ['Timelocked Staked']: <Stake className={ICON_COLORS.primary} />,
     ['Timelocked Unstaked']: <Stake className={ICON_COLORS.primary} />,
+    Migration: <Migration className={ICON_COLORS.primary} />,
+    ['Timelocked Collect']: <Vesting className={ICON_COLORS.primary} />,
 };
 
 interface TransactionIconProps {

apps/core/src/constants/timelock.constants.ts

@@ -1,5 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-export const TIMELOCK_IOTA_TYPE = '0x2::timelock::TimeLock<0x2::balance::Balance<0x2::iota::IOTA>>';
-export const TIMELOCK_STAKED_TYPE = '0x3::timelocked_staking::TimelockedStakedIota';
+export const TIMELOCK_MODULE = 'timelock';
+export const TIMELOCK_IOTA_TYPE = `0x2::${TIMELOCK_MODULE}::TimeLock<0x2::balance::Balance<0x2::iota::IOTA>>`;
+export const TIMELOCK_STAKED_TYPE = `0x3::timelocked_staking::TimelockedStakedIota`;

apps/core/src/interfaces/transactions.interfaces.ts

@@ -18,6 +18,8 @@ export enum TransactionAction {
     Unstaked = 'Unstaked',
     TimelockedStaked = 'Timelocked Staked',
     TimelockedUnstaked = 'Timelocked Unstaked',
+    TimelockedCollect = 'Timelocked Collect',
+    Migration = 'Migration',
     Rewards = 'Rewards',
     PersonalMessage = 'PersonalMessage',
 }

apps/core/src/utils/transaction/checkIfIsMigrationTransaction.ts

@@ -0,0 +1,32 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import type {
+    IotaTransaction,
+    IotaTransactionBlockResponse,
+    MoveCallIotaTransaction,
+} from '@iota/iota-sdk/client';
+import { STARDUST_PACKAGE_ID } from '../../constants';
+
+export function checkIfIsMigrationTransaction(
+    transaction: IotaTransactionBlockResponse['transaction'],
+) {
+    if (!transaction || transaction.data.transaction.kind !== 'ProgrammableTransaction')
+        return { isMigration: false };
+    const moveCallTxs = transaction.data.transaction.transactions.filter(isMoveCall);
+    const isMigration = moveCallTxs.some(
+        (tx) =>
+            tx.MoveCall.package === STARDUST_PACKAGE_ID &&
+            tx.MoveCall.function === 'extract_assets',
+    );
+
+    return {
+        isMigration,
+    };
+}
+
+function isMoveCall(
+    transaction: IotaTransaction,
+): transaction is { MoveCall: MoveCallIotaTransaction } {
+    return 'MoveCall' in transaction;
+}

apps/core/src/utils/transaction/checkIfIsSupplyIncreaseVestingCollectTransaction.ts

@@ -0,0 +1,31 @@
+// Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import type {
+    IotaTransaction,
+    IotaTransactionBlockResponse,
+    MoveCallIotaTransaction,
+} from '@iota/iota-sdk/client';
+import { TIMELOCK_MODULE } from '../../';
+
+export function checkIfIsSupplyIncreaseVestingCollectTransaction(
+    transaction: IotaTransactionBlockResponse['transaction'],
+) {
+    if (!transaction || transaction.data.transaction.kind !== 'ProgrammableTransaction')
+        return { isSupplyIncreaseVestingCollect: false };
+    const moveCallTxs = transaction.data.transaction.transactions
+        .filter(isMoveCall)
+        .filter((tx) => tx.MoveCall.module === TIMELOCK_MODULE);
+    const isSupplyIncreaseVestingCollect =
+        moveCallTxs.length > 0 && moveCallTxs.every((tx) => tx.MoveCall.function === 'unlock');
+
+    return {
+        isSupplyIncreaseVestingCollect,
+    };
+}
+
+function isMoveCall(
+    transaction: IotaTransaction,
+): transaction is { MoveCall: MoveCallIotaTransaction } {
+    return 'MoveCall' in transaction;
+}

apps/core/src/utils/transaction/getTransactionAction.ts

@@ -4,27 +4,42 @@
 
 import { IotaTransactionBlockResponse } from '@iota/iota-sdk/client';
 import { TransactionAction } from '../../interfaces';
-import { checkIfIsTimelockedStaking } from '../stake/checkIfIsTimelockedStaking';
+import { checkIfIsTimelockedStaking } from '../stake';
+import {
+    checkIfIsMigrationTransaction,
+    checkIfIsSupplyIncreaseVestingCollectTransaction,
+} from '..';
 
 export const getTransactionAction = (
     transaction: IotaTransactionBlockResponse,
     currentAddress?: string,
 ) => {
+    const sender = transaction.transaction?.data.sender;
     const {
         isTimelockedStaking,
         isTimelockedUnstaking,
         stakeTypeTransaction,
         unstakeTypeTransaction,
     } = checkIfIsTimelockedStaking(transaction?.events);
 
-    if (stakeTypeTransaction) {
+    const { isMigration } = checkIfIsMigrationTransaction(transaction.transaction);
+    const { isSupplyIncreaseVestingCollect } = checkIfIsSupplyIncreaseVestingCollectTransaction(
+        transaction.transaction,
+    );
+
+    if (isMigration) {
+        return TransactionAction.Migration;
+    } else if (isSupplyIncreaseVestingCollect) {
+        return TransactionAction.TimelockedCollect;
+    } else if (stakeTypeTransaction) {
         return isTimelockedStaking ? TransactionAction.TimelockedStaked : TransactionAction.Staked;
     } else if (unstakeTypeTransaction) {
         return isTimelockedUnstaking
             ? TransactionAction.TimelockedUnstaked
             : TransactionAction.Unstaked;
+    } else if (!!sender) {
+        return sender === currentAddress ? TransactionAction.Send : TransactionAction.Receive;
     } else {
-        const isSender = transaction.transaction?.data.sender === currentAddress;
-        return isSender ? TransactionAction.Transaction : TransactionAction.Receive;
+        return TransactionAction.Transaction;
     }
 };

apps/core/src/utils/transaction/index.ts

@@ -13,3 +13,5 @@ export * from './createTokenTransferTransaction';
 export * from './getObjectDisplayLookup';
 export * from './createNftSendValidationSchema';
 export * from './createUnlockTimelockedObjectsTransaction';
+export * from './checkIfIsMigrationTransaction';
+export * from './checkIfIsSupplyIncreaseVestingCollectTransaction';

apps/wallet-dashboard/lib/interfaces/index.ts

@@ -1,7 +1,6 @@
 // Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-export * from './transactions.interfaces';
 export * from './timelock.interfaces';
 export * from './vesting.interfaces';
 export * from './appRoute.interfaces';