Wallet List

• Display

  • All FIO Wallets associated with user account

    • Wallet name

    • Balance

      • FIO

      • USDC

  • All FIO Wallet balance which comes from sum of wall wallet values

    • Total

    • If locked > 0, also show:

      • Locked

      • Available

    • If staked > 0, also show:

      • Staked

      • Available

• Links

  • Add Wallet

    • On click

      • Display Create New Wallet Page

  • Import Wallet

    • On click

      • Display Import Wallet Page

  • Wallet Details

    • On click

      • Display Wallet Details Page

• Tiles

  • Display - This Tile will persist on the view (notice: copy different from image, use copy below)

    • Tile

      • Content

        • Header

          • Need FIO Tokens?

        • Subhead

          • FIO Tokens are used to pay fees for certain transaction types such as FIO Domain and Crypto Handle registrations or adding bundles.

            Get FIO Token from one of our partners today.

      • Link

        • Get Now

          • On Click

            • Display Get FIO Tokens Page

Create/Edit New Wallet

• Collect

  • Wallet name

    • Pre-populate with: “My FIO Wallet X” where X is a sequential number of FIO Wallets associated to user account (first is “My FIO Wallet”, second is “My FIO Wallet 2”, third is “My FIO Wallet 3” and so on.

• Validate

  • Wallet name

    • Validation rules

      • Format:

        • Allowed characters: a-z, A-Z, 0-9, space, - dash, _ underscore

        • Min 1

        • Max 32

• Links

  • Create Wallet

    • On click

      • Create new wallet and redirect to Wallet Details Page

        • If PIN required, collect PIN

      • Store server-side

  • X

    • On click

      • Close window and display Wallet List Page

Import Wallet

Cancel import Confirmation

Valid Key but no active account

Invalid Key

• Display

  • Links

    • Import Wallet

      • On click

        • Check if corresponding FIO Public Key exists on chain

          • If Yes import

          • If No Display Error: Valid Key but no active account

        • Import private key and add to account

          • If seed phrase entered import only key at index 0 (firs one)

        • Display Wallet List Page with confirmation banner

        • On error

    • Cancel or Back

      • On click

        • Display Cancel Confirmation

          • On confirm Display Wallet List Page

          • On cancel Display Import Wallet Page

• Collect

  • Private Key or Mnemonic Seed Phrase

  • Wallet name

• Validate

  • Private key

    • Valid FIO Private key format

  • Seed Phrase

    • Valid BIP-39 Seed Phrase

  • Wallet name

    • Validation rules

      • Format:

        • Allowed characters: a-z, A-Z, 0-9, space, - dash, _ underscore

        • Min 1

        • Max 32

      • Error

        • Display Invalid Key Page

Wallet Transaction List

• Display

  • Wallet name

  • Balance in FIO and USDC at the time of display

    • Total

    • If locked > 0, also show:

      • Locked

      • Available

    • If staked > 0, also show:

      • Staked

      • Available

    • Obtain using /get_fio_balance (modified in FIP-6 - spec not yet updated)

  • Transactions

    • Show 25 of type on initial load and load next 25 when user scrolls to bottom (lazy scroll)

    • Sent FIO Requests (fetch on click)

      • “Sent” label and icon

      • Date/Time: FIO Request time_stamp in browser time

      • To: FIO Request’s payer_fio_address

      • FIO Request status

      • Obtained using /get_sent_fio_requests (modified in FIP-1)

    • Received FIO Requests (fetch on click)

      • “Received” label and icon

      • Date/Time: FIO Request time_stamp in browser time

      • From: FIO Request’s payee_fio_address

      • FIO Request status

      • Obtained using get_received_fio_requests (added in FIP-19)

    • Sent/Received FIO Data (fetch on click)

      • “Sent” or “Received” label and icon

      • Date/Time: FIO Data time_stamp in browser time

      • Counter-party FIO Address

        • For OBT data sent by user show To label

        • For OBT data received by user show From label

      • Obtained using /get_obt_data

    • Transactions (default view)

      • “Sent” or “Received” label and icon

      • Date/Time: FIO Data time_stamp in browser time

      • Transaction ID

        • Show FIO TX ID

        • Copy

          • On Click - Copy FIO TX ID to pasteboard

        • Open Explorer

          • On Click - Open new browser tab linking to https://fio.bloks.io/transaction/<txid>

      • Display: Transaction amount

  • Links

    • Wallet Name pencil

      • On click

        • Display Create/Edit Wallet Name Page

    • Request arrow

      • On click

        • Display Receive FIO Page

    • Send arrow

      • On click

        • Display Send FIO Token Page

    • Private Key

      • On click

        • Display FIO Token Management | Show Private Key Page

    • Wrap FIO Tokens

      • On click

        • Display New FIO Wrapping Page

    • Unwrap FIO Tokens

      • On click

        • Display New FIO Unwrapping Page

  • Tiles

    • Display - This Tile will persist on the view (notice: copy different from image, use copy below)

      • Tile

        • Content

          • Header

            • Need to Get FIO Tokens?

          • Subhead

            • FIO tokens are used to pay fees for certain transaction types such as FIO Domain and Crypto Handle registrations or adding bundles.

              Get FIO Token from one of our partners today.

        • Link

          • Get Now

            • On Click

              • Display Get FIO Token Partner Tokens Page

Wallet Transaction List - 0 balance and no transactions

• Display

  • Same as Wallet Transaction list above (except Need FIO token tile)

• Display instead of Transaction tab (notice: copy different from image, use copy below)

  • Intro Section

    • Header

      • We see that you do not have any FIO tokens in your wallet.

    • Subhead

      • You can get FIO Tokens by sending them to a public address or FIO Crypto Handle from another wallet, sending a FIO Request for tokens to another FIO-enabled wallet, or getting them from one of your partners.

  • Send Section

    • Header

      • Send FIO Tokens

    • Sub-head

      • Send FIO Tokens to your wallet by QR code capture or copying your public address / FIO Crypto Handle to an external wallet.

    • Wallet Details Sub-Section

      • QR Code

      • Public Address

        • Display wallet’s FIO public address

        • Action

          • On click - Copy public address to pasteboard

      • Associated FIO Crypto Handles

        • Display all FCH owned by Wallet

        • Action

          • On click - Copy FIO Crypto Handle to pasteboard

  • Send FIO Request Section

    • Header

      • Send FIO Request

    • Subhead

      • Send a FIO Request for FIO Tokens to another FIO-enabled wallet.

    • Action: FIO Request

      • On click - Display FIO Token Management | FIO Request page

  • Get FIO Section

    • Header

      • Need FIO Tokens?

    • Subhead

      • FIO tokens are used to pay fees for certain transaction types such as FIO Domain and Crypto Handle registrations or adding bundles.

        Get FIO Token from one of our partners today.

    • Action: Get FIO Tokens

      • On click -

        • Display Get FIO Tokens Page

Receive FIO

• Content same as Wallet Transaction List - 0 balance and no transactions except:

  • Intro Section

    • Head

      • Receive FIO Tokens

Transaction Details

Sent FIO Request

Received FIO Request

FIO Data

• Collect PIN on display to fetch private key to decrypt the data

• Display

  • Sent FIO Request

    • FIO Request Information

      • Status: FIO Request status

        • Pending

        • Rejected

        • Paid = sent_to_blockchain

      • Date/Time: FIO Request time_stamp in browser time

      • Type: Request

      • Requestor: FIO Request payee_fio_address

      • To: FIO Request payer_fio_address

      • Amount: FIO Request amount + token_code

        • If chain_code = FIO and token_code = FIO display USDC equivalent based on rate of exchange at time of display

      • Chain: FIO Request chain_code

      • Memo: FIO Request memo

    • If status = Paid show Payment information tab (content from obt_data with matching fio_request_id)

      • Date/Time: FIO Data time_stamp in browser time

      • Type: Payment

      • Payer: FIO Data payer_fio_address

      • To: FIO Data payee_fio_address

      • Amount: FIO Data amount + token_code

        • If chain_code = FIO and token_code = FIO display USDC equivalent based on rate of exchange at time of display

      • Chain: FIO Data chain_code

      • ID: FIO Data obt_id

        • See FIO Data transaction linking

      • Memo: FIO Data memo

  • Received FIO Request

    • FIO Request Information

      • Status: FIO Request status

        • Pending

        • Rejected

        • Paid = sent_to_blockchain

      • Date/Time: FIO Request time_stamp in browser time

      • Type: Request

      • From: FIO Request payee_fio_address

      • Amount: FIO Request amount + token_code

        • If chain_code = FIO and token_code = FIO display USDC equivalent based on rate of exchange at time of display

      • Chain: FIO Request chain_code

      • Memo: FIO Request memo

    • Actions

      • If status = Pending

        • Reject link

          • On click display Reject FIO Request Page

      • If status = Pending and chain_code = FIO and token_code = FIO

        • Pay link

          • On click display Send FIO Token Page and pre-populate Your Sending FIO Address, Send to Address, Send Amount, Memo

      • If status = Pending and chain_code != FIO and token_code != FIO

        • Pay link

          • On click display Enter Payment Details Page

    • If status = Paid show Payment information tab (content from obt_data with matching fio_request_id)

      • Date/Time: FIO Data time_stamp in browser time

      • Type: Payment

      • Payer: FIO Data payer_fio_address

      • To: FIO Data payee_fio_address

      • Amount: FIO Data amount + token_code

        • If chain_code = FIO and token_code = FIO display USDC equivalent based on rate of exchange at time of display

      • Chain: FIO Data chain_code

      • ID: FIO Data obt_id

        • See FIO Data transaction linking

      • Memo: FIO Data memo

  • Sent/Received FIO Data

    • FIO Data Information

      • Status: FIO Data status

        • Sent to Blockchain = sent_to_blockchain

      • Date/Time: FIO Data time_stamp in browser time

      • From: FIO Data payer_fio_address

      • To: FIO Data payee_fio_address

      • Amount: FIO Data amount + token_code

        • If chain_code = FIO and token_code = FIO display USDC equivalent based on rate of exchange at time of display

      • Chain: FIO Data chain_code

      • ID: FIO Data obt_id

        • See FIO Data transaction linking

      • Memo: FIO Data memo

FIO Data transaction linking

• When displaying FIO Data, the ID field should be a link:

  • If chain_code = FIO

    • Link to https://fio.bloks.io/transaction/XXX where XXX is obt_id

  • If chain_code = BTC

    • Link to https://blockchair.com/bitcoin/transaction/XXX where XXX is obt_id

  • If chain_code = ETH

    • Link to https://etherscan.io/tx/XXX where XXX is obt_id

Show Private Key

• Collect

  • Password

    • Password is displayed as •••••••

• Validate

  • Log-in

    • Validate on Confirm click

    • On validation error

      • Turn border for Password red

      • Display error message:

        • Invalid Password

    • Validation rules

      • Password match

• Display

  • Links

    • Confirm

      • On click

        • Display Private Key

    • Cancel or X

      • On click

        • Display Wallet Transaction List Page

    • Copy icon

      • On click

        • Copy to clipboard

Send FIO Token

With memo or in response to FIO Request

Without memo

Address Selector

• Display

  • Wallet name

  • Available FIO balance

  • Transaction cost

    • Transaction fee in FIO as obtained from /get_fee for /transfer_tokens_pub_key and in USDC equivalent

    • If memo was entered or if tokens sent in response to FIO Request

      • In addition to transaction cost in FIO, display bundle cost (this can be hard-coded to 2) and remaining

  • Links

    • Back

      • On click

        • Display Wallet Transactions Page

    • Send FIO Tokens

      • On click

        • Collect PIN

        • Execute /transfer_tokens_pub_key

          • On error

            • Display Generic Error

        • If memo entered or if tokens sent in response to FIO Request, when transfer_tokens_pub_key finishes, get the transaction and execute /record_obt_data

          • If transfer_tokens_pub_key succeeded and record_obt_data failed, display FIO Tokens Sent Confirmation Page with banner that memo failed to send.

        • On success

          • Display FIO Tokens Sent Confirmation Page

• Collect

  • Sending FIO Address

    • If user has 0 FIO Addresses - do not show label and field

    • If user has only 1 FIO Address show label and FIO Address as text

    • If user has more than 1 FIO Address - show available FIO Addresses selector with first (alphabetically FIO Address pre-selected)

  • Send to Address

    • On click

      • Display FIO Address/Public Key collector overlay

        • Display list of all FIO Addresses used by this account as destination FIO Address for Send FIO Tokens to, Request FIO Tokens from

  • Amount denominated in FIO with as you type conversion to USDC with ability for user to switch to entry in USDC with as you type conversion to FIO

  • Memo - show only if user has at least 1 FIO Address registered and the “Send to Address” is FIO Address and not a public key

    • If user enters a memo field display bundle cost

• Validate

  • Send to Address

    • Validate onfocusout

      • On validation error

        • Display error message:

          • Please enter valid FIO Address or FIO Public Key

    • Validation rules

      • Format

        • Valid FIO Public Key or registered FIO Address with a valid FIO Public Key mapped to chain: FIO, token: FIO

  • Send Amount

    • Validate onfocusout

      • On validation error

        • Display error message:

          • Please enter valid amount

    • Validation rules

      • Format

        • Numeric

        • Max 9 decimals

      • Available amount

        • If wallet balance is less than Send Amount + fee display Low Balance banner and prevent clicking Send FIO Tokens.

  • Memo

    • Validate onfocusout

      • On validation error

        • Display error message:

          • Please enter valid memo

    • Validation rules

      • Max length has to be computed on the total size of the encrypted data as for /record_obt_data.

  • Bundled transaction count

    • If <5 display Low balance banner prevent clicking Send FIO Tokens

  • Wallet balance

    • If balance is less than fee display Low Balance and prevent clicking Send FIO Tokens

FIO Tokens Sent Confirmation

With memo or in response to FIO Request

Without memo

Send succeeded, but memo failed

• Display

  • Sending FIO Address

  • Send to Address (or public key)

  • Send Amount

  • Memo - if entered

  • Chain code

  • ID: transaction ID

    • See FIO Data transaction linking

  • Transaction cost

    • Memo not entered

      • Transaction fee in FIO as obtained from fee_collected in response and USDC equivalent

    • Memo entered

      • Bundle cost (this can be hard-coded to 5) and remaining

  • Links

    • Close and X

      • On click

        • Display Wallet Transactions Page

Get FIO Tokens

• Partner logos are all downloadable assets from the sketch file: https://sketch.com/s/c4efea7f-4b52-4928-ae53-f4e9393e735a

• Display (notice: copy different from image, use copy below)

  • Intro Section

    • Head

      • Where to Get FIO Tokens

    • Sub-head

      • Easily get FIO tokens with a Credit/Debit Card or Crypto with ChangeNOW.

      • ChangeNow CTA

        • On Click - Open new tab - https://changenow.io?link_id=90905fc19e7f9b&to=fio

    • Sub-head

      • You can also get FIO through on of our many partners below.

    • Messaging Ribbon

      • Registration - Some FIO partners may require registration.

  • Credit Card / Bank Section

    • Sub-head

      • Credit Card / Bank

    • Indacoin

      • On Click - Open new tab to partner: https://indacoin.io/

    • Monero

      • On Click - Open new tab to partner: https://monero.com/

  • Exchanges and Token Swapping Section

    • Sub-head

      • Exchanges and Token Swapping

    • Binance

      • On Click - Open new tab to partner: https://www.binance.com/en/trade/FIO_USDT

    • WhiteBIT

      • On Click - Open new tab to partner: https://whitebit.com/

    • Liquid

      • On Click - Open new tab to partner: https://www.liquid.com/

    • Gate.io

      • On Click - Open new tab to partner: https://www.gate.io/trade/FIO_USDT

    • Changelly

      • On Click - Open new tab to partner: https://changelly.com/

    • BitMart

      • On Click - Open new tab to partner: https://www.bitmart.com/trade/en?symbol=FIO_USDT&layout=basic

    • XT.com

      • On Click - Open new tab to partner: https://www.xt.com/

    • AscendEX

      • On Click - Open new tab to partner: https://ascendex.com/en/global-digital-asset-platform

    • Edge

      • On Click - Open new tab to partner: https://dl.edge.app/fio

    • Infinity Wallet

      • On Click - Open new tab to partner: https://infinitywallet.io/

    • Simba

      • On Click - Open new tab to partner: https://www.cryptosimba.com/

    • SimpleSwap

      • On Click - Open new tab to partner: https://simpleswap.io