@@ -5,7 +5,16 @@ import {
5
5
ProblemDetail ,
6
6
} from "@mr/api-client-v2" ;
7
7
import { jsonPointerToFieldPath } from "@mr/frontend-common/utils/utils" ;
8
- import { Button , Heading , HStack , Textarea , TextField , VStack } from "@navikt/ds-react" ;
8
+ import {
9
+ Button ,
10
+ Heading ,
11
+ HStack ,
12
+ Textarea ,
13
+ TextField ,
14
+ VStack ,
15
+ Link ,
16
+ Alert ,
17
+ } from "@navikt/ds-react" ;
9
18
import { useRef } from "react" ;
10
19
import { FormProvider , useForm } from "react-hook-form" ;
11
20
import { useNavigate } from "react-router" ;
@@ -19,6 +28,7 @@ import { addYear, isValidationError } from "@/utils/Utils";
19
28
20
29
interface Props {
21
30
gjennomforing : GjennomforingDto ;
31
+ kontonummer ?: string ;
22
32
}
23
33
24
34
const MIN_BEGRUNNELSE_LENGDE = 10 ;
@@ -81,9 +91,10 @@ const Schema = z
81
91
82
92
type InferredOpprettUtbetalingFormSchema = z . infer < typeof Schema > ;
83
93
84
- export function OpprettUtbetalingForm ( { gjennomforing } : Props ) {
94
+ export function OpprettUtbetalingForm ( { gjennomforing, kontonummer } : Props ) {
85
95
const form = useForm < InferredOpprettUtbetalingFormSchema > ( {
86
96
resolver : zodResolver ( Schema ) ,
97
+ defaultValues : { kontonummer } ,
87
98
} ) ;
88
99
const navigate = useNavigate ( ) ;
89
100
const utbetalingId = useRef ( window . crypto . randomUUID ( ) ) ;
@@ -175,15 +186,37 @@ export function OpprettUtbetalingForm({ gjennomforing }: Props) {
175
186
< Heading size = "small" level = "2" >
176
187
Betalingsinformasjon
177
188
</ Heading >
178
- < VStack gap = "5" align = { "start" } >
189
+ < VStack align = { "start" } >
179
190
< TextField
180
191
size = "small"
181
- label = "Kontonummer"
192
+ label = "Kontonummer til arrangør "
182
193
{ ...register ( "kontonummer" ) }
183
194
minLength = { 11 }
184
195
maxLength = { 11 }
185
196
error = { errors . kontonummer ?. message }
197
+ readOnly
198
+ description = "Kontonummer hentes automatisk fra Altinn"
186
199
/>
200
+ < small className = "text-balance" >
201
+ Dersom kontonummer er feil må arrangør oppdatere kontonummer i Altinn. Les mer her
202
+ om < EndreKontonummerLink /> .
203
+ </ small >
204
+ { ! kontonummer ? (
205
+ < Alert variant = "warning" className = "my-5" >
206
+ < VStack align = "start" gap = "2" >
207
+ < Heading spacing size = "xsmall" level = "3" >
208
+ Kontonummer mangler for arrangør
209
+ </ Heading >
210
+ < p className = "text-balance" >
211
+ Arrangøren har ikke registrert et kontonummer for utbetaling i Altinn.
212
+ Arrangør må legge inn kontonummer før du kan opprette utbetaling til
213
+ arrangøren. Les mer om < EndreKontonummerLink /> her.
214
+ </ p >
215
+ </ VStack >
216
+ </ Alert >
217
+ ) : null }
218
+ </ VStack >
219
+ < VStack >
187
220
< TextField
188
221
size = "small"
189
222
label = "Valgfritt KID-nummer"
@@ -210,3 +243,15 @@ export function OpprettUtbetalingForm({ gjennomforing }: Props) {
210
243
</ >
211
244
) ;
212
245
}
246
+
247
+ function EndreKontonummerLink ( ) {
248
+ return (
249
+ < Link
250
+ rel = "noopener noreferrer"
251
+ href = "https://www.nav.no/arbeidsgiver/endre-kontonummer#hvordan"
252
+ target = "_blank"
253
+ >
254
+ endring av kontonummer for refusjoner fra Nav
255
+ </ Link >
256
+ ) ;
257
+ }
0 commit comments