Domain Unwrapping

 

Table of Contents

UX

Unwrap Fee Estimation

General Requirements

View

Requirements

View

Requirements

 

Domain Management View

There are two paths for domain unwrapping. There is a top level unwrapping interaction and one within the advanced settings view. The reason behind this is take advantage of some user insight testing (or at least to build a model around it to gauge user response).

  • Links

    • Unwrap (Path 1) Tile

      • On click

        • Display Unwrap Domain View

    • Advanced Settings (Path 2) Section

      • On click

        • Display Domain Advanced Settings View

 

Domain Advanced Settings View

  • Links

    • Start Unwrapping

      • On click

        • Display Unwrap Domain View

 

Wallet Connection

  • Links

    • MetaMask Wallet Connection

      • On click

        • Connect to the users browser based MetaMask Wallet for signin

    • Close

      • On Click

        • Closes wallet connection modal

 

Unwrap FIO Domain

  • Display

    • Current wrapped network (Polygon)

    • Unwrap network (FIO)

    • Links

      • Select FIO Crypto Handle

        • On click

          • Display FIO Crypto Handle Modal with associated handles

      • Unwrap wFIO Domain

        • On click

          • Trigger MetaMask wallet transaction signing

      • Edit Fees

        • On click

          • Trigger the fee modal with both basic and advanced fee settings based on current network fees

    • Transaction cost

      • Fee cost - Fees are determined by the network

  • Collect

    • FIO Domain for unwrapping

      • Select domain from list returned from connected wallet

  • Validate

    • wFIO Wrapped Domain

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid wFIO domain

      • Validation rules

        • Valid and unexpired FIO Domain

    • FIO Crypto Handle

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid FIO Crypto Handle

      • Validation rules

        • Valid FIO Address where domain should be delivered

 

Select FIO Crypto Handle

  • Choose FIO Crypto Handle

    • Display available FIO crypto handles

    • Links

      • Cancel

        • On Click

          • Cancels the view

      • FIO crypto handle selection

        • On Click

          • Returns the user to the main unwrap view with the selected FIO crypto handle populated

      • Done

        • On Click

          • If the user manually enters a FIO crypto handle, they must click the done CTA to return to the main unwrap view and populate the FIO crypto handle view.

      • Clear

        • On Click

          • Clears the manual FIO crypto handle entry

    • Collect

      • FIO Crypto Handle

        • Via Clipboard Paste

        • Via Manual Entry

 

Edit Fees (Basic and Advanced)

  • Overall

    • Links

      • Close

        • On Click

          • Returns the user to the main unwrap view

      • Cancel

        • On Click

          • Cancels the view

      • Advance

        • On Click

          • Displays the advanced fee view to the user

      • Basic

        • On Click

          • Displays the basic fee view to the user

  • Basic

    • Display available tiers of network fees

      • Use 60,000 gas limit and gas price from Etherscan API

    • Links

      • Tier Selection

        • On Click

          • Selects the fee tier the user wishes to use

  • Advanced

    • Collect

      • Defaults

        • Use 60,000 gas limit and gas price from Etherscan API for high

      • Gas Limit and Gas Price

        • On Entry

          • Allows the user to set fee amount for both gas limit and gas price

          • Return the potential transaction time

        • Validation rules

          • If the user enters in an amount lower than the low threshold, an error state is triggered and the user notified that the transaction could fee with fees being unrecoverable

 

MetaMask Transaction Signing

  • Display

    • Metamask wallet connection and transaction signing experience

 

FIO Domain Unwrapped

  • Display

    • Wrapping Transaction Information

      • Unwrap Chain - chain_code

      • Public Address - public_address

      • Receiving FIO Crypto Handle - fio_address

      • Domain Wrapped - fio_domain

      • Blockchain Transaction ID - obt_id

    • Links

      • Close and X

        • On click

          • Display Domain Management View