🚸 Vedlegg array i mellomlagring

api/fetch.ts

@@ -1,8 +1,9 @@
 import fetch from 'cross-fetch';
 
-export const fetchPOST = async (url: string, payload: object) => {
+export const fetchPOST = async (url: string, payload: object, options?: RequestInit) => {
   const headers = {
     'Content-Type': 'application/json',
+    ...options?.headers,
   };
   try {
     const res = await fetch(url, {

components/input/MonthPickerWrapper/MonthPickerWrapper.tsx

@@ -35,7 +35,7 @@ export const MonthPickerWrapper = ({
       dropdownCaption={dropdownCaption}
       defaultSelected={selectedDate}
     >
-      <MonthPicker.Input {...inputProps} label={label} error={error} />
+      <MonthPicker.Input {...inputProps} id={id} label={label} error={error} />
     </MonthPicker>
   );
 };

components/input/countryselector/CountrySelector.tsx

@@ -19,13 +19,13 @@ const CountrySelector = ({ name, label, className, onChange, value, error }: Pro
     return Object.entries(countries.getNames('nb', { select: 'official' }))
       .filter((country) => country[0] !== 'NO' && country[0] !== 'SJ')
       .sort(
-        (a, b) => (a[1] > b[1] ? 1 : -1) // Sorterer alfabetisk på navn i stedet for landkode
+        (a, b) => (a[1] > b[1] ? 1 : -1), // Sorterer alfabetisk på navn i stedet for landkode
       );
   }, [countries]);
 
   return (
     <div className={className}>
-      <Select name={name} label={label} onChange={onChange} value={value} error={error}>
+      <Select id={name} name={name} label={label} onChange={onChange} value={value} error={error}>
         {[
           <option key="none" value="none">
             Velg land

components/pageComponents/standard/UtenlandsPeriodeVelger/UtenlandsPeriode.module.css

@@ -19,3 +19,6 @@
 .pidInput input {
   max-width: 8rem;
 }
+.visuallyHidden {
+  composes: visuallyHidden from '/styles/visibility.module.css';
+}

components/pageComponents/standard/UtenlandsPeriodeVelger/UtenlandsPeriodeVelger.tsx

@@ -5,6 +5,7 @@ import {
   BodyLong,
   BodyShort,
   Button,
+  ErrorSummary,
   Heading,
   HGrid,
   Label,
@@ -160,6 +161,20 @@ const UtenlandsPeriodeVelger = ({
               }
             }}
           >
+            <ErrorSummary
+              heading={formatMessage({ id: 'errorSummary.title' })}
+              aria-hidden={!errors?.length}
+              className={errors?.length ? '' : classes?.visuallyHidden}
+              tabIndex={0}
+            >
+              {errors?.length
+                ? errors.map((error) => (
+                  <ErrorSummary.Item key={error.path} href={`#${error.path}`}>
+                    {error.message}
+                  </ErrorSummary.Item>
+                  ))
+                : 'hidden'}
+            </ErrorSummary>
             <CountrySelector
               className={classes.countrySelector}
               name={'land'}

components/pageComponents/standard/Vedlegg/Vedlegg.test.tsx

@@ -72,7 +72,6 @@ const soknadContextInitial: SoknadContextState = {
     ],
   },
   requiredVedlegg,
-  søknadUrl: undefined,
 };
 
 describe('Vedlegg', () => {

context/soknadcontext/soknadContext.tsx

@@ -11,7 +11,6 @@ export interface SoknadContextState {
   søknad?: Soknad;
   lagretStepList?: Array<StepType>;
   requiredVedlegg: RequiredVedlegg[];
-  søknadUrl?: string;
   sistLagret?: string;
 }
 
@@ -20,7 +19,6 @@ export const soknadContextInititalState: SoknadContextState = {
   version: SOKNAD_VERSION,
   søknad: undefined,
   requiredVedlegg: [],
-  søknadUrl: undefined,
   type: SøknadType.STANDARD,
 };
 

hooks/useDebounceLagreSoknad.tsx

@@ -4,6 +4,7 @@ import { useCallback } from 'react';
 import { formatDateTime } from 'utils/date';
 import { setSistLagret, useAppStateContext } from 'context/appStateContext';
 import { SoknadContextState } from 'context/soknadcontext/soknadContext';
+import { søknadVedleggStateTilFilIdString } from 'utils/vedlegg';
 
 export function useDebounceLagreSoknad<SoknadStateType>() {
   const { appStateDispatch } = useAppStateContext();
@@ -19,8 +20,8 @@ export function useDebounceLagreSoknad<SoknadStateType>() {
       lagretStepList: stepList,
       sistLagret: formatDateTime(new Date()),
     };
-    const res = await fetchPOST(`/aap/soknad/api/mellomlagring/lagre`, payload);
-    if (res.ok) setSistLagret(formatDateTime(new Date()), appStateDispatch);
+    const res = await mellomLagreSøknad(payload);
+    if (res?.ok) setSistLagret(formatDateTime(new Date()), appStateDispatch);
   }
 
   const debouncedLagre = () => {
@@ -32,3 +33,13 @@ export function useDebounceLagreSoknad<SoknadStateType>() {
   };
   return useCallback(debouncedLagre(), []);
 }
+export async function mellomLagreSøknad(contextState: SoknadContextState) {
+  if (contextState.søknad) {
+    const vedleggString = søknadVedleggStateTilFilIdString(contextState.søknad);
+    return await fetchPOST(`/aap/soknad/api/mellomlagring/lagre`, contextState, {
+      headers: {
+        vedlegg: vedleggString,
+      },
+    });
+  }
+}

pages/api/innsending/soknadinnsending.ts

@@ -20,6 +20,7 @@ import { SOKNAD_VERSION } from 'context/soknadcontext/soknadContext';
 import { deleteCache } from 'mock/mellomlagringsCache';
 import { simpleTokenXProxy } from 'lib/utils/api/simpleTokenXProxy';
 import { IncomingMessage } from 'http';
+import { søknadVedleggStateTilFilArray } from 'utils/vedlegg';
 
 // TODO: Sjekke om vi må generere pdf på samme språk som bruker har valgt når de fyller ut søknaden
 function getIntl() {
@@ -73,21 +74,7 @@ const handler = beskyttetApi(async (req: NextApiRequest, res: NextApiResponse) =
     søknad: Soknad;
     requiredVedlegg: RequiredVedlegg[];
   };
-
-  const filer: Fil[] = Object.keys(søknad.vedlegg ?? {})
-    .map((key) => {
-      const vedleggArray = søknad?.vedlegg?.[key];
-      const filerArray: Fil[] =
-        vedleggArray?.map((vedlegg) => {
-          return {
-            id: vedlegg.vedleggId,
-            tittel: mapVedleggTypeTilVedleggTekst(key),
-          };
-        }) ?? [];
-
-      return filerArray;
-    })
-    .flat();
+  const filer: Fil[] = søknadVedleggStateTilFilArray(søknad);
 
   const etterspurtDokumentasjon = requiredVedlegg?.map((vedlegg) => vedlegg.type);
 
@@ -122,27 +109,6 @@ const handler = beskyttetApi(async (req: NextApiRequest, res: NextApiResponse) =
   }
 });
 
-function mapVedleggTypeTilVedleggTekst(vedleggType: AttachmentType): string {
-  switch (vedleggType) {
-    case 'LØNN_OG_ANDRE_GODER':
-      return 'Dokumentasjon om lønn og andre goder';
-    case 'OMSORGSSTØNAD':
-      return 'Dokumentasjon om omsorgsstønad';
-    case 'UTLANDSSTØNAD':
-      return 'Dokumentasjon om utenlandsstønad';
-    case 'SYKESTIPEND':
-      return 'Dokumentasjon om sykestipend';
-    case 'LÅN':
-      return 'Dokumentasjon om lån';
-    case 'AVBRUTT_STUDIE':
-      return 'Dokumentasjon om avbrutt studie';
-    case 'ANNET':
-      return 'Annen dokumentasjon';
-    default:
-      return 'Dokumentasjon om barn eller fosterbarn';
-  }
-}
-
 export const sendSoknadViaAapInnsending = async (
   innsending: SoknadInnsendingRequestBody,
   req: IncomingMessage,

pages/api/mellomlagring/lagre.ts

@@ -34,7 +34,7 @@ export const mellomlagreSøknad = async (data: object, req: IncomingMessage) =>
   if (isMock()) return await lagreCache(JSON.stringify(data));
   try {
     const result = await simpleTokenXProxy({
-      url: `${process.env.INNSENDING_URL}/mellomlagring/søknad`,
+      url: `${process.env.INNSENDING_URL}/mellomlagring/søknad/v2`,
       method: 'POST',
       audience: process.env.INNSENDING_AUDIENCE!,
       body: data,

pages/index.tsx

@@ -3,7 +3,6 @@ import React, { useEffect, useRef, useState } from 'react';
 import { useRouter } from 'next/router';
 import { GetServerSidePropsResult, NextPageContext } from 'next/types';
 import { beskyttetSide } from 'auth/beskyttetSide';
-import { fetchPOST } from 'api/fetch';
 import { StepType } from 'components/StepWizard/Step';
 import { logSkjemaStartetEvent } from 'utils/amplitude';
 import metrics from 'utils/metrics';
@@ -13,6 +12,7 @@ import { hentMellomlagring } from 'pages/api/mellomlagring/les';
 import { isFunctionalTest } from 'utils/environments';
 import { logError, logInfo } from '@navikt/aap-felles-utils';
 import { Person, getPerson } from 'pages/api/oppslagapi/person';
+import { mellomLagreSøknad } from 'hooks/useDebounceLagreSoknad';
 
 interface PageProps {
   person: Person;
@@ -54,13 +54,15 @@ const Introduksjon = ({ person }: PageProps) => {
     setIsLoading(true);
     setHasError(false);
     logSkjemaStartetEvent();
-    const result = await fetchPOST('/aap/soknad/api/mellomlagring/lagre', {
+    const initState: SoknadContextState = {
       version: SOKNAD_VERSION,
-      søknad: {},
+      søknad: { vedlegg: {} },
       lagretStepList: defaultStepList,
-    });
+      requiredVedlegg: [],
+    };
+    const result = await mellomLagreSøknad(initState);
 
-    if (!result.ok) {
+    if (!result?.ok) {
       setIsLoading(false);
       setHasError(true);
     } else {

utils/vedlegg.ts

@@ -0,0 +1,50 @@
+import { Soknad } from 'types/Soknad';
+import { AttachmentType } from 'types/SoknadContext';
+
+export interface Fil {
+  id: string;
+  tittel: string;
+}
+export const søknadVedleggStateTilFilArray = (søknad: Soknad) => {
+  const filer: Fil[] = Object.keys(søknad.vedlegg ?? {})
+    .map((key) => {
+      const vedleggArray = søknad?.vedlegg?.[key];
+      const filerArray: Fil[] =
+        vedleggArray?.map((vedlegg) => {
+          return {
+            id: vedlegg.vedleggId,
+            tittel: mapVedleggTypeTilVedleggTekst(key),
+          };
+        }) ?? [];
+
+      return filerArray;
+    })
+    .flat();
+  return filer;
+};
+
+export const søknadVedleggStateTilFilIdString = (søknad: Soknad) => {
+  return søknadVedleggStateTilFilArray(søknad)
+    .map((fil) => fil.id)
+    .join(',');
+};
+function mapVedleggTypeTilVedleggTekst(vedleggType: AttachmentType): string {
+  switch (vedleggType) {
+    case 'LØNN_OG_ANDRE_GODER':
+      return 'Dokumentasjon om lønn og andre goder';
+    case 'OMSORGSSTØNAD':
+      return 'Dokumentasjon om omsorgsstønad';
+    case 'UTLANDSSTØNAD':
+      return 'Dokumentasjon om utenlandsstønad';
+    case 'SYKESTIPEND':
+      return 'Dokumentasjon om sykestipend';
+    case 'LÅN':
+      return 'Dokumentasjon om lån';
+    case 'AVBRUTT_STUDIE':
+      return 'Dokumentasjon om avbrutt studie';
+    case 'ANNET':
+      return 'Annen dokumentasjon';
+    default:
+      return 'Dokumentasjon om barn eller fosterbarn';
+  }
+}