UX

https://overflow.io/s/Q6O7B4L2/ Overflow UX Flow

Profile View

Visual	Functionality
Profile Look-up FCH Not Found	Collect FIO Crypto Handle Validate FIO Crypto Handle Validate on Look It Up click On validation error Display FCH Not Found error Validation rules Format: See validation rules Existence: avail_check Display Links Look It Up On click Validate FCH Display Get your own On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/500793345/Shopping+and+Checkout#FIO-Crypto-Handle-Selection Manage your FIO Handle On click Display https://fioprotocol.atlassian.net/wiki/spaces/DAO/pages/83886086/Dash+Functional+Specification#Authenticated Privacy Policy On click Display https://dashboard.fioprotocol.io/privacy-policy Terms of Service On click Display https://dashboard.fioprotocol.io/terms-of-service
Profile - Payments	Display FIO Crypto Handle Payments option Obtained from /get_pub_address Elements Token Logo - corresponds to token_code, show specific for: See https://github.com/fioprotocol/fips/tree/master/data/token_icons/ Token name - use https://github.com/fioprotocol/fips/blob/master/data/tokens.md If not available display code as CODE (CODE) Chain name - use https://github.com/fioprotocol/fips/blob/master/data/chains.md Do not show if token_code and chain_code are the same Links Look One Up On click Display Profile Look-up Page Payment option On click Display Payment Details Page Profile tabs Payments On click display Profile - Payments Page NFT Signatures On click display Profile - NFT Signatures Page Socials On click display Profile - Socials Page
Payment Details	Display Elements as defined on Profile - Payments Page Disclaimer - only show if token_code and chain_code are not the same FIO Crypto Handle Public address as obtained from /get_pub_address Public address QR code Links X On click Close pop-up Copy On click Copy public address to clipboard
Profile - NFT Signatures Empty State	Display FIO Crypto Handle NFT Signatures option Obtained from /get_nfts_fio_address Elements See NFT Metadata Links Look One Up On click Display Profile Look-up Page NFT Image On click Display NFT Signature Details Page Profile tabs Payments On click display Profile - Payments Page NFT Signatures On click display Profile - NFT Signatures Page Socials On click display Profile - Socials Page
NFT Signature Details Image Altered Image not Available Multiple Signatures	Display FIO Crypto Handle Elements See NFT Metadata Show element and header only if element available Links X On click Close pop-up View NFT - show if External URL available On click Open External URL in New Tab
Profile - Socials Empty State	Display FIO Crypto Handle Social links Obtained from /get_nfts_fio_address and using chain_code: SOCIALS and the following token_codes: DISCORD Url https://discordapp.com/users/username FACEBOOK Url https://facebook.com/username INSTAGRAM Url https://instagram.com/username LINKEDIN Url https://www.linkedin.com/in/username REDDIT Url https://www.reddit.com/user/username TWITTER Url https://twitter.com/username TELEGRAM Url https://t.me/username WHATSUP Url https://wa.me/username Links Look One Up On click Display Profile Look-up Page Social Handle Tile On click Open url in New Tab Profile tabs Payments On click display Profile - Payments Page NFT Signatures On click display Profile - NFT Signatures Page Socials On click display Profile - Socials Page