@unisat/wallet-state 1.0.5 → 1.2.0

package/src/reducers/global.ts

@@ -1,4 +1,4 @@
-import { createSlice, PayloadAction, Slice, SliceCaseReducers } from '@reduxjs/toolkit'
+import { createSlice, PayloadAction, SliceCaseReducers } from '@reduxjs/toolkit'
 
 import { updateVersion } from '../actions/global'
 import { TabOption } from '../types'
@@ -8,6 +8,29 @@ export interface GlobalState {
   isUnlocked: boolean
   isReady: boolean
   isBooted: boolean
+  screenState?: {
+    type: string
+    options: any
+  }
+  isRefresh: boolean
+  backRefresh: boolean
+  wallRefresh: boolean
+  wallTabRefresh: boolean
+  unlockRefres: boolean
+  unlockRead: boolean
+  layerState: boolean
+  isUnlockTimeRefres: boolean
+  infiniteListScrollOffset: number
+  infiniteListScrollDirection: 'up' | 'down'
+  infiniteListScrollActiveTime: number
+  isScrollViewTop: number
+  isScrollViewBot: number
+  isBiometricsSupported: boolean
+  hasBiometricsKey: boolean
+  wallTabFocusRefresh: 0
+  goBackRefresh: 0
+  switchChainModalVisible: boolean
+  isLockedOverlayVisible: boolean
 }
 
 export const initialState: GlobalState = {
@@ -15,6 +38,26 @@ export const initialState: GlobalState = {
   isUnlocked: false,
   isReady: false,
   isBooted: false,
+  screenState: undefined,
+  isRefresh: false,
+  backRefresh: false,
+  wallRefresh: false,
+  wallTabRefresh: false,
+  unlockRefres: false,
+  unlockRead: false,
+  layerState: false,
+  isUnlockTimeRefres: false,
+  infiniteListScrollOffset: 0,
+  infiniteListScrollDirection: 'down',
+  infiniteListScrollActiveTime: 0,
+  isScrollViewTop: 0,
+  isScrollViewBot: 0,
+  isBiometricsSupported: false,
+  hasBiometricsKey: false,
+  wallTabFocusRefresh: 0,
+  goBackRefresh: 0,
+  switchChainModalVisible: false,
+  isLockedOverlayVisible: false,
 }
 
 const reducers: SliceCaseReducers<GlobalState> = {
@@ -26,6 +69,29 @@ const reducers: SliceCaseReducers<GlobalState> = {
       isUnlocked?: boolean
       isReady?: boolean
       isBooted?: boolean
+      screenState?: {
+        type: string
+        options: any
+      }
+      isRefresh?: boolean
+      backRefresh?: boolean
+      wallRefresh?: boolean
+      wallTabRefresh?: boolean
+      unlockRefres?: boolean
+      layerState?: boolean
+      unlockRead?: boolean
+      isUnlockTimeRefres?: boolean
+      infiniteListScrollOffset?: number
+      infiniteListScrollDirection?: 'up' | 'down'
+      infiniteListScrollActiveTime?: number
+      isScrollViewTop?: number
+      isScrollViewBot?: number
+      isBiometricsSupported?: boolean
+      hasBiometricsKey?: boolean
+      wallTabFocusRefresh?: number
+      goBackRefresh?: number
+      switchChainModalVisible?: boolean
+      lockedOverlayVisible?: boolean
     }>
   ) => {
     const { payload } = action

package/src/reducers/index.ts

@@ -4,4 +4,5 @@ export { globalActions } from './global'
 export { keyringsActions } from './keyrings'
 export { settingsActions } from './settings'
 export { transactionsActions } from './transactions'
+export { browserActions, WalletTabScreenTabKey } from './browser'
 export { uiActions } from './ui'

package/src/reducers/transactions.ts

@@ -17,7 +17,6 @@ export interface BitcoinTx {
   psbtHex: string
   feeRate: number
   toDomain: string
-  enableRBF: boolean
 }
 
 export interface OrdinalsTx {
@@ -34,7 +33,6 @@ export interface OrdinalsTx {
   feeRate: number
   toDomain: string
   outputValue: number
-  enableRBF: boolean
 }
 
 export interface RunesTx {
@@ -50,7 +48,6 @@ export interface RunesTx {
   feeRate: number
   toDomain: string
   outputValue: number
-  enableRBF: boolean
   runeid?: string
   runeAmount?: string
 }
@@ -80,7 +77,6 @@ export const initialState: TransactionsState = {
     psbtHex: '',
     feeRate: 5,
     toDomain: '',
-    enableRBF: false,
   },
   ordinalsTx: {
     fromAddress: '',
@@ -113,7 +109,6 @@ export const initialState: TransactionsState = {
     feeRate: 5,
     toDomain: '',
     outputValue: 10000,
-    enableRBF: false,
   },
 
   runesTx: {
@@ -129,7 +124,6 @@ export const initialState: TransactionsState = {
     feeRate: 5,
     toDomain: '',
     outputValue: 10000,
-    enableRBF: false,
   },
   utxos: [],
   spendUnavailableUtxos: [],
@@ -158,7 +152,6 @@ const slice: Slice<TransactionsState> = createSlice({
           psbtHex?: string
           feeRate?: number
           toDomain?: string
-          enableRBF?: boolean
         }
       }
     ) {
@@ -182,7 +175,6 @@ const slice: Slice<TransactionsState> = createSlice({
           feeRate?: number
           toDomain?: string
           outputValue?: number
-          enableRBF?: boolean
         }
       }
     ) {
@@ -206,7 +198,6 @@ const slice: Slice<TransactionsState> = createSlice({
           feeRate?: number
           toDomain?: string
           outputValue?: number
-          enableRBF?: boolean
           runeid?: string
           runeAmount?: string
         }

package/src/reducers/ui.ts

@@ -1,20 +1,30 @@
-import { Inscription } from '@unisat/wallet-shared'
 import { createSlice, Slice } from '@reduxjs/toolkit'
+import { Inscription } from '@unisat/wallet-shared'
 
 import { updateVersion } from '../actions/global'
 import {
   AlkanesAssetTabKey,
   AssetTabKey,
   CATAssetTabKey,
+  MoreAssetTabKey,
   NavigationSource,
   OrdinalsAssetTabKey,
 } from '../types'
 
+export enum WallettopTabScreenTabKey {
+  Ordinals,
+  Atomicals,
+  Runes,
+  CAT20,
+  Alkanes,
+}
+
 export interface UIState {
   assetTabKey: AssetTabKey
   ordinalsAssetTabKey: OrdinalsAssetTabKey
   catAssetTabKey: CATAssetTabKey
   alkanesAssetTabKey: AlkanesAssetTabKey
+  moreAssetTabKey: MoreAssetTabKey
   uiTxCreateScreen: {
     toInfo: {
       address: string
@@ -23,7 +33,21 @@ export interface UIState {
     }
     inputAmount: string
     enableRBF: boolean
+  }
+  addressInput: {
+    address: string
+    domain: string
+    inscription?: Inscription
+  }
+  amountInput: {
+    amount: string
+  }
+  feeRateBar: {
     feeRate: number
+    feeRateInputVal: string
+    enableLowFeeRate: boolean
+    feeOptionIndex: number
+    showCustomInput: boolean
   }
   babylonSendScreen: {
     inputAmount: string
@@ -31,6 +55,11 @@ export interface UIState {
   }
   navigationSource: NavigationSource
   isBalanceHidden: boolean
+  balanceDetailExpanded: boolean
+
+  walletTopTabScreen: {
+    toptabKey: WallettopTabScreenTabKey
+  }
 }
 
 export const initialState: UIState = {
@@ -38,14 +67,28 @@ export const initialState: UIState = {
   ordinalsAssetTabKey: OrdinalsAssetTabKey.ALL,
   catAssetTabKey: CATAssetTabKey.CAT20,
   alkanesAssetTabKey: AlkanesAssetTabKey.TOKEN,
+  moreAssetTabKey: MoreAssetTabKey.ALKANES_TOKEN,
   uiTxCreateScreen: {
     toInfo: {
       address: '',
       domain: '',
     },
     inputAmount: '',
-    enableRBF: false,
+    enableRBF: true,
+  },
+  addressInput: {
+    address: '',
+    domain: '',
+  },
+  amountInput: {
+    amount: '',
+  },
+  feeRateBar: {
     feeRate: 1,
+    feeRateInputVal: '',
+    enableLowFeeRate: false,
+    feeOptionIndex: 1, // Default to AVG
+    showCustomInput: false,
   },
   babylonSendScreen: {
     inputAmount: '',
@@ -53,6 +96,11 @@ export const initialState: UIState = {
   },
   navigationSource: NavigationSource.NORMAL,
   isBalanceHidden: false,
+  balanceDetailExpanded: true,
+
+  walletTopTabScreen: {
+    toptabKey: WallettopTabScreenTabKey.Ordinals,
+  },
 }
 
 const slice: Slice<UIState> = createSlice({
@@ -70,6 +118,7 @@ const slice: Slice<UIState> = createSlice({
           ordinalsAssetTabKey?: OrdinalsAssetTabKey
           catAssetTabKey?: CATAssetTabKey
           alkanesAssetTabKey?: AlkanesAssetTabKey
+          moreAssetTabKey?: MoreAssetTabKey
         }
       }
     ) {
@@ -87,6 +136,9 @@ const slice: Slice<UIState> = createSlice({
       if (payload.alkanesAssetTabKey !== undefined) {
         state.alkanesAssetTabKey = payload.alkanesAssetTabKey
       }
+      if (payload.moreAssetTabKey !== undefined) {
+        state.moreAssetTabKey = payload.moreAssetTabKey
+      }
       return state
     },
     updateTxCreateScreen(
@@ -100,7 +152,6 @@ const slice: Slice<UIState> = createSlice({
           }
           inputAmount?: string
           enableRBF?: boolean
-          feeRate?: number
         }
       }
     ) {
@@ -113,10 +164,82 @@ const slice: Slice<UIState> = createSlice({
       if (action.payload.enableRBF !== undefined) {
         state.uiTxCreateScreen.enableRBF = action.payload.enableRBF
       }
+
+      state.uiTxCreateScreen = { ...state.uiTxCreateScreen }
+    },
+    updateFeeRateBar(
+      state,
+      action: {
+        payload: {
+          feeRate?: number
+          feeRateInputVal?: string
+          enableLowFeeRate?: boolean
+          feeOptionIndex?: number
+          showCustomInput?: boolean
+        }
+      }
+    ) {
       if (action.payload.feeRate !== undefined) {
-        state.uiTxCreateScreen.feeRate = action.payload.feeRate
+        state.feeRateBar.feeRate = action.payload.feeRate
+      }
+      if (action.payload.feeRateInputVal !== undefined) {
+        state.feeRateBar.feeRateInputVal = action.payload.feeRateInputVal
+      }
+      if (action.payload.enableLowFeeRate !== undefined) {
+        state.feeRateBar.enableLowFeeRate = action.payload.enableLowFeeRate
       }
+      if (action.payload.feeOptionIndex !== undefined) {
+        state.feeRateBar.feeOptionIndex = action.payload.feeOptionIndex
+      }
+      if (action.payload.showCustomInput !== undefined) {
+        state.feeRateBar.showCustomInput = action.payload.showCustomInput
+      }
+      state.feeRateBar = { ...state.feeRateBar }
+    },
+    resetFeeRateBar(state) {
+      state.feeRateBar = initialState.feeRateBar
     },
+
+    updateAddressInput(
+      state,
+      action: {
+        payload: {
+          address?: string
+          domain?: string
+        }
+      }
+    ) {
+      if (action.payload.address !== undefined) {
+        state.addressInput.address = action.payload.address
+      }
+      if (action.payload.domain !== undefined) {
+        state.addressInput.domain = action.payload.domain
+      }
+      state.addressInput = { ...state.addressInput }
+    },
+
+    resetAddressInput(state) {
+      state.addressInput = initialState.addressInput
+    },
+
+    updateAmountInput(
+      state,
+      action: {
+        payload: {
+          amount?: string
+        }
+      }
+    ) {
+      if (action.payload.amount !== undefined) {
+        state.amountInput.amount = action.payload.amount
+      }
+      state.amountInput = { ...state.amountInput }
+    },
+
+    resetAmountInput(state) {
+      state.amountInput = initialState.amountInput
+    },
+
     resetTxCreateScreen(state) {
       state.uiTxCreateScreen = initialState.uiTxCreateScreen
     },
@@ -145,6 +268,9 @@ const slice: Slice<UIState> = createSlice({
     setBalanceHidden(state, action: { payload: boolean }) {
       state.isBalanceHidden = action.payload
     },
+    setBalanceDetailExpanded(state, action: { payload: boolean }) {
+      state.balanceDetailExpanded = action.payload
+    },
   },
   extraReducers: builder => {
     builder.addCase(updateVersion, state => {
@@ -161,8 +287,19 @@ const slice: Slice<UIState> = createSlice({
       if (!state.alkanesAssetTabKey) {
         state.alkanesAssetTabKey = AlkanesAssetTabKey.TOKEN
       }
+      if (state.moreAssetTabKey === undefined) {
+        state.moreAssetTabKey = MoreAssetTabKey.ALKANES_TOKEN
+      }
+      if (state.assetTabKey === (4 as AssetTabKey)) {
+        state.assetTabKey = AssetTabKey.MORE
+      }
       if (!state.uiTxCreateScreen) {
         state.uiTxCreateScreen = initialState.uiTxCreateScreen
+      } else if (state.uiTxCreateScreen.enableRBF === undefined) {
+        state.uiTxCreateScreen.enableRBF = true
+      }
+      if (!state.feeRateBar) {
+        state.feeRateBar = initialState.feeRateBar
       }
       if (!state.babylonSendScreen) {
         state.babylonSendScreen = initialState.babylonSendScreen
@@ -170,6 +307,9 @@ const slice: Slice<UIState> = createSlice({
       if (state.isBalanceHidden === undefined) {
         state.isBalanceHidden = false
       }
+      if (state.balanceDetailExpanded === undefined) {
+        state.balanceDetailExpanded = true
+      }
     })
   },
 })

package/src/types/index.ts

@@ -1,3 +1,3 @@
 export * from './ui'
 
-export type TabOption = 'home' | 'discover' | 'settings'
+export type TabOption = 'home' | 'discover' | 'settings' | 'app'

package/src/types/ui.ts

@@ -3,7 +3,7 @@ export enum AssetTabKey {
   ATOMICALS = 1, // IGNORED
   RUNES = 2,
   CAT = 3,
-  ALKANES = 4,
+  MORE = 4,
 }
 
 export enum OrdinalsAssetTabKey {
@@ -24,6 +24,11 @@ export enum AlkanesAssetTabKey {
   COLLECTION,
 }
 
+export enum MoreAssetTabKey {
+  ALKANES_TOKEN,
+  ALKANES_COLLECTION,
+}
+
 export enum NavigationSource {
   BACK,
   NORMAL,

package/src/ui-hooks/index.ts

@@ -0,0 +1,107 @@
+export { useAddressTypeScreenLogic } from './useAddressTypeScreenLogic'
+export { useAlkanesListLogic } from './useAlkanesListLogic'
+export { useAmountInputLogic } from './useAmountInputLogic'
+export { useAnnouncementCardLogic } from './useAnnouncementCardLogic'
+export {
+  BRC20SendTabKey,
+  useBRC20SendScreenLogic,
+  useBRC20SendScreenLogicStep1,
+  useBRC20SendScreenLogicStep2,
+  useBRC20SendScreenLogicStep3,
+  useTransferableListLogic,
+  type BRC20SendStepParams,
+  type ContextData,
+  type UpdateContextDataParams,
+} from './useBRC20SendScreenLogic'
+export { BRC20SingleStepKey, useBRC20SingleStepScreenLogic } from './useBRC20SingleStepScreenLogic'
+export {
+  type BRC20OutWalletBalanceItem,
+  BRC20TokenScreenTabKey,
+  useBRC20TokenHistoryLogic,
+  useBRC20TokenScreenLogic,
+} from './useBRC20TokenScreenLogic'
+export { useEditWalletNameScreenLogic } from './useEditWalletNameScreenLogic'
+export { useFeeRateBarLogic } from './useFeeRateBarLogic'
+export { useLockTimePageLogic } from './useLockTimePageLogic'
+export { useNotificationsLogic, useUnreadNotificationsCount } from './useNotificationsLogic'
+export { useSendOrdinalsInscriptionScreenLogic } from './useSendOrdinalsInscriptionScreenLogic'
+export { useTxCreateScreenLogic } from './useTxCreateScreenLogic'
+
+export {
+  useBRC20InscribeTransferLogic,
+  useBRC20InscribeTransferLogicStep1,
+  useBRC20InscribeTransferLogicStep2,
+  useBRC20InscribeTransferLogicStep3,
+  useBRC20InscribeTransferLogicStep4,
+  type BRC20InscribeTransferParams,
+} from './useBRC20InscribeTransferLogic'
+
+export { useAlkanesNFTScreenLogic } from './useAlkanesNFTScreenLogic'
+export { useAlkanesTokenScreenLogic } from './useAlkanesTokenScreenLogic'
+export { useCreateWalletLogicImportWordsStep } from './useCreateWalletLogicImportWordsStep'
+export { useOrdinalsInscriptionScreenLogic } from './useOrdinalsInscriptionScreenLogic'
+
+export { useRunesTokenScreenLogic } from './useRunesTokenScreenLogic'
+
+export { useBRC20BalanceCardLogic, type BRC20BalanceCardProps } from './useBRC20BalanceCardLogic'
+
+export { useExportMnemonicsScreenLogic } from './useExportMnemonicsScreenLogic'
+export { useExportPrivateKeyScreenLogic } from './useExportPrivateKeyScreenLogic'
+export { useSendRunesScreenLogic } from './useSendRunesScreenLogic'
+
+export { useEditContactScreenLogic } from './useEditContactScreenLogic'
+
+export { useEditAccountNameScreenLogic } from './useEditAccountNameScreenLogic'
+
+export { useAlkanesCollectionListLogic } from './useAlkanesCollectionListLogic'
+export { useBRC20ListLogic } from './useBRC20ListLogic'
+
+export { useInscriptionListLogic } from './useInscriptionListLogic'
+export { useRunesListLogic } from './useRunesListLogic'
+
+export { useCAT20ListLogic } from './useCAT20ListLogic'
+export { SendCAT20ScreenStep, useSendCAT20ScreenLogic } from './useSendCAT20ScreenLogic'
+export { SendCAT721ScreenStep, useSendCAT721ScreenLogic } from './useSendCAT721ScreenLogic'
+
+export { useAlkanesNFTListLogic } from './useAlkanesNFTListLogic'
+export { useBRC20ProgListLogic } from './useBRC20ProgListLogic'
+export { useCAT721ListLogic } from './useCAT721ListLogic'
+
+export { useCAT20TokenScreenLogic } from './useCAT20TokenScreenLogic'
+
+export { useSplitOrdinalsInscriptionScreenLogic } from './useSplitOrdinalsInscriptionScreenLogic'
+
+export { useCreatePasswordScreenLogic } from './useCreatePasswordScreenLogic'
+export {
+  SendAlkanesNFTScreenStep,
+  useSendAlkanesNFTScreenLogic,
+} from './useSendAlkanesNFTScreenLogic'
+export { SendAlkanesScreenStep, useSendAlkanesScreenLogic } from './useSendAlkanesScreenLogic'
+
+export { useRunesBalanceCardLogic, type RunesBalanceCardProps } from './useRunesBalanceCardLogic'
+
+export { useCAT20BalanceCardLogic, type CAT20BalanceCardProps } from './useCAT20BalanceCardLogic'
+
+export {
+  useAlkanesBalanceCardLogic,
+  type AlkanesBalanceCardProps,
+} from './useAlkanesBalanceCardLogic'
+
+export { useCAT721NFTScreenLogic } from './useCAT721NFTScreenLogic'
+
+export { useSignMessageLogic, type SignMessageProps } from './useSignMessageLogic'
+export { useSignPsbtLogic, type SignPsbtProps } from './useSignPsbtLogic'
+export type { PsbtLocalInfo } from '@unisat/wallet-shared'
+
+export { useTxConfirmScreenLogic } from './useTxConfirmScreenLogic'
+export { useTxFailScreenLogic } from './useTxFailScreenLogic'
+export { useTxSuccessScreenLogic } from './useTxSuccessScreenLogic'
+
+export {
+  useActionOverviewSectionLogic,
+  type ActionOverviewSectionProps,
+} from './useActionOverviewSectionLogic'
+export { useSettingsTabScreenLogic, type SettingsItemType } from './useSettingsTabScreenLogic'
+
+export { useBalanceCardLogic } from './useBalanceCardLogic'
+export { useBtcDisplayLogic } from './useBtcDisplayLogic'

package/src/ui-hooks/useActionOverviewSectionLogic.ts

@@ -0,0 +1,150 @@
+import {
+  DecodedPsbt,
+  Inscription,
+  PsbtActionDetailType,
+  PsbtActionInfo,
+  PsbtActionType,
+} from '@unisat/wallet-shared'
+import { useMemo } from 'react'
+import { useI18n } from 'src/context'
+import { useChain, useCurrentAddress } from 'src/hooks'
+
+export interface ActionOverviewSectionProps {
+  action: PsbtActionInfo
+  decodedPsbt: DecodedPsbt
+}
+
+export function useActionOverviewSectionLogic({ action, decodedPsbt }: ActionOverviewSectionProps) {
+  const { t } = useI18n()
+
+  const chain = useChain()
+
+  const currentAddress = useCurrentAddress()
+
+  const spendSatoshis = useMemo(() => {
+    const inValue = decodedPsbt.inputInfos
+      .filter(v => v.address === currentAddress)
+      .reduce((pre, cur) => cur.value + pre, 0)
+    const outValue = decodedPsbt.outputInfos
+      .filter(v => v.address === currentAddress)
+      .reduce((pre, cur) => cur.value + pre, 0)
+    const spend = inValue - outValue
+    return spend
+  }, [decodedPsbt, currentAddress])
+
+  const spendingInscriptionCount = useMemo(() => {
+    let count = 0
+    decodedPsbt.inputInfos.forEach(inputInfo => {
+      if (inputInfo.address === currentAddress) {
+        inputInfo.inscriptions.forEach(inscription => {
+          const inscriptionInfo: Inscription = decodedPsbt.inscriptions[inscription.inscriptionId]
+          if (inscriptionInfo.brc20 && inscriptionInfo.brc20.op === 'transfer') {
+            // skip brc20
+          } else {
+            count++
+          }
+        })
+      }
+    })
+    return count
+  }, [decodedPsbt, currentAddress])
+
+  const spendingBrc20Count = useMemo(() => {
+    let count = 0
+    decodedPsbt.inputInfos.forEach(inputInfo => {
+      if (inputInfo.address === currentAddress) {
+        inputInfo.inscriptions.forEach(inscription => {
+          const inscriptionInfo: Inscription = decodedPsbt.inscriptions[inscription.inscriptionId]
+          if (inscriptionInfo.brc20 && inscriptionInfo.brc20.op === 'transfer') {
+            count++
+          }
+        })
+      }
+    })
+    return count
+  }, [decodedPsbt, currentAddress])
+
+  const spendingRunesCount = useMemo(() => {
+    const runeMap: { [key: string]: string } = {}
+    decodedPsbt.inputInfos.forEach(inputInfo => {
+      if (inputInfo.address === currentAddress) {
+        inputInfo.runes.forEach(rune => {
+          runeMap[rune.runeid] = rune.runeid
+        })
+      }
+    })
+    return Object.keys(runeMap).length
+  }, [decodedPsbt, currentAddress])
+
+  const spendingAlkanesCount = useMemo(() => {
+    const alkaneMap: { [key: string]: string } = {}
+    decodedPsbt.inputInfos.forEach(inputInfo => {
+      if (inputInfo.address === currentAddress) {
+        inputInfo.alkanes.forEach(alkane => {
+          alkaneMap[alkane.alkaneid] = alkane.alkaneid
+        })
+      }
+    })
+    return Object.keys(alkaneMap).length
+  }, [decodedPsbt, currentAddress])
+
+  if (!action) {
+    action = {
+      name: '',
+      description: '',
+      type: PsbtActionType.DEFAULT,
+    }
+  }
+
+  if (action.details?.length === 0) {
+    action.details = []
+  }
+
+  if (action.type === PsbtActionType.DEFAULT) {
+    action.name = t('sign_transaction')
+    action.description = ''
+    action.details = []
+
+    if (
+      spendingInscriptionCount > 0 ||
+      spendingBrc20Count > 0 ||
+      spendingAlkanesCount > 0 ||
+      spendingRunesCount > 0
+    ) {
+      action.details.push({
+        type: PsbtActionDetailType.MULTIASSETS,
+        label: t('spending_assets'),
+        value: {
+          inscriptionCount: spendingInscriptionCount,
+          brc20Count: spendingBrc20Count,
+          runesCount: spendingRunesCount,
+          alkanesCount: spendingAlkanesCount,
+        },
+      })
+    }
+  }
+
+  const commonDetails: any[] = []
+  if (spendSatoshis > 0) {
+    commonDetails.push({
+      type: PsbtActionDetailType.SATOSHIS,
+      label: t('spending_amount'),
+      value: `${spendSatoshis}`,
+    })
+  }
+
+  if (spendSatoshis < 0) {
+    commonDetails.push({
+      type: PsbtActionDetailType.SATOSHIS,
+      label: t('receive'),
+      value: `${-spendSatoshis}`,
+    })
+  }
+
+  return {
+    decodedPsbt,
+    action,
+    commonDetails,
+    chain,
+  }
+}