Stake Tokens

Table of Contents

UX

Production Ready Sketch Assets

Overflow User Flow Reference

Additional Documentation

Main Staking Initiative

Micro View

Visual

Functionality

Visual

Functionality

 

Locked FIO Tokens

  • Display (Only Relates to Additional Balance and Staking View)

    • Unlock Date

      • Obtain using (…)

    • Amount

      • Obtain using (…)

    • Links

      • Close

        • On click

          • Close modal and return user to the wallet view

Staking

Visual

Functionality

Visual

Functionality

 

Associated Address(es)

  • Display

    • Wallet name

    • Transaction cost

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

    • Links

      • Max FIO Stake Amount

        • On click

          • Display maximum amount of FIO to be staked

      • Stake FIO Tokens

        • On click

          • Collect PIN

          • Execute (…)

          • On Error

            • Display (…)

          • On processing

            • Display Transaction Processing View

          • On success

            • Display FIO Request Confirmation Page

  • Collect

    • FIO Address for Staking

      • 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)

    • FIO Stake Amount

      • Amount denominated in FIO

  • Validate

    • Stake Amount

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid amount

      • Validation rules

        • Format

          • Numeric

          • Max 9 decimals

    • Bundled transaction count

No Associated Address(es)

  • Display

    • Wallet name

    • No Associated Address Banner

    • Transaction cost

      • Fee cost

    • Links

      • Max FIO Stake Amount

        • On click

          • Display maximum amount of FIO to be staked

      • Stake FIO Tokens

        • On click

          • Collect PIN

          • Execute (…)

          • On Error

            • Display (…)

          • On processing

            • Display Transaction Processing View

          • On success

            • Display FIO Request Confirmation Page

  • Collect

    • FIO Stake Amount

      • Amount denominated in FIO

  • Validate

    • Stake Amount

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid amount

      • Validation rules

        • Format

          • Numeric

          • Max 9 decimals

    • Fee Transaction Cost

No Associated Address(es) - Maximum Amount Selected

  • Additional Display

    • Maximum Stake Amount Messaging

    • FIO Stake Amount

      • Display amount of maximum amount of FIO that can be staked based on the amount of FIO that will be held back

Confirm Staking

  • Collect

    • PIN code

  • Display Transaction Processing Page

  • Stake using (…)

  • Display Staking Confirmation Page

FIO Tokens Staked - With Bundles

  • Display

    • Staking Information

    • Transaction cost

      • Bundle cost (this can be hard-coded to 2) and corresponding USDC

    • Links

      • Close and X

        • On click

          • Display Wallet Detail View

 

FIO Tokens Staked - With Fees

  • Display

    • Staking Information

    • Transaction cost

      • Fee cost in FIO and corresponding USDC

    • Links

      • Close and X

        • On click

          • Display Wallet Detail View

 

Low FIO Balance - No Associated Address

In the scenario where the user has no associated address and a balance which is to low or they have input a value that exceeds the threshold to stake including cost to cover fees display the following:

  • Additional Display

    • Display low FIO balance banner

 

Low FIO Balance

In the scenario where the user has an associated address and a balance which is to low display the following:

  • Additional Display

    • Display low FIO balance banner

 

No Remaining Bundles

In the scenario where the user has no remaining bundles display the following:

  • Additional Display

    • Display low FIO balance banner

No Remaining Bundles - Max FIO Selected

  • Additional Display

    • Display low FIO balance banner

Unstaking

Visual

Functionality

Visual

Functionality

 

Associated Address(es)

  • Display

    • Wallet name

    • Reward Token Lock Schedule Banner

    • Transaction cost

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

    • Links

      • Max FIO Unstake Amount

        • On click

          • Display maximum amount of FIO to be unstaked

      • Unstake FIO Tokens

        • On click

          • Collect PIN

          • Execute (…)

          • On Error

            • Display (…)

          • On processing

            • Display Transaction Processing View

          • On success

            • Display FIO Request Confirmation Page

  • Collect

    • FIO Address for Unstaking

      • 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)

    • FIO Unstake Amount

      • Amount denominated in FIO

  • Validate

    • Unstake Amount

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid amount

      • Validation rules

        • Format

          • Numeric

          • Max 9 decimals

    • Bundled transaction count

No Associated Address(es)

  • Display

    • Wallet name

    • No Associated Address Banner

    • Reward Token Lock Schedule Banner

    • Transaction cost

      • Fee cost

    • Links

      • Max FIO Unstake Amount

        • On click

          • Display maximum amount of FIO to be unstaked

      • Unstake FIO Tokens

        • On click

          • Collect PIN

          • Execute (…)

          • On Error

            • Display (…)

          • On processing

            • Display Transaction Processing View

          • On success

            • Display FIO Request Confirmation Page

  • Collect

    • FIO Stake Amount

      • Amount denominated in FIO

  • Validate

    • Unstake Amount

      • Validate onfocusout

        • On validation error

          • Display error message:

            • Please enter valid amount

      • Validation rules

        • Format

          • Numeric

          • Max 9 decimals

    • Fee Transaction Cost

Confirm Unstaking

  • Collect

    • PIN code

  • Display Transaction Processing Page

  • Unstake using (…)

  • Display Staking Confirmation Page

 

 

 

FIO Tokens Unstaked - With Bundles

  • Display

    • Rewards Lock Timeframe Banner

    • Unstaking Information

    • Transaction cost

      • Bundle cost (this can be hard-coded to 2) and corresponding USDC

    • Links

      • Close and X

        • On click

          • Display Wallet Detail View

 

FIO Tokens Unstaked - With Fees

  • Display

    • Rewards Lock Timeframe Banner

    • Unstaking Information

    • Transaction cost

      • Fee cost and corresponding USDC

    • Links

      • Close and X

        • On click

          • Display Wallet Detail View

 

 

 

Low FIO Balance - No Associated Address(es)

In the scenario where the user has an associated address and a balance which is to low display the following:

  • Additional Display

    • Display low FIO balance banner

 

No Bundles Remaining - Associated Address(es)

In the scenario where the user has no remaining bundles display the following:

  • Additional Display

    • Display low FIO balance banner

 

No Remaining Bundles and Low FIO Balance - Associated Address(es)

In the scenario where the user has no remaining bundles and a balance which is to low or have input a value that exceeds the threshold to stake including cost to cover fees display the following:

  • Additional Display

    • Display low FIO balance banner