Recover a wallet

import axios from 'axios'
import React from 'react'

const RecoveryButton: React.FC = () => {
  const handleRecovery = async () => {
    // Fetch the cipherText from your backend
    const response = await axios.get('{your_server}/users/[userId]/user-backup-share')
    const cipherText = response.data.cipherText

    const address = await portal.recoverWallet(
      cipherText,
      BackupMethods.passkey,
      {},
      (status) => console.log('Recovery progress:', status)
    )

    console.log('Recovered wallet address:', address)
  }

  return (
    <button onClick={handleRecovery}>Recover wallet</button>
  )
}

export default RecoveryButton

import axios from 'axios'
import React from 'react'
import { PasskeyOptions } from '@portal-hq/web/types'

const passkeyOptions: PasskeyOptions = {
  customDomain: 'https://passkeys.yourapp.com',  // Your configured subdomain. This will be the same across all environments, even local.
  relyingPartyId: 'yourapp.com',                 // Your root domain. For local dev set this to `localhost`
  relyingPartyName: 'Your App Name',             // Displayed in passkey prompts
  usePopup: false,                               // Direct WebAuthn calls
}

const RecoveryButton: React.FC = () => {
  const handleRecovery = async () => {
    try {
      // Step 1: Retrieve cipherText from your backend
      const response = await axios.get('{your_server}/users/[userId]/user-backup-share')
      const cipherText = response.data.cipherText

      if (!cipherText) {
        throw new Error('No backup found')
      }

      // Step 2: Authenticate with passkey to get encryption key
      const encryptionKey = await portal.authenticatePasskeyAndRetrieveKey(passkeyOptions)

      // Step 3: Recover wallet with the encryption key
      const address = await portal.recoverWallet(
        cipherText,
        BackupMethods.custom,
        { customStorage: { encryptionKey } },
        (status) => console.log('Recovery progress:', status)
      )

      console.log('Recovered wallet address:', address)
    } catch (error) {
      console.error('Recovery failed:', error)
    }
  }

  return (
    <button onClick={handleRecovery}>Recover with Passkey</button>
  )
}

import axios from 'axios'
import React from 'react'
import { BackupMethods } from '@portal-hq/web'
import { getAuth } from 'firebase/auth'

const FirebaseRecoveryButton: React.FC = () => {
  const handleRecovery = async () => {
    const auth = getAuth()

    portal.configureFirebaseStorage({
      getToken: async (options?: { forceRefresh?: boolean }) => {
        const user = auth.currentUser
        if (!user) {
          return null
        }
        return user.getIdToken(Boolean(options?.forceRefresh))
      },
    })

    const response = await axios.get(
      '{your_server}/users/[userId]/user-backup-share?backupMethod=FIREBASE',
    )
    const cipherText = response.data.cipherText

    const address = await portal.recoverWallet(
      cipherText,
      BackupMethods.firebase,
      {},
      (status) => console.log('Recovery progress:', status),
    )

    console.log('Recovered wallet address:', address)
  }

  return (
    <button onClick={handleRecovery}>Recover with Firebase</button>
  )
}

export default FirebaseRecoveryButton