🏠 Overview › 🧩 Components ›🧩 Expense Type Picker

Expense Type Picker

Component Detail

User Interface medium complexity mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations

Description

Mobile UI control that presents the tenant-configured catalogue of expense categories to the submitter. Filters available types by the user's role and applies inline rule hints (receipt thresholds, mutual exclusivity) as the user makes a selection.

Feature: Expense Types & Requirements

expense-type-picker

Sources & reasoning

Section 2.1 and 3.3 describe a per-tenant configurable expense-type catalog with exclusion rules and threshold-based auto-approval, distinct from the user-facing registration flow. It sits in Phase 2 (Core Product) alongside the rest of the reimbursement stack.

  • Faste valg for utleggstype - ikke fritekst - for å hindre feilkombinasjon (f.eks. både km og bussbillett). ... Automatisk godkjenning under 50 km / uten utlegg, manuell attestering ellers (HLF).
  • Detaljert refusjonsstyring med faste valg som gjør feilkombinasjon teknisk umulig (f.eks. km + bussbillett kan ikke velges samtidig). Automatisk godkjenning under terskel.

Responsibilities

  • Render the list of expense types available to the current user role
  • Display per-type requirement hints (receipt needed, max amount, etc.)
  • Enforce mutual exclusivity rules at selection time
  • Emit the chosen type and its associated rule metadata to the parent expense form
  • Refresh the catalogue from the local store on screen mount

Interfaces

render(roleId: string, tenantId: string): ReactElement
onTypeSelected(typeId: string): ExpenseTypeRules
getVisibleTypes(roleId: string): ExpenseType[]

Related Data Entities (2)

Data entities managed by this component

Expense Types 25 fields configuration Expenses 19 fields core