🏠 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, displaying the Vipps branding and initiating the OAuth redirect flow. Handles the pre-redirect state including loading indicators and error messaging. Integrates with the platform's authentication UI conventions to provide a consistent login experience alongside other identity providers.

Feature: Vipps Authentication

vipps-login-screen

Sources & reasoning

Line 42 names Vipps as preferred by all four organizations, deferred to Fase 2 (= v1.0) alongside BankID. Line 379 explicitly notes the monthly Vipps cost and cost-sharing requirement, confirming it as a concrete deliverable with a commercial prerequisite that must be resolved before release.

  • Alle fire organisasjoner peker på BankID eller Vipps som foretrukket autentisering ved førstegangs innlogging
  • Vipps login-kostnad (350-750 kr/mnd) fordeles mellom organisasjonene - avtal modell

Responsibilities

  • Render the Vipps login button with correct branding and accessibility attributes
  • Trigger the OAuth redirect to Vipps Login on user interaction
  • Display error states when the Vipps flow is unavailable or returns a failure
  • Show loading state while the redirect is being prepared

Interfaces

initiateVippsLogin(): void
renderErrorState(error: AuthError): void
renderLoadingState(): void