1 Table of Contents
2 UX
- 2.1 Click model
- 2.2 UX Assets
3 FIO Address/Domain Management
- 3.1 FIO Address List
- 3.2 FIO Domain List
- 3.3 Add to Watchlist Overlay
  - 3.3.1 Enter Domain
  - 3.3.2 Valid domain
  - 3.3.3 Invalid Domain
  - 3.3.4 Domain not registered
- 3.4 FIO Address Settings
- 3.5 FIO Domain Settings
  - 3.5.1 My Domains
  - 3.5.2 Watchlist Domains
- 3.6 Transfer FIO Address/Domain Ownership
- 3.7 Transfer FIO Address/Domain Confirmation
- 3.8 Link Token List
- 3.9 Link Token
  - 3.9.1 Individual Link
  - 3.9.2 Link Tokens Transaction
- 3.10 Wallet Connect
- 3.11 Link Token Confirmation
- 3.12 Edit Link
- 3.13 Edit Link Confirmation
- 3.14 Delete Link
- 3.15 Delete Link Confirmation
- 3.16 Socials Page
- 3.17 Edit Social
  - 3.17.1 Edit confirmation
- 3.18 Delete Social
  - 3.18.1 Delete confirmation
- 3.19 Add Social
  - 3.19.1 Add confirmation
- 3.20 FIO Domain Status Change
- 3.21 FIO Domain Status Change Confirmation

UX

Click model

UX Assets

https://gpworrell428458.invisionapp.com/overview/FIO-dApp---Address-and-Domain-Mgmt---Frozen-April-29,2021-cko3gbzxt0p86015k57hk506k/screens

FIO Address/Domain Management

Visual	Functionality

Visual	Functionality
FIO Address List	Display All FIO Addresses for all FIO Wallets in Dashboard FIO Address Use /get_fio_addresses Fetch 25 at a time and then use “Infinite Scroll” load 25 more until user gets to bottom of page remaining_bundled_tx element will be returned as part of FIP-25 (it will be part of Bahamas) Bundle count remaining Expiration date Warnings Domain(s) expired Orange banner - if at least 1 FIO Handle is on a domain which expired display banner with copy: “FIO Handle Domain(s) Expired - One or more FIO Handle Domain has expired. Certain FIO Handle actions are inactive until the domain is renewed. Renew today to restore the actions.” When X is clicked hide the banner for the duration of the session. Orange warning triangle next to affected FIO Handle FIO 101 - same module and same logic as on https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/83886086/Dash+Functional+Specification#Authenticated Actions - same module as https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/83886086/Dash+Functional+Specification#Authenticated with modified logic which only displays action if it is designated with FCH. Links Add bundles Disable if domain expired On click Add “Add 100 bundles” item to cart and display Cart Page NFT Signatures Disable if domain expired On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/299630593/NFT+Signatures#NFT-Signatures-List Request Funds Disable if domain expired On click Display Request Funds Page Link Disable if domain expired On click Display Link Page Socials Disable if domain expired On click Display Socials Page Settings On click Display FIO Address Settings Page Register FIO Address On click Display https://fioprotocol.atlassian.net/wiki/spaces/PROD/pages/83886086/Dashboard+Functional+Specification#FIO-Address-Selection
FIO Domain List	Display My Domains - All FIO Domains for all FIO Wallets in Dashboard FIO Domain Use /get_fio_domains Fetch 25 at a time and then use “Infinite Scroll” load 25 more until user gets to bottom of page Private/public status Expiration date Watchlist Domains - All FIO Domains added by user to account FIO Domain Private/public status Expiration date Warnings Domain(s) expired Orange banner - if at least 1 FIO Domain expired display banner with copy: “Domain Renewal - One or more FIO Domain below has expired. Certain actions are inactive until the domain is renewed. Renew today to restore the actions and to ensure you do not loose the domain.” When X is clicked hide the banner for the duration of the session. Orange warning triangle next to affected domain Domain(s) expiring in the next 30 days Orange banner - if at least 1 FIO Domain is expiring in the next 30 and no domain is expired days display banner with copy: “Domain Renewal - One or more FIO Domain below has expired or is about to expire. Renew today to ensure you do not loose the domain.” When X is clicked hide the banner for the duration of the session. Orange warning triangle next to affected domain FIO 101 - same module and same logic as on https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/83886086/Dash+Functional+Specification#Authenticated Actions - same module as https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/83886086/Dash+Functional+Specification#Authenticated with modified logic which only displays action if it is designated with DOM. Links Show for All My Domains and Watchlist Domains Renew On click Add “Domain renewal” item to cart and display Cart Page Settings On click Display FIO Domain Settings Page Show for All My Domains and Watchlist Domains which are public Register FIO Address - disabled when domain is expired. On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#When-accessed-from-Domain-List-Page with selected domain pre-populated in domain pull-down. Show for All My Domains Wrap Domain - disabled when domain is expired. On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/490635272/Domain+Wrapping#Wrap-FIO-Domain Domain Watchlist buttons Unwrap Domain On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/493944833/Domain+Unwrapping#Unwrap-FIO-Domain Add to Watchlist On click Display Add to Watchlist Overlay
Add to Watchlist Overlay Enter Domain Valid domain Invalid Domain Domain not registered	Collect FIO Domain name Validate Domain Convert onfocusout Convert to lowercase Validate onfocusout On validation error Display error message Validation rules Format: See validation rules Availability: Obtain the from avail_check Validation result Valid domain Invalid domain Domain not registered Domain already owned by user Display Links Add to Watchlist - active when Valid domain entered On click Add the domain to Watchlist When domain added to Watchlist, it will always display in the Watchlist Domain list, will be monitored for expiration date and notification emails will be sent. Display FIO Domain List with Success notification Purchase Now - active when Domain not registered entered On click Add domain to Cart Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#Cart Overlay X On click Close overlay Input box X On click Erase field content
FIO Address Settings	Display Wallet name which owns FIO Address FIO Public Key which owns FIO Address Links Start Transfer Disable if domain of FIO Handle expired On click Display Transfer FIO Address/Domain Ownership Page
FIO Domain Settings My Domains Watchlist Domains	Display Warnings Domain(s) expired Orange banner - if domain expired display banner with copy: “Domain Renewal - Certain actions are inactive due to domain is being expired. Renew today to restore the actions and ensure you do not loose the domain.” Show for All My Domains and Watchlist Domains Links Domain name On click Redirect to https://fio.bloks.io/domain/xxx where xxx is domain FIO Public Key which owns FIO Domain On click Redirect to https://fio.bloks.io/key/yyy where yyy is FIO Public Key If domain’s owner is ‘fio.oracle’ account then show Account fio.oracle On click Redirect to https://fio.bloks.io/account/fio.oracle Show for All My Domains Wallet name which owns FIO Domain Links Make Domain X - disabled when domain is expired. If domain is public X = Private If domain is private X = Public On click Display FIO Domain Status Change Page Start Transfer - disabled when domain is expired. On click Display Transfer FIO Address/Domain Ownership Page Start Wrapping - disabled when domain is expired. On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/490635272/Domain+Wrapping#Wrap-FIO-Domain Show for Watchlist Domains Links Remove Now On click Remove from Watchlist Display FIO Domain List with Success notification
Transfer FIO Address/Domain Ownership	Display Label Domain or Address Warning FIO Domain “Transferring a FIO Domain will not transfer ownership of FIO Addresses on that Domain” FIO Address “Transferring a FIO Address will purge all linked wallets” Transfer cost As obtained from get_fee for FIO Domain or Address Wallet name and balance in FIO and USDC Links Back On click Display FIO Address or Domain List Page Transfer Now On click Collect PIN code Display Transaction Processing Page Transfer ownership using xferaddress or xferdomain Display Transfer FIO Address/Domain Confirmation Page Collect FIO Address or FIO public key Validate FIO Address Validation rules Format: See validation rules Must exists and be mapped to a valid FIO Public Key Wallet balance If balance is less than fee display Low Balance and prevent clicking Transfer Now FIO Public Key Must be a valid FIO Public Key
Transfer FIO Address/Domain Confirmation	Display Label Domain or Address FIO Domain/Address being transferred FIO Public Key of new owner Fee collected Comes from transaction response “fee_collected” field. Links Close or X On click Display FIO Address or FIO Domain List Page (depending on which is being transferred)
Link Token List	Display FIO Crypto Handle Associated FIO Public Address information (this is uneditable) Chain code: FIO Token code: FIO Public Address: FIO Public Key from get_pub_address For each linked public address Chain code Token code Public address Warning banner Display if only FIO linked When X is clicked hide the banner for the duration of the session. Links Edit On click Display Edit Link Page Delete Link On click Display Delete Link Page Add link On click Display Link Token Page

Address and Domain Management

Table of Contents

UX

Click model

UX Assets

FIO Address/Domain Management

FIO Address List

FIO Domain List

Add to Watchlist Overlay

Enter Domain

Valid domain

Invalid Domain

Domain not registered

FIO Address Settings

FIO Domain Settings

My Domains

Watchlist Domains

Transfer FIO Address/Domain Ownership

Transfer FIO Address/Domain Confirmation

Link Token List