Vipps Login Screen
Component Detail
User Interface
medium complexity
mobile
1
Dependencies
0
Dependents
0
Entities
0
Integrations
Description
Flutter screen presenting the Vipps Login option and managing the OAuth redirect flow. Displays the Vipps brand button, initiates the deep link to the Vipps app, and handles the return via the registered redirect URI using app_links or flutter_web_auth. Shows loading states during token exchange and error states if the flow is cancelled or fails.
vipps-login-screen
Responsibilities
- Render Vipps-branded login button following Vipps brand guidelines
- Initiate OAuth 2.0 authorization flow via deep link to Vipps app
- Handle redirect URI callback and extract authorization code
- Display loading, success, and error states during authentication
- Support WCAG 2.2 AA compliance including screen reader labels and minimum touch targets
Interfaces
initiateVippsLogin()
handleRedirectCallback(uri: String)
showLoadingState()
showErrorState(error: AuthError)
onLoginSuccess(user: User)
onLoginCancelled()
retryLogin()