🏠 Overview › 🧩 Components ›🧩 VippsLoginScreen

VippsLoginScreen

Component Detail

User Interface medium complexity frontendmobile
0
Dependencies
0
Dependents
0
Entities
0
Integrations

Description

Presents the Vipps login entry point to the user, typically as a branded button or screen within the authentication flow. Initiates the OAuth2/OIDC authorization request by redirecting the user to the Vipps Login portal. Handles loading and error states during the redirect phase.

Feature: Vipps Authentication

vipps-login-screen

Sources & reasoning

Priority matrix assigns BankID/Vipps to phase 2 (v1.0). Line 42 defers it from MVP. Line 379 shows explicit cost-sharing discussion confirming it is a planned real feature. Phase 2 by ordinal = v1.0. Treated symmetrically with BankID per all source references.

  • docs/source/likeperson.md · line 379
    Vipps login-kostnad (350-750 kr/mnd) fordeles mellom organisasjonene - avtal modell.
  • docs/source/likeperson.md · line 144
    BankID / Vipps innlogging | ✓ | ✓ | ✓ | ✓ | ✓ | MUST HAVE | 2
  • docs/source/likeperson.md · line 42
    MVP leveres med e-post/passord-innlogging; BankID og Vipps ruller ut i Fase 2

Responsibilities

  • Render the Vipps login button with correct branding and accessibility attributes
  • Trigger the OAuth2 authorization redirect via VippsAuthService on user interaction
  • Display loading state while the authorization request is being prepared
  • Show user-friendly error messages if the auth initiation fails

Interfaces

initiateLogin(): void
renderVippsButton(disabled: boolean): ReactNode
onError(error: AuthError): void