@unisat/wallet-state 1.1.0 → 1.2.0

package/src/ui-hooks/useBRC20ProgListLogic.ts

@@ -1,14 +1,14 @@
 import { TickPriceItem, TokenBalance } from '@unisat/wallet-shared'
 import { useEffect, useRef, useState } from 'react'
 import {
-  getSupportedAssets,
   OrdinalsAssetTabKey,
+  getSupportedAssets,
   useChainType,
   useCurrentAccount,
   useNavigation,
   useOrdinalsAssetTabKey,
-  useWallet,
   useWallTabFocusRefresh,
+  useWallet,
 } from '..'
 import { useInfiniteList } from './useInfiniteList'
 
@@ -43,7 +43,11 @@ export function useBRC20ProgListLogic() {
         return { list: [], total: 0 }
       }
 
-      const { list, total } = await wallet.getBRC20ProgList(currentAccount.address, page, pageSize)
+      const { list, total } = await wallet.getBRC20ProgList({
+        address: currentAccount.address,
+        currentPage: page,
+        pageSize,
+      })
       if (list.length > 0) {
         wallet.getBrc20sPrice(list.map(item => item.ticker)).then(updatePrices)
       }

package/src/ui-hooks/useBRC20SendScreenLogic.ts

@@ -31,6 +31,7 @@ export interface ContextData {
   transferableList: TokenTransfer[]
   inscriptionIdSet: Set<string>
   receiver: string
+  enableRBF: boolean
   rawTxInfo: RawTxInfo
   tokenInfo: TokenInfo
 }
@@ -42,6 +43,7 @@ export interface UpdateContextDataParams {
   transferableList?: TokenTransfer[]
   inscriptionIdSet?: Set<string>
   receiver?: string
+  enableRBF?: boolean
   rawTxInfo?: RawTxInfo
 }
 
@@ -52,6 +54,7 @@ export interface BRC20SendStepParams {
 
 export function useBRC20SendScreenLogic() {
   const nav = useNavigation()
+  const wallet = useWallet()
 
   const props = nav.getRouteState<'BRC20SendScreen'>()
 
@@ -66,6 +69,7 @@ export function useBRC20SendScreenLogic() {
     transferableList: [],
     inscriptionIdSet: new Set(selectedInscriptionIds),
     receiver: '',
+    enableRBF: true,
     rawTxInfo: {
       psbtHex: '',
       rawtx: '',
@@ -111,6 +115,12 @@ export function useBRC20SendScreenLogic() {
 
   const { t } = useI18n()
 
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      updateContextData({ enableRBF })
+    })
+  }, [wallet, updateContextData])
+
   return {
     t,
     contextData,
@@ -195,6 +205,7 @@ export function useBRC20SendScreenLogicStep2({
           inscriptionId: inscriptionIds[0],
           feeRate: feeRateBar.feeRate,
           outputValue: getAddressUtxoDust(contextData.receiver),
+          enableRBF: contextData.enableRBF,
         })
         nav.navigate('TxConfirmScreen', { toSignData })
       } else {
@@ -202,6 +213,7 @@ export function useBRC20SendScreenLogicStep2({
           toAddressInfo: { address: contextData.receiver, domain: '' },
           inscriptionIds,
           feeRate: feeRateBar.feeRate,
+          enableRBF: contextData.enableRBF,
         })
         nav.navigate('TxConfirmScreen', { toSignData })
       }
@@ -296,12 +308,13 @@ export function useTransferableListLogic({ contextData, updateContextData }: BRC
   const fetchData = async () => {
     try {
       setLoading(true)
-      const { list, total } = await wallet.getBRC20TransferableList(
-        currentAccount.address,
-        contextData.tokenBalance.ticker,
-        pagination.currentPage,
-        pagination.pageSize
-      )
+      const { list, total } = await wallet.getBRC20TransferableList({
+        address: currentAccount.address,
+        ticker: contextData.tokenBalance.ticker,
+        tickerHex: contextData.tokenBalance.tickerHex,
+        currentPage: pagination.currentPage,
+        pageSize: pagination.pageSize,
+      })
       setItems(list)
       setTotal(total)
     } catch (e) {

package/src/ui-hooks/useBRC20TokenScreenLogic.ts

@@ -29,6 +29,8 @@ export interface BRC20OutWalletBalanceItem {
   amount: string
 }
 
+const INSWAP_SWAP_ANCHOR = '#swap'
+
 export function useBRC20TokenHistoryLogic(props: { ticker: string; displayName?: string }) {
   const wallet = useWallet()
   const { t } = useI18n()
@@ -178,6 +180,7 @@ export function useBRC20TokenScreenLogic() {
   const [tokenSummary, setTokenSummary] = useState<AddressTokenSummary>({
     tokenBalance: {
       ticker,
+      tickerHex: Buffer.from(ticker).toString('hex'),
       overallBalance: '',
       availableBalance: '',
       transferableBalance: '',
@@ -210,7 +213,10 @@ export function useBRC20TokenScreenLogic() {
   const resetTxState = useResetTxState()
   useEffect(() => {
     wallet
-      .getBRC20Summary(account.address, ticker)
+      .getBRC20Summary({
+        address: account.address,
+        ticker,
+      })
       .then(tokenSummary => {
         if (tokenSummary.tokenInfo.holder == account.address) {
           wallet
@@ -308,8 +314,14 @@ export function useBRC20TokenScreenLogic() {
     }
   }, [t, enableHistory])
 
+  const showSwapBalance = chain.isFractal
+  const showProgBalance = chain.enableBrc20Prog
+  const swapSiteEnabled = chain.enum === ChainType.FRACTAL_BITCOIN_MAINNET
+  const progSiteEnabled = chain.enum === ChainType.BITCOIN_MAINNET
+
   const onSwapBalance = tokenSummary?.tokenBalance?.swapBalance
   const onProgBalance = tokenSummary?.tokenBalance?.progBalance
+
   const inWalletBalance = tokenSummary?.tokenBalance?.overallBalance
   const outWalletBalanceItems = useMemo<BRC20OutWalletBalanceItem[]>(() => {
     const items: BRC20OutWalletBalanceItem[] = [
@@ -320,7 +332,7 @@ export function useBRC20TokenScreenLogic() {
       },
     ]
 
-    if (onSwapBalance && onSwapBalance !== '0') {
+    if (showSwapBalance) {
       items.push({
         key: 'swap',
         label: t('brc20_on_swap'),
@@ -328,7 +340,7 @@ export function useBRC20TokenScreenLogic() {
       })
     }
 
-    if (onProgBalance && onProgBalance !== '0') {
+    if (showProgBalance) {
       items.push({
         key: 'prog',
         label: t('brc20_on_prog'),
@@ -348,56 +360,64 @@ export function useBRC20TokenScreenLogic() {
       .toString()
   }, [onSwapBalance, onProgBalance, inWalletBalance])
 
-  let hasOutWalletBalance = false
-  if (onSwapBalance && onSwapBalance !== '0') {
-    hasOutWalletBalance = true
-  }
-  if (onProgBalance && onProgBalance !== '0') {
-    hasOutWalletBalance = true
+  const brc20prog_ticker = encodeURIComponent(ticker)
+  const ensureSiteEnabled = (enabled: boolean) => {
+    if (!enabled) {
+      tools.toastError(t('not_supported'))
+      return false
+    }
+    return true
   }
 
+  // brc20prog
   const onClickWrapBrc20Prog = () => {
-    const url = `https://link.unisat.space/btc/wrap?tick=${encodeURIComponent(ticker)}`
+    if (!ensureSiteEnabled(progSiteEnabled)) return
+    const url = `https://link.unisat.space/btc/wrap?tick=${brc20prog_ticker}`
     nav.navToUrl(url)
   }
 
   const onClickUnwrapBrc20Prog = () => {
-    const url = `https://link.unisat.space/btc/wrap?action=unwrap&tick=${encodeURIComponent(ticker)}`
+    if (!ensureSiteEnabled(progSiteEnabled)) return
+    const url = `https://link.unisat.space/btc/wrap?action=unwrap&tick=${brc20prog_ticker}`
     nav.navToUrl(url)
   }
 
   const onClickSendBrc20Prog = () => {
-    const url = `https://bestinslot.xyz/brc2.0/${encodeURIComponent(ticker)}/transfer`
+    if (!ensureSiteEnabled(progSiteEnabled)) return
+    const url = `https://bestinslot.xyz/brc2.0/${brc20prog_ticker}/transfer`
     nav.navToUrl(url)
   }
 
+  const inswap_ticker = encodeURIComponent(ticker)
+
+  // inswap
   const onClickSwapInSwap = () => {
-    const url = `https://inswap.cc/swap?t0=${encodeURIComponent(ticker)}`
+    if (!ensureSiteEnabled(swapSiteEnabled)) return
+    const url = `https://inswap.cc/swap/pools?q=${inswap_ticker}`
     nav.navToUrl(url)
   }
 
   const onClickAddLiquidityInSwap = () => {
-    const url = `https://inswap.cc/swap/pools?t0=${encodeURIComponent(ticker)}&t1=sFB___000&action=add`
-    nav.navToUrl(url)
-  }
-
-  const onClickRemoveLiquidityInSwap = () => {
-    const url = `https://inswap.cc/swap/pools?t0=${encodeURIComponent(ticker)}&t1=sFB___000&action=remove`
+    if (!ensureSiteEnabled(swapSiteEnabled)) return
+    const url = `https://inswap.cc/swap/pools?q=${inswap_ticker}`
     nav.navToUrl(url)
   }
 
   const onClickWrapInSwap = () => {
-    const url = `https://inswap.cc/swap?tab=deposit&t=${encodeURIComponent(ticker)}`
+    if (!ensureSiteEnabled(swapSiteEnabled)) return
+    const url = `https://inswap.cc/swap?tab=deposit&t=${inswap_ticker}${INSWAP_SWAP_ANCHOR}`
     nav.navToUrl(url)
   }
 
   const onClickUnwrapInSwap = () => {
-    const url = `https://inswap.cc/swap?tab=withdraw&t=${encodeURIComponent(ticker)}`
+    if (!ensureSiteEnabled(swapSiteEnabled)) return
+    const url = `https://inswap.cc/swap?tab=withdraw&t=${inswap_ticker}${INSWAP_SWAP_ANCHOR}`
     nav.navToUrl(url)
   }
 
   const onClickSendInSwap = () => {
-    const url = `https://inswap.cc/swap/assets/account`
+    if (!ensureSiteEnabled(swapSiteEnabled)) return
+    const url = `https://inswap.cc/swap/assets/account?tab=assets&t=${inswap_ticker}&action=send`
     nav.navToUrl(url)
   }
 
@@ -433,7 +453,6 @@ export function useBRC20TokenScreenLogic() {
     onProgBalance,
     inWalletBalance,
     outWalletBalanceItems,
-    hasOutWalletBalance,
     enableHistory,
     enableTrade,
     enableMint,
@@ -450,13 +469,14 @@ export function useBRC20TokenScreenLogic() {
     tools,
     isBrc20Prog,
     iconInfo,
+    showProgBalance,
+    showSwapBalance,
     onClickWrapBrc20Prog,
     onClickUnwrapBrc20Prog,
     onClickSendBrc20Prog,
 
     onClickSwapInSwap,
     onClickAddLiquidityInSwap,
-    onClickRemoveLiquidityInSwap,
     onClickWrapInSwap,
     onClickUnwrapInSwap,
     onClickSendInSwap,

package/src/ui-hooks/useCAT20TokenScreenLogic.ts

@@ -104,6 +104,10 @@ export function useCAT20TokenScreenLogic() {
     nav.navToUrl(marketPlaceUrl)
   }
 
+  const onClickViewOnExplorer = e => {
+    nav.navToUrl(tokenUrl)
+  }
+
   const iconInfo = useCAT20IconInfo(tokenSummary.cat20Info.name, tokenSummary.cat20Info.tokenId)
 
   return {
@@ -117,6 +121,7 @@ export function useCAT20TokenScreenLogic() {
     onClickSend,
     onClickTrade,
     onClickBack,
+    onClickViewOnExplorer,
     t,
   }
 }

package/src/ui-hooks/useEditAccountNameScreenLogic.ts

@@ -1,4 +1,4 @@
-import { Account } from '@unisat/wallet-shared'
+import { Account, MAX_ALIAS_NAME_LENGTH } from '@unisat/wallet-shared'
 import { useMemo, useState } from 'react'
 import { useLocation } from 'react-router-dom'
 import { useI18n, useNavigation, useWallet } from 'src/context'
@@ -41,15 +41,15 @@ export function useEditAccountNameScreenLogic() {
 
   const truncatedTitle = useMemo(() => {
     const name = account.alianName || ''
-    if (name.length > 20) {
-      return name.slice(0, 10) + '...'
+    if (name.length > MAX_ALIAS_NAME_LENGTH) {
+      return name.slice(0, MAX_ALIAS_NAME_LENGTH) + '...'
     }
     return name
   }, [account.alianName])
 
   const onInputChange = (e: { target: { value: string } } | string) => {
     const value = typeof e === 'string' ? e : e.target.value
-    if (value.length <= 20) {
+    if (value.length <= MAX_ALIAS_NAME_LENGTH) {
       setAlianName(value)
     }
   }

package/src/ui-hooks/useEditWalletNameScreenLogic.ts

@@ -1,5 +1,7 @@
 import { useMemo, useState } from 'react'
 
+import { MAX_ALIAS_NAME_LENGTH } from '@unisat/wallet-shared'
+
 import { keyringsActions, useAppDispatch, useI18n, useNavigation, useWallet } from '..'
 export function useEditWalletNameScreenLogic() {
   const nav = useNavigation()
@@ -33,15 +35,15 @@ export function useEditWalletNameScreenLogic() {
   }, [alianName])
 
   const truncatedTitle = useMemo(() => {
-    if (keyring.alianName && keyring.alianName.length > 20) {
-      return keyring.alianName.slice(0, 20) + '...'
+    if (keyring.alianName && keyring.alianName.length > MAX_ALIAS_NAME_LENGTH) {
+      return keyring.alianName.slice(0, MAX_ALIAS_NAME_LENGTH) + '...'
     }
     return keyring.alianName || ''
   }, [keyring.alianName])
 
   const onInputChange = (e: { target: { value: string } } | string) => {
     const value = typeof e === 'string' ? e : e.target.value
-    if (value.length <= 20) {
+    if (value.length <= MAX_ALIAS_NAME_LENGTH) {
       setAlianName(value)
     }
   }

package/src/ui-hooks/useRunesTokenScreenLogic.ts

@@ -10,6 +10,7 @@ import {
   useRunesIconInfo,
   useRunesInscribeUrl,
   useRunesMarketUrl,
+  useRunesTokenInfoExplorerUrl,
   useTxExplorerUrl,
 } from 'src/hooks'
 
@@ -106,6 +107,7 @@ export function useRunesTokenScreenLogic() {
   const iconInfo = useRunesIconInfo(tokenSummary.runeInfo.spacedRune)
   const inscribeUrl = useRunesInscribeUrl(tokenSummary.runeInfo.rune)
   const marketPlaceUrl = useRunesMarketUrl(tokenSummary.runeInfo.spacedRune)
+  const runesExplorerUrl = useRunesTokenInfoExplorerUrl(tokenSummary.runeInfo.runeid)
 
   const onClickMint = () => {
     nav.navToUrl(inscribeUrl)
@@ -125,6 +127,10 @@ export function useRunesTokenScreenLogic() {
     }
   }
 
+  const onClickViewOnExplorer = () => {
+    nav.navToUrl(runesExplorerUrl)
+  }
+
   return {
     runeid,
     tokenSummary,
@@ -145,5 +151,6 @@ export function useRunesTokenScreenLogic() {
 
     enableTrade,
     onClickTrade,
+    onClickViewOnExplorer,
   }
 }

package/src/ui-hooks/useSendAlkanesNFTScreenLogic.ts

@@ -1,6 +1,6 @@
 import { Inscription, SignedData, SignPsbtParams, ToSignData } from '@unisat/wallet-shared'
 import { useEffect, useRef, useState } from 'react'
-import { useI18n, useNavigation, useTools } from 'src/context'
+import { useI18n, useNavigation, useTools, useWallet } from 'src/context'
 import {
   useCurrentAccount,
   useFeeRateBar,
@@ -33,13 +33,21 @@ export function useSendAlkanesNFTScreenLogic() {
   })
 
   const [error, setError] = useState('')
+  const [enableRBF, setEnableRBF] = useState(true)
 
   const currentAccount = useCurrentAccount()
 
   const tools = useTools()
+  const wallet = useWallet()
 
   const { feeRate } = useFeeRateBar()
 
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      setEnableRBF(enableRBF)
+    })
+  }, [wallet])
+
   useEffect(() => {
     setError('')
     setDisabled(true)
@@ -71,7 +79,14 @@ export function useSendAlkanesNFTScreenLogic() {
   const onCreateTxHandleConfirm = async () => {
     tools.showLoading(true)
     try {
-      const toSignData = await prepareSendAlkanes(toInfo, alkanesInfo.alkaneid, '1', feeRate, 'nft')
+      const toSignData = await prepareSendAlkanes(
+        toInfo,
+        alkanesInfo.alkaneid,
+        '1',
+        feeRate,
+        'nft',
+        enableRBF
+      )
       if (toSignData) {
         transferData.current.toSignData = toSignData
         setStep(1)
@@ -118,14 +133,21 @@ export function useSendAlkanesNFTScreenLogic() {
     },
   }
 
+  const onEnableRBFChange = (value: boolean) => {
+    setEnableRBF(value)
+    wallet.setEnableRBF(value)
+  }
+
   return {
     step,
     t,
     alkanesInfo,
     toInfo,
+    enableRBF,
     disabled,
     error,
     setToInfo,
+    setEnableRBF: onEnableRBFChange,
 
     onCreateTxHandleConfirm,
     onCreateTxHandleBack,

package/src/ui-hooks/useSendAlkanesScreenLogic.ts

@@ -39,6 +39,7 @@ export function useSendAlkanesScreenLogic() {
 
   const [availableBalance, setAvailableBalance] = useState(tokenBalance.amount)
   const [error, setError] = useState('')
+  const [enableRBF, setEnableRBF] = useState(true)
 
   const totalBalanceStr = useMemo(() => {
     return bnUtils.toDecimalAmount(tokenBalance.amount, tokenBalance.divisibility)
@@ -107,6 +108,12 @@ export function useSendAlkanesScreenLogic() {
 
   const wallet = useWallet()
 
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      setEnableRBF(enableRBF)
+    })
+  }, [wallet])
+
   const prepareSendAlkanes = usePrepareSendAlkanesCallback()
   const pushBitcoinTx = usePushBitcoinTxCallback()
 
@@ -122,7 +129,8 @@ export function useSendAlkanesScreenLogic() {
         tokenBalance.alkaneid,
         bnUtils.fromDecimalAmount(inputAmount, tokenBalance.divisibility),
         feeRate,
-        'ft'
+        'ft',
+        enableRBF
       )
       if (toSignData) {
         transferData.current.toSignData = toSignData
@@ -164,6 +172,12 @@ export function useSendAlkanesScreenLogic() {
   const onSignPsbtHandleBack = () => {
     setStep(SendAlkanesScreenStep.CREATE_TX)
   }
+
+  const onEnableRBFChange = (value: boolean) => {
+    setEnableRBF(value)
+    wallet.setEnableRBF(value)
+  }
+
   return {
     step,
     t,
@@ -174,12 +188,14 @@ export function useSendAlkanesScreenLogic() {
     availableBalanceStr,
 
     inputAmount,
+    enableRBF,
     disabled,
     error,
 
     // actions
     setToInfo,
     setInputAmount,
+    setEnableRBF: onEnableRBFChange,
     onClickBack,
     onClickNext,
 

package/src/ui-hooks/useSendOrdinalsInscriptionScreenLogic.ts

@@ -39,15 +39,27 @@ export function useSendOrdinalsInscriptionScreenLogic() {
   const defaultOutputValue = inscription ? inscription.outputValue : 10000
 
   const [outputValue, setOutputValue] = useState(defaultOutputValue)
+  const [enableRBF, setEnableRBF] = useState(true)
   const [inscriptions, setInscriptions] = useState<Inscription[]>([])
 
   const wallet = useWallet()
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      setEnableRBF(enableRBF)
+    })
+  }, [wallet])
+
   useEffect(() => {
     wallet.getInscriptionUtxoDetail(inscription.inscriptionId).then(v => {
       setInscriptions(v.inscriptions)
     })
   }, [])
 
+  const onEnableRBFChange = (value: boolean) => {
+    setEnableRBF(value)
+    wallet.setEnableRBF(value)
+  }
+
   const minOutputValue = useMemo(() => {
     if (toInfo.address) {
       return getAddressUtxoDust(toInfo.address)
@@ -110,6 +122,7 @@ export function useSendOrdinalsInscriptionScreenLogic() {
       inscriptionId: inscription.inscriptionId,
       feeRate,
       outputValue,
+      enableRBF,
     })
       .then(toSignData => {
         nav.navigate('TxConfirmScreen', { toSignData })
@@ -125,6 +138,8 @@ export function useSendOrdinalsInscriptionScreenLogic() {
     onAddressInputChange,
     toInfo,
     outputValue,
+    enableRBF,
+    setEnableRBF: onEnableRBFChange,
     minOutputValue,
     defaultOutputValue,
     setOutputValue,

package/src/ui-hooks/useSendRunesScreenLogic.ts

@@ -2,7 +2,7 @@ import { bnUtils } from '@unisat/base-utils'
 import { Inscription } from '@unisat/wallet-shared'
 import BigNumber from 'bignumber.js'
 import { useEffect, useMemo, useState } from 'react'
-import { useI18n, useNavigation, useTools } from 'src/context'
+import { useI18n, useNavigation, useTools, useWallet } from 'src/context'
 import {
   useCurrentAccount,
   useFeeRateBar,
@@ -42,6 +42,7 @@ export function useSendRunesScreenLogic() {
 
   const currentAccount = useCurrentAccount()
   const [outputValue, setOutputValue] = useState(defaultOutputValue)
+  const [enableRBF, setEnableRBF] = useState(true)
   const minOutputValue = useMemo(() => {
     if (toInfo.address) {
       const dust1 = getAddressUtxoDust(currentAccount.address)
@@ -53,6 +54,7 @@ export function useSendRunesScreenLogic() {
   }, [toInfo.address, currentAccount.address])
 
   const fetchUtxos = useFetchUtxosCallback()
+  const wallet = useWallet()
 
   const fetchAssetUtxosRunes = useFetchAssetUtxosRunesCallback()
   const tools = useTools()
@@ -83,6 +85,12 @@ export function useSendRunesScreenLogic() {
 
   const { feeRate } = useFeeRateBar()
 
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      setEnableRBF(enableRBF)
+    })
+  }, [wallet])
+
   useEffect(() => {
     setError('')
     setDisabled(true)
@@ -130,6 +138,12 @@ export function useSendRunesScreenLogic() {
   const onClickBack = () => {
     nav.goBack()
   }
+
+  const onEnableRBFChange = (value: boolean) => {
+    setEnableRBF(value)
+    wallet.setEnableRBF(value)
+  }
+
   const onClickNext = () => {
     const runeAmount = bnUtils.fromDecimalAmount(inputAmount, runeInfo.divisibility)
     prepareSendRunes({
@@ -138,6 +152,7 @@ export function useSendRunesScreenLogic() {
       runeAmount: runeAmount,
       outputValue: outputValue,
       feeRate,
+      enableRBF,
     })
       .then(toSignData => {
         nav.navigate('TxConfirmScreen', { toSignData })
@@ -163,6 +178,8 @@ export function useSendRunesScreenLogic() {
     defaultOutputValue,
     minOutputValue,
     setOutputValue,
+    enableRBF,
+    setEnableRBF: onEnableRBFChange,
     t,
 
     // actions

package/src/ui-hooks/useSplitOrdinalsInscriptionScreenLogic.ts

@@ -27,6 +27,7 @@ export function useSplitOrdinalsInscriptionScreenLogic() {
   const account = useCurrentAccount()
   const minOutputValue = getAddressUtxoDust(account.address)
   const [outputValue, setOutputValue] = useState(defaultOutputValue)
+  const [enableRBF, setEnableRBF] = useState(true)
 
   const { feeRate } = useFeeRateBar()
 
@@ -34,12 +35,23 @@ export function useSplitOrdinalsInscriptionScreenLogic() {
 
   const [splitedCount, setSplitedCount] = useState(0)
   const wallet = useWallet()
+  useEffect(() => {
+    wallet.getEnableRBF().then(enableRBF => {
+      setEnableRBF(enableRBF)
+    })
+  }, [wallet])
+
   useEffect(() => {
     wallet.getInscriptionUtxoDetail(props.inscription.inscriptionId).then(v => {
       setInscriptions(v.inscriptions)
     })
   }, [])
 
+  const onEnableRBFChange = (value: boolean) => {
+    setEnableRBF(value)
+    wallet.setEnableRBF(value)
+  }
+
   useEffect(() => {
     setDisabled(true)
     setError('')
@@ -71,7 +83,7 @@ export function useSplitOrdinalsInscriptionScreenLogic() {
   }
 
   const onClickNext = () => {
-    createSplitTx({ inscriptionId: inscription.inscriptionId, feeRate, outputValue })
+    createSplitTx({ inscriptionId: inscription.inscriptionId, feeRate, outputValue, enableRBF })
       .then(toSignData => {
         nav.navigate('TxConfirmScreen', { toSignData })
       })
@@ -86,6 +98,8 @@ export function useSplitOrdinalsInscriptionScreenLogic() {
     inscriptions,
     minOutputValue,
     splitedCount,
+    enableRBF,
+    setEnableRBF: onEnableRBFChange,
     error,
     disabled,
     onOutputValueChange,