Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

https://overflow.io/s/Z6B8A8VT

Cart

VisualView

FunctionalityRequirements

Free Cart

No Payment Required

These paths already exists and can persist now for single free crypto handle transactions.

  • Search View

    • Display

      • Single FIO Crypto Handle in Cart

      • Checkout CTA

        • In the case where the user is registering a single free crypto handle, the user will bypass the secondary cart view and proceed directly to the make purchase view with no form of needed payment to complete their transaction.

  • Cart View

    • Display

      • Single FIO Crypto Handle in Cart

      • Complete Transaction CTA

        • In the event that the user closes the purchase view and only a single free handle is in the cart, the user is shown the cart view with with the complete transaction CTA with directs the user the the make purchase view with no form of needed payment to complete their transaction.

Paid Cart

Pay with FIO Cart

Pay with non-FIO Cart

Price Change

  • Display

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all FIO Addresses

    • Price change warning

      • Display if price has changed from previous page

    • Search for more FIO Addresses

      • On click

        • Display FIO Address Selection Page

    • Pay with FIO Cart - show if user has 1 or more FIO Wallets with enough funds to pay for entire cart show

      • Pay with FIO link

        • On click display FIO Payment Page

      • Other Pay Options

        • On click display Payment Options

    • Pay with non-FIO - show if user does not have enough FIO in any wallet to pay for cart

      • Pay with FIO Credit Card

        • On click display Pay with Credit Card Page

      • Pay with CoinPayments

        • On click redirect to CoinPayments

Payment Options

  • Display

    • Pay with FIO Credit Card

      • On click display Pay with Credit Card Page

    • Pay with CoinPayments

      • On click clear cart and redirect to CoinPayments

Pay with FIO

VisualView

FunctionalityRequirements

Purchase Page

  • Collect

    • FIO Wallet name - only show if user has more than 1 FIO Wallet irrespective of balance

  • Display

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all items' cost in cart

    • FIO Wallet balance

      • FIO as obtained from /get_fio_balance

      • USDC calculated: FIO balance * Total USDC / Total FIO

      • If wallet balance is less than purchase amount due, display Cart page with Low Balance banner

    • Purchase Now button

      • On click

        • Run /get_fee

          • If prices have changed, display Cart page with updated pricing and Pricing update! banner.

        • Check user’s FIO balance

          • If wallet balance is less than purchase amount due, display Cart page with Low Balance banner

        • Collect

          • PIN code

        • Display Transaction Processing Page

        • Register Register FIO Address and FIO Domains

        • Display Registration Confirmation Page

Pay with Stripe

VisualView

FunctionalityRequirements

Pay with card

...

Pay with FIO Confirmation

VisualView

FunctionalityRequirements

Success

Image Removed

Display

FIO Image Added

  • Display

    • Title

      • The title updates based on monitoring status. When a change is detected, the title updates accordingly.

    • Progress Bar - Confirmation Status

      • The progress bar updates based on monitoring status. When a change is detected, the status bar updates accordingly.

        • Transaction Completed - Paid with FIO & Free (2 states)

          • When the user arrives on this view, the recording on chain status is the default status. Once recorded, the view is refreshed showing the status as completed.

        • Transaction Completed - Paid with Credit or Debit (3 states)

          • When the user arrives on this view, the payment processing status is the default status. Once the payment has been completed, the transaction will update to the recording on chain status and when recorded, the status is updated as completed.

        • Partial Transaction Completed - Paid with FIO & Free

        • Partial Transaction Completed - Paid with Credit or Debit

        • Failed Transaction - Paid with FIO & Free

        • Failed Transaction - Paid with Credit of Debit

    • FIO Addresses and FIO Domains purchased

    • Total cost

      • Sum of all items' cost in cart

    • Close or X

      • When clicked display Authenticated Home Page

In Progress

Image Added
  • Display

    • Copy

      • Coinpayments

        • Confirmation in Progress - Your crypto payment is currently being confirmed. You do not need to remain on this screen and may close the view without disrupting your purchase.

      • Stripe

        • Confirmation in Progress - Your credit/debit card payment is currently being confirmed. You do not need to remain on this screen and may close the view without disrupting your purchase.

    • FIO Addresses and FIO Domains in cart

    • Paid with copy

      • Coinpayments

        • CoinPayments

      • Stripe

        • Credit/Debit Card

    • Total cost

      • Sum of all items' cost in cart

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Orders Page

  • Continue monitoring status and if changes update page to new status

Purchase Error

Image RemovedImage Added

  • Displayed when all items in cart were not purchased due to errors.

  • Display

    • Close or X

      • Display Cart page with all failed items from purchase added back to cart

Partial Success

Image RemovedImage Added

  • Displayed when some items in cart were not purchased due to errors.

  • Display

    • Items purchased

    • Items which had errors

  • Display

    • Try Again

      • the purchase of remaining items is retried and Purchase Interstitial is displayed.

    • X

      • Display Cart page with failed items from purchase added back to cart

  • Remaining items are left in Cart

...

Visual

Functionality

Success

Image RemovedImage Added

  • Display

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all items' cost in cart

    • Paid with copy

      • Coinpayments

        • CoinPayments

      • Stripe

        • Credit/Debit Card

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Authenticated Home Page

In Progress

Image RemovedImage Added
  • Display

    • Copy

      • Coinpayments

        • Confirmation in Progress - Your crypto payment is currently being confirmed. You do not need to remain on this screen and may close the view without disrupting your purchase.

      • Stripe

        • Confirmation in Progress - Your credit/debit card payment is currently being confirmed. You do not need to remain on this screen and may close the view without disrupting your purchase.

    • FIO Addresses and FIO Domains in cart

    • Paid with copy

      • Coinpayments

        • CoinPayments

      • Stripe

        • Credit/Debit Card

    • Total cost

      • Sum of all items' cost in cart

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Orders Page

  • Continue monitoring status and if changes update page to new status

Cancelled

Image RemovedImage Added

  • Display

    • Copy

      • Coinpayments

        • Canceled Payment - Your crypto payment has been cancelled.

      • Stripe

        • Canceled Payment - Your credit/debit card payment has been cancelled.

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all items' cost in cart

    • Paid with copy

      • Coinpayments

        • CoinPayments

      • Stripe

        • Credit/Debit Card

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Cart page with all items from purchase added back to cart

Purchase Error or Declined

Image RemovedImage Added

  • Display

    • Copy

      • Coinpayments

        • Purchase Error - There was an error during registration. As a result we could not confirm the purchase, but we have credited your wallet with XXX.XX FIO Tokens. You can use these tokens to register FIO Crypto Handle or Domain.

      • Stripe

        • requires_payment_method

          • Credit/Debit Card not accepted - the credit card you have provided was not accepted by the issuing bank and therefore your transaction was not complete. Click close and try purchasing again with another form of payment.

        • Purchase error on FIO Chain for all items

          • Purchase Error - There was an error during registration. As a result we have refunded the entire amount of order, $XX.XX back to your credit card. Click close and try purchasing again.

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all items' cost in cart

    • Paid with copy

      • Not Paid

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Cart page with all items from purchase added back to cart

Partial Success

Image RemovedImage Added

  • Display

    • FIO Addresses and FIO Domains in cart

    • Total cost

      • Sum of all items' cost in cart

    • Transaction ID

      • Coinpayments

        • Transaction ID

      • Stripe

        • payment_intentm ID

    • Close or X

      • On click

        • Display Cart page with failed items from purchase added back to cart

...