@unisat/wallet-state 1.0.4 → 1.1.0

package/src/ui-hooks/useSendAlkanesScreenLogic.ts

@@ -0,0 +1,192 @@
+import { bnUtils } from '@unisat/base-utils'
+import { Inscription, SignedData, SignPsbtParams, ToSignData } from '@unisat/wallet-shared'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useI18n, useNavigation, useTools, useWallet } from 'src/context'
+import {
+  useCurrentAccount,
+  useFeeRateBar,
+  usePrepareSendAlkanesCallback,
+  usePushBitcoinTxCallback,
+} from 'src/hooks'
+import { isValidAddress } from 'src/utils/bitcoin-utils'
+
+export enum SendAlkanesScreenStep {
+  CREATE_TX = 0,
+  SIGN_TX = 1,
+}
+
+export function useSendAlkanesScreenLogic() {
+  const nav = useNavigation()
+  const props = nav.getRouteState<'SendAlkanesScreen'>()
+
+  const { t } = useI18n()
+
+  const tokenBalance = props.tokenBalance
+
+  const tokenInfo = props.tokenInfo
+
+  const [inputAmount, setInputAmount] = useState('')
+  const [disabled, setDisabled] = useState(true)
+  const [toInfo, setToInfo] = useState<{
+    address: string
+    domain: string
+    inscription?: Inscription
+  }>({
+    address: '',
+    domain: '',
+    inscription: undefined,
+  })
+
+  const [availableBalance, setAvailableBalance] = useState(tokenBalance.amount)
+  const [error, setError] = useState('')
+
+  const totalBalanceStr = useMemo(() => {
+    return bnUtils.toDecimalAmount(tokenBalance.amount, tokenBalance.divisibility)
+  }, [tokenBalance])
+  const availableBalanceStr = useMemo(() => {
+    return bnUtils.toDecimalAmount(availableBalance, tokenBalance?.divisibility)
+  }, [availableBalance, tokenBalance])
+
+  const currentAccount = useCurrentAccount()
+
+  const tools = useTools()
+
+  const { feeRate } = useFeeRateBar()
+
+  useEffect(() => {
+    const run = async () => {
+      const tokenSummary = await wallet.getAddressAlkanesTokenSummary(
+        currentAccount.address,
+        tokenBalance.alkaneid,
+        true
+      )
+      setAvailableBalance(tokenSummary.tokenBalance.available)
+    }
+
+    run()
+  }, [])
+
+  useEffect(() => {
+    setError('')
+    setDisabled(true)
+
+    if (!isValidAddress(toInfo.address)) {
+      return
+    }
+    if (!inputAmount) {
+      return
+    }
+
+    if (feeRate <= 0) {
+      return
+    }
+
+    const sendingAmount = bnUtils.fromDecimalAmount(inputAmount, tokenBalance.divisibility)
+
+    if (bnUtils.compareAmount(sendingAmount, '0') <= 0) {
+      return
+    }
+
+    if (bnUtils.compareAmount(sendingAmount, availableBalance)! > 0) {
+      setError(t('insufficient_balance'))
+      return
+    }
+
+    setDisabled(false)
+  }, [toInfo, inputAmount, availableBalance, feeRate])
+
+  const transferData = useRef<{
+    id: string
+    toSignData: ToSignData
+  }>({
+    id: '',
+    toSignData: null,
+  })
+
+  const [step, setStep] = useState(SendAlkanesScreenStep.CREATE_TX)
+
+  const wallet = useWallet()
+
+  const prepareSendAlkanes = usePrepareSendAlkanesCallback()
+  const pushBitcoinTx = usePushBitcoinTxCallback()
+
+  const onClickBack = () => {
+    nav.goBack()
+  }
+
+  const onClickNext = async () => {
+    tools.showLoading(true)
+    try {
+      const toSignData = await prepareSendAlkanes(
+        toInfo,
+        tokenBalance.alkaneid,
+        bnUtils.fromDecimalAmount(inputAmount, tokenBalance.divisibility),
+        feeRate,
+        'ft'
+      )
+      if (toSignData) {
+        transferData.current.toSignData = toSignData
+        setStep(1)
+      }
+    } catch (e) {
+      setError((e as any).message)
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const signPsbtParams: SignPsbtParams = {
+    data: {
+      toSignDatas: [transferData.current.toSignData],
+    },
+  }
+
+  const onSignPsbtHandleConfirm = async (signedDatas: SignedData[]) => {
+    tools.showLoading(true)
+    try {
+      const { success, txid, error } = await pushBitcoinTx(signedDatas[0].psbtHex)
+      if (success) {
+        nav.navigate('TxSuccessScreen', { txid })
+      } else {
+        throw new Error(error)
+      }
+    } catch (e) {
+      nav.navigate('TxFailScreen', { error: (e as any).message })
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onSignPsbtHandleCancel = () => {
+    setStep(SendAlkanesScreenStep.CREATE_TX)
+  }
+
+  const onSignPsbtHandleBack = () => {
+    setStep(SendAlkanesScreenStep.CREATE_TX)
+  }
+  return {
+    step,
+    t,
+    tokenBalance,
+    tokenInfo,
+    toInfo,
+    totalBalanceStr,
+    availableBalanceStr,
+
+    inputAmount,
+    disabled,
+    error,
+
+    // actions
+    setToInfo,
+    setInputAmount,
+    onClickBack,
+    onClickNext,
+
+    // sign psbt actions
+    onSignPsbtHandleConfirm,
+    onSignPsbtHandleCancel,
+    onSignPsbtHandleBack,
+    signPsbtParams,
+  }
+}

package/src/ui-hooks/useSendCAT20ScreenLogic.ts

@@ -0,0 +1,297 @@
+import { bnUtils } from '@unisat/base-utils'
+import {
+  AddressCAT20UtxoSummary,
+  Inscription,
+  SignedData,
+  SignPsbtParams,
+  ToSignData,
+} from '@unisat/wallet-shared'
+import { AddressType } from '@unisat/wallet-types'
+import BigNumber from 'bignumber.js'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { useI18n, useNavigation, useTools, useWallet } from 'src/context'
+import { useCurrentAccount, useFeeRateBar, useNetworkType } from 'src/hooks'
+import { getAddressType, isValidAddress } from 'src/utils/bitcoin-utils'
+
+const MAX_TOKEN_INPUT = 4
+
+export enum SendCAT20ScreenStep {
+  PREPARE = 0,
+  SIGN_COMMIT = 1,
+  WAITING = 2,
+  SIGN_REVEAL = 3,
+}
+
+export function useSendCAT20ScreenLogic() {
+  const nav = useNavigation()
+  const props = nav.getRouteState<'SendCAT20Screen'>()
+
+  const cat20Balance = props.cat20Balance
+
+  const cat20Info = props.cat20Info
+
+  const wallet = useWallet()
+
+  const { t } = useI18n()
+  const [inputAmount, setInputAmount] = useState('')
+  const [disabled, setDisabled] = useState(false)
+  const [toInfo, setToInfo] = useState<{
+    address: string
+    domain: string
+    inscription?: Inscription
+  }>({
+    address: '',
+    domain: '',
+    inscription: undefined,
+  })
+
+  const [tokenUtxoSummary, setTokenUtxoSummary] = useState<AddressCAT20UtxoSummary>({
+    totalUtxoCount: 0,
+    availableUtxoCount: 0,
+    availableTokenAmounts: [],
+  })
+  const [error, setError] = useState('')
+
+  const account = useCurrentAccount()
+
+  const networkType = useNetworkType()
+
+  const [showMergeBTCUTXOPopover, setShowMergeBTCUTXOPopover] = useState(false)
+  const tools = useTools()
+
+  useEffect(() => {
+    tools.showLoading(true)
+    wallet
+      .getAddressCAT20UtxoSummary(props.version, account.address, cat20Balance.tokenId)
+      .then(data => {
+        setTokenUtxoSummary(data)
+      })
+      .finally(() => {
+        tools.showLoading(false)
+      })
+  }, [])
+
+  const availableTokenAmount = useMemo(() => {
+    let amount = new BigNumber(0)
+    for (
+      let i = 0;
+      i < Math.min(tokenUtxoSummary.availableTokenAmounts.length, MAX_TOKEN_INPUT);
+      i++
+    ) {
+      amount = amount.plus(BigNumber(tokenUtxoSummary.availableTokenAmounts[i]))
+    }
+    return amount.toString()
+  }, [tokenUtxoSummary])
+
+  const { feeRate } = useFeeRateBar()
+
+  useEffect(() => {
+    setError('')
+    setDisabled(true)
+
+    if (!isValidAddress(toInfo.address)) {
+      return
+    }
+
+    const addressType = getAddressType(toInfo.address, networkType)
+    if (addressType !== AddressType.P2TR && addressType !== AddressType.P2WPKH) {
+      setError(t('the_recipient_must_be_p2tr_or_p2wpkh_address_type'))
+      return
+    }
+
+    if (!inputAmount) {
+      return
+    }
+
+    if (!feeRate) {
+      return
+    }
+
+    const amt = bnUtils.fromDecimalAmount(inputAmount, cat20Balance.decimals)
+    if (bnUtils.compareAmount(amt, '0') != 1) {
+      return
+    }
+
+    if (bnUtils.compareAmount(amt, availableTokenAmount) > 0) {
+      // insufficient balance
+      setError(t('insufficient_balance'))
+      return
+    }
+
+    setDisabled(false)
+  }, [toInfo, inputAmount, feeRate, availableTokenAmount])
+
+  const transferData = useRef<{
+    id: string
+    commitToSignData: ToSignData
+    revealToSignData: ToSignData
+  }>({
+    id: '',
+    commitToSignData: {
+      psbtHex: '',
+      toSignInputs: [],
+      autoFinalized: false,
+    },
+    revealToSignData: {
+      psbtHex: '',
+      toSignInputs: [],
+      autoFinalized: false,
+    },
+  })
+  const [step, setStep] = useState<SendCAT20ScreenStep>(SendCAT20ScreenStep.PREPARE)
+  const onClickNext = async () => {
+    tools.showLoading(true)
+    try {
+      const cat20Amount = bnUtils.fromDecimalAmount(inputAmount, cat20Balance.decimals)
+      const step1 = await wallet.transferCAT20Step1(
+        props.version,
+        toInfo.address,
+        cat20Balance.tokenId,
+        cat20Amount,
+        feeRate
+      )
+      if (step1) {
+        transferData.current.id = step1.id
+        transferData.current.commitToSignData = step1.toSignData
+        setStep(1)
+      }
+    } catch (e) {
+      const msg = (e as any).message
+      if (msg.includes('-307')) {
+        setShowMergeBTCUTXOPopover(true)
+        return
+      }
+      setError((e as any).message)
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onClickBack = () => {
+    if (step === SendCAT20ScreenStep.PREPARE) {
+      nav.goBack()
+      return
+    } else {
+      setStep(SendCAT20ScreenStep.PREPARE)
+    }
+  }
+
+  // sign commit psbt
+  const signCommitPsbtParams: SignPsbtParams = {
+    data: {
+      toSignDatas: [transferData.current.commitToSignData],
+    },
+  }
+
+  const onSignCommitPsbtHandleConfirm = async (signedDatas: SignedData[]) => {
+    try {
+      tools.showLoading(true)
+      const step2 = await wallet.transferCAT20Step2(
+        props.version,
+        transferData.current.id,
+        signedDatas[0].psbtHex
+      )
+
+      transferData.current.revealToSignData = step2.toSignData
+
+      setStep(SendCAT20ScreenStep.WAITING)
+      setTimeout(() => {
+        setStep(SendCAT20ScreenStep.SIGN_REVEAL)
+      }, 100)
+    } catch (e) {
+      console.log(e)
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onSignCommitPsbtHandleCancel = () => {
+    setStep(SendCAT20ScreenStep.PREPARE)
+  }
+
+  const onSignCommitPsbtHandleBack = () => {
+    setStep(SendCAT20ScreenStep.PREPARE)
+  }
+
+  // sign reveal psbt
+  const signRevealPsbtParams: SignPsbtParams = {
+    data: {
+      toSignDatas: [transferData.current.revealToSignData],
+    },
+  }
+
+  const onSignRevealPsbtHandleConfirm = async (signedDatas: SignedData[]) => {
+    tools.showLoading(true)
+    try {
+      const step3 = await wallet.transferCAT20Step3(
+        props.version,
+        transferData.current.id,
+        signedDatas[0].psbtHex
+      )
+      nav.navigate('TxSuccessScreen', { txid: step3.txid })
+    } catch (e) {
+      // tools.toastError((e as any).message);
+      nav.navigate('TxFailScreen', { error: (e as any).message })
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onSignRevealPsbtHandleCancel = () => {
+    setStep(SendCAT20ScreenStep.PREPARE)
+  }
+
+  const onSignRevealPsbtHandleBack = () => {
+    setStep(SendCAT20ScreenStep.PREPARE)
+  }
+
+  // merge UTXO
+  const shouldShowMerge = availableTokenAmount !== cat20Balance.amount
+
+  const onClickMergeUTXO = () => {
+    nav.navigate('MergeCAT20Screen', {
+      version: props.version,
+      cat20Balance: cat20Balance,
+      cat20Info: cat20Info,
+    })
+  }
+
+  return {
+    // info
+    cat20Info,
+    cat20Balance,
+    availableTokenAmount,
+    toInfo,
+    setToInfo,
+    inputAmount,
+    setInputAmount,
+    error,
+    disabled,
+    step,
+    showMergeBTCUTXOPopover,
+    setShowMergeBTCUTXOPopover,
+    shouldShowMerge,
+
+    // actions
+    onClickNext,
+    onClickBack,
+
+    // sign commit psbt actions
+    onSignCommitPsbtHandleConfirm,
+    onSignCommitPsbtHandleCancel,
+    onSignCommitPsbtHandleBack,
+    signCommitPsbtParams,
+
+    // sign reveal psbt actions
+    onSignRevealPsbtHandleConfirm,
+    onSignRevealPsbtHandleCancel,
+    onSignRevealPsbtHandleBack,
+    signRevealPsbtParams,
+
+    // merge UTXO action
+    onClickMergeUTXO,
+
+    // tools
+    t,
+  }
+}

package/src/ui-hooks/useSendCAT721ScreenLogic.ts

@@ -0,0 +1,205 @@
+import { Inscription, SignedData, SignPsbtParams, ToSignData } from '@unisat/wallet-shared'
+import { AddressType } from '@unisat/wallet-types'
+import { useEffect, useRef, useState } from 'react'
+import { useI18n, useNavigation, useTools, useWallet } from 'src/context'
+import { useFeeRateBar, useNetworkType } from 'src/hooks'
+import { getAddressType, isValidAddress } from 'src/utils/bitcoin-utils'
+
+export enum SendCAT721ScreenStep {
+  PREPARE = 0,
+  SIGN_COMMIT = 1,
+  WAITING = 2,
+  SIGN_REVEAL = 3,
+}
+export function useSendCAT721ScreenLogic() {
+  const nav = useNavigation()
+  const { version, localId, collectionInfo } = nav.getRouteState<'SendCAT721Screen'>()
+
+  const wallet = useWallet()
+  const { t } = useI18n()
+
+  const [disabled, setDisabled] = useState(false)
+  const [toInfo, setToInfo] = useState<{
+    address: string
+    domain: string
+    inscription?: Inscription
+  }>({
+    address: '',
+    domain: '',
+    inscription: undefined,
+  })
+
+  const [error, setError] = useState('')
+
+  const networkType = useNetworkType()
+
+  const [showMergeBTCUTXOPopover, setShowMergeBTCUTXOPopover] = useState(false)
+  const tools = useTools()
+
+  const { feeRate } = useFeeRateBar()
+
+  useEffect(() => {
+    setError('')
+    setDisabled(true)
+
+    if (!isValidAddress(toInfo.address)) {
+      return
+    }
+
+    const addressType = getAddressType(toInfo.address, networkType)
+    if (addressType !== AddressType.P2TR && addressType !== AddressType.P2WPKH) {
+      setError(t('the_recipient_must_be_p2tr_or_p2wpkh_address_type'))
+      return
+    }
+
+    setDisabled(false)
+  }, [toInfo])
+
+  const transferData = useRef<{
+    id: string
+    commitToSignData: ToSignData
+    revealToSignData: ToSignData
+  }>({
+    id: '',
+    commitToSignData: {} as ToSignData,
+    revealToSignData: {} as ToSignData,
+  })
+  const [step, setStep] = useState<SendCAT721ScreenStep>(SendCAT721ScreenStep.PREPARE)
+  const onClickNext = async () => {
+    tools.showLoading(true)
+    try {
+      const step1 = await wallet.transferCAT721Step1(
+        version,
+        toInfo.address,
+        collectionInfo.collectionId,
+        localId,
+        feeRate
+      )
+      if (step1) {
+        transferData.current.id = step1.id
+        transferData.current.commitToSignData = step1.toSignData
+        setStep(1)
+      }
+    } catch (e) {
+      const msg = (e as any).message
+      if (msg.includes('-307')) {
+        setShowMergeBTCUTXOPopover(true)
+        return
+      }
+      setError((e as any).message)
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onClickBack = () => {
+    if (step === SendCAT721ScreenStep.PREPARE) {
+      nav.goBack()
+      return
+    } else {
+      setStep(SendCAT721ScreenStep.PREPARE)
+    }
+  }
+
+  // sign commit psbt
+  const signCommitPsbtParams: SignPsbtParams = {
+    data: {
+      toSignDatas: [transferData.current.commitToSignData],
+    },
+  }
+
+  const onSignCommitPsbtHandleConfirm = async (signedDatas: SignedData[]) => {
+    try {
+      tools.showLoading(true)
+      const step2 = await wallet.transferCAT721Step2(
+        version,
+        transferData.current.id,
+        signedDatas[0].psbtHex
+      )
+
+      transferData.current.revealToSignData = step2.toSignData
+
+      setStep(SendCAT721ScreenStep.WAITING)
+      setTimeout(() => {
+        setStep(SendCAT721ScreenStep.SIGN_REVEAL)
+      }, 100)
+    } catch (e) {
+      console.log(e)
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onSignCommitPsbtHandleCancel = () => {
+    setStep(SendCAT721ScreenStep.PREPARE)
+  }
+
+  const onSignCommitPsbtHandleBack = () => {
+    setStep(SendCAT721ScreenStep.PREPARE)
+  }
+
+  // sign reveal psbt
+  const signRevealPsbtParams: SignPsbtParams = {
+    data: {
+      toSignDatas: [transferData.current.revealToSignData],
+    },
+  }
+
+  const onSignRevealPsbtHandleConfirm = async (signedDatas: SignedData[]) => {
+    tools.showLoading(true)
+    try {
+      const step3 = await wallet.transferCAT721Step3(
+        version,
+        transferData.current.id,
+        signedDatas[0].psbtHex
+      )
+      nav.navigate('TxSuccessScreen', { txid: step3.txid })
+    } catch (e) {
+      // tools.toastError((e as any).message);
+      nav.navigate('TxFailScreen', { error: (e as any).message })
+    } finally {
+      tools.showLoading(false)
+    }
+  }
+
+  const onSignRevealPsbtHandleCancel = () => {
+    setStep(SendCAT721ScreenStep.PREPARE)
+  }
+
+  const onSignRevealPsbtHandleBack = () => {
+    setStep(SendCAT721ScreenStep.PREPARE)
+  }
+
+  return {
+    // info
+    version,
+    localId,
+    collectionInfo,
+    toInfo,
+    setToInfo,
+    error,
+    disabled,
+    step,
+    showMergeBTCUTXOPopover,
+    setShowMergeBTCUTXOPopover,
+
+    // actions
+    onClickNext,
+    onClickBack,
+
+    // sign commit psbt actions
+    onSignCommitPsbtHandleConfirm,
+    onSignCommitPsbtHandleCancel,
+    onSignCommitPsbtHandleBack,
+    signCommitPsbtParams,
+
+    // sign reveal psbt actions
+    onSignRevealPsbtHandleConfirm,
+    onSignRevealPsbtHandleCancel,
+    onSignRevealPsbtHandleBack,
+    signRevealPsbtParams,
+
+    // tools
+    t,
+  }
+}