Table of Contents
Table of Contents |
---|
UX
Use Flow
Assets
FIO Token
...
Visual
...
Functionality
...
Wallet List
...
Display
...
Table of Contents
Table of Contents |
---|
UX
Use Flow
Assets
FIO Token
Visual | Functionality |
---|---|
Wallet List |
|
Import Wallet
On click
Display Import
|
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
| |
Create New Wallet |
|
Import WalletCancel import ConfirmationValid Key but no active accountInvalid Key |
|
Wallet Transaction List |
|
|
|
|
|
|
|
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 FIO Token Partner Page
|
Wallet Transaction List - 0 balance and no transactions |
|
|
Action: FIO Request
On click - Display FIO Token Management |
|
Get FIO Section
Header
Need FIO Tokens?
Subhead
FIO tokens are used to pay fees
|
|
|
|
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
| |
Receive FIO |
|
Transaction DetailsSent FIO RequestReceived FIO RequestFIO Data |
|
|
|
|
|
|
Chain: FIO Data chain_code
ID: FIO Data obt_id
See FIO Data transaction linking
|
FIO Request Information
Status: FIO Request status
Pending
Rejected
|
Received FIO Request
|
|
|
|
|
|
|
Memo: FIO Request memo
Actions
If status = PendingReject link
On click display Reject FIO Request Page
|
|
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
|
|
|
|
|
To: FIO Data payee_fio_address
Amount: FIO Data amount + token_code
|
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
|
|
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
|
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
FIO Request
Visual
Functionality
New FIO Request
Display
Wallet name
Transaction cost
Bundle cost (this can be hard-coded to 2) and remaining
Links
Back
On click
Display Wallet Transactions Page
Send FIO Request
On click
Collect PIN
Execute /new_funds_request
On error
Display Generic Error
On success
Display FIO Request Confirmation Page
Collect
Requesting 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)
Request from FIO 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
Token Code
Pre-populate with FIO
Chain Code
Pre-populate with FIO
Memo
Validate
Requesting FIO Address
Validate onfocusout
On validation error
Display error message:
Please enter valid FIO Address
Validation rules
Format
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
Chain code
Min: 1
Max: 10
Pattern: ^[A-Z0-9]+$
Token code
Min: 1
Max: 10
Pattern: ^[A-Z0-9]+$
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 /new_funds_request
Bundled transaction count
If <2 display Low balance banner prevent clicking Send FIO Request
FIO Request Confirmation
Display
Requesting FIO Address
Request sent to FIO Address
Amount Requested
Chain: FIO
ID: transaction ID
See FIO Data transaction linking
Memo
Transaction cost
Bundle cost (this can be hard-coded to 2) and remaining
Links
Close and X
On click
Display Wallet Transactions Page
Reject FIO Request
Display
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
Transaction cost
Bundle cost (this can be hard-coded to 1) and remaining
Links
Back
On click
Display Transaction Details Page
Reject
On click
Collect PIN
Execute /reject_funds_request
On error
Display Generic Error
On success
Display FIO Request Confirmation Page
Validate
Bundled transaction count
If <1 display Low balance banner prevent clicking Reject
FIO Request Rejected Confirmation
| |
FIO Data transaction linking |
|
Wallet Settings PageNon-Ledger WalletLedger WalletShow Private Key |
|
Delete WalletNon-Ledger walletLedger WalletConfirmation |
|
Send FIO TokenWith memo or in response to FIO RequestAddress Selector |
|
FIO Tokens Sent ConfirmationSend succeeded, but memo failed |
|
FIO Request
Visual | Functionality |
---|---|
New FIO Request |
|
FIO Request Confirmation |
|
|
Reject FIO |
...
Request |
Functionality
Enter Payment Details
Display
Type: Request
To FIO Address from payee_fio_address in FIO Request
|
|
|
|
|
Display Generic Error
On success
Display Payment Details Confirmation Page
Copy public address
On click
Copy to clipboard
QR code
On click
Display QR code
Collect
Amount
Pre-populate from amount in FIO Request
Token code
Pre-populate from token_code in FIO Request
Chain code
Pre-populate from chain_code in FIO Request
Memo
Pre-populate from memo in FIO Request
Transaction ID
Validate
Send Amount
Validate onfocusout
On validation error
Display error message:
Please enter valid amount
Validation rules
Format
Numeric
Max 9 decimals
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
Transaction ID
Validate onfocusout
On validation error
Display error message:
Please enter valid transaction ID
Validation rules
Allowed chcracters a-z, A-Z, 0-9
Max length has to be computed on the total size of the encrypted data as for /record_obt_data
Bundled transaction count
If <1 display Low balance banner prevent clicking Send Payment Details
Payment Details Confirmation
Display
To FIO Address
Amount
Token code
| |
FIO Request Rejected Confirmation |
|
Cancel FIO Request |
|
FIO Request Cancel Confirmation Page |
|
...
FIO
...
Data
Visual |
---|
Functionality |
---|
Requirements
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
...
Enter Payment Details |
|
Payment Details Confirmation |
|