Skip to content

PIN Entry, 2FA, Sending, and Sent Confirmation Screens #47

@codeZe-us

Description

@codeZe-us

Implement the multi-step transaction authentication flow. Step 1: PIN entry screen with a 4-digit numeric keypad and biometric option. Step 2: 2FA Auth Code screen with a 6-digit input and numeric keypad. Step 3: loading screen with spinner and transaction summary. Step 4: success screen with checkmark, confirmation message, "View in Explorer" link, and Done button.

Acceptance Criteria:

  • PIN screen renders 4 input boxes and a full numeric keypad with backspace and fingerprint icons
  • Correct PIN advances to 2FA screen; incorrect PIN shows error feedback
  • 2FA screen renders 6 input boxes and numeric keypad
  • Valid 2FA code advances to the Sending screen
  • Sending screen shows a loading spinner and "Sending… [amount] to [address]" text
  • On success, transitions to Sent screen with checkmark animation
  • Sent screen shows success message, truncated destination address, "View in Explorer" link, and Done button
  • Done button returns user to the home/wallet screen

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions