Nytt ferie steg

apps/svangerskapspengesoknad/package.json

@@ -7,8 +7,8 @@
     "scripts": {
         "build": "vite build",
         "dev": "node ./dev-server.cjs",
-        "dev-api": "node ./mock-api/mock-api-server.cjs",
         "dev-vite": "vite",
+        "dev-api": "node ./mock-api/mock-api-server.cjs",
         "lint:eslint": "eslint \"./src/**/*.{js,ts,tsx}\"",
         "lint:tsc": "tsc --noEmit",
         "lint:fix": "eslint --quiet --fix './src/**/*.{js,ts,tsx}'",

apps/svangerskapspengesoknad/src/AppContainer.test.tsx

@@ -20,7 +20,7 @@ describe('<AppContainer>', () => {
         await userEvent.click(screen.getByText('Start søknaden'));
 
         expect(await screen.findByText('Er barnet født?')).toBeInTheDocument();
-        expect(screen.getByText('Steg 1 av 6')).toBeInTheDocument();
+        expect(screen.getByText('Steg 1 av 7')).toBeInTheDocument();
         await userEvent.click(screen.getByText('Ja'));
         const fødselsdato = utils.getByLabelText('Fødselsdato');
         await userEvent.type(fødselsdato, dayjs().subtract(20, 'day').format(DDMMYYYY_DATE_FORMAT));
@@ -31,25 +31,25 @@ describe('<AppContainer>', () => {
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Bo i utlandet')).toHaveLength(2);
-        expect(screen.getByText('Steg 2 av 7')).toBeInTheDocument();
+        expect(screen.getByText('Steg 2 av 8')).toBeInTheDocument();
         await userEvent.click(screen.getByText('Jeg har bodd i Norge'));
         await userEvent.click(screen.getByText('Jeg skal bo i Norge'));
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Arbeidsforhold og inntekt')).toHaveLength(2);
-        expect(screen.getByText('Steg 3 av 7')).toBeInTheDocument();
+        expect(screen.getByText('Steg 3 av 8')).toBeInTheDocument();
         await userEvent.click(screen.getAllByText('Nei')[0]);
         await userEvent.click(screen.getAllByText('Nei')[1]);
         await userEvent.click(screen.getAllByText('Nei')[2]);
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Velg bedrift')).toHaveLength(2);
-        expect(screen.getByText('Steg 4 av 7')).toBeInTheDocument();
+        expect(screen.getByText('Steg 4 av 8')).toBeInTheDocument();
         await userEvent.click(screen.getByText('Sykehuset i Vestfold'));
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Last opp skjema')).toHaveLength(2);
-        expect(screen.getByText('Steg 5 av 7')).toBeInTheDocument();
+        expect(screen.getByText('Steg 5 av 8')).toBeInTheDocument();
         const file = new File(['hello'], 'hello.png', { type: 'image/png' });
         const fileInput = screen.getByLabelText('Last opp skjema for risiko og tilrettelegging i svangerskapet');
         await fireEvent.change(fileInput, {
@@ -58,7 +58,7 @@ describe('<AppContainer>', () => {
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Behov for tilrettelegging')).toHaveLength(2);
-        expect(screen.getByText('Steg 6 av 7')).toBeInTheDocument();
+        expect(screen.getByText('Steg 6 av 8')).toBeInTheDocument();
         const behovDato = utils.getByLabelText('Fra hvilken dato har du behov for tilrettelegging eller omplassering?');
         await userEvent.type(behovDato, dayjs().subtract(1, 'month').format(DDMMYYYY_DATE_FORMAT));
         fireEvent.blur(behovDato);
@@ -67,7 +67,7 @@ describe('<AppContainer>', () => {
         await userEvent.click(screen.getByText('Neste steg'));
 
         expect(await screen.findAllByText('Perioder med tilrettelegging')).toHaveLength(2);
-        expect(screen.getByText('Steg 7 av 8')).toBeInTheDocument();
+        expect(screen.getByText('Steg 7 av 9')).toBeInTheDocument();
         const jobbeFra = utils.getByLabelText('Du skal jobbe fra:');
         await userEvent.type(jobbeFra, dayjs().subtract(1, 'month').format(DDMMYYYY_DATE_FORMAT));
         fireEvent.blur(jobbeFra);
@@ -76,8 +76,16 @@ describe('<AppContainer>', () => {
         await userEvent.type(stillingsprosent, '50');
         await userEvent.click(screen.getByText('Neste steg'));
 
+        expect(await screen.findAllByText('Ferie')).toHaveLength(2);
+        expect(screen.getByText('Steg 8 av 9')).toBeInTheDocument();
+        await userEvent.click(screen.getByText('Nei'));
+        await userEvent.click(screen.getByText('Neste steg'));
+
         expect(await screen.findAllByText('Oppsummering')).toHaveLength(2);
-        expect(screen.getByText('Steg 8 av 8')).toBeInTheDocument();
+        expect(screen.getByText('Steg 9 av 9')).toBeInTheDocument();
+
+        await userEvent.click(screen.getByText('Forrige steg'));
+        expect(screen.getAllByText('Ferie')).toHaveLength(2);
 
         await userEvent.click(screen.getByText('Forrige steg'));
         expect(screen.getAllByText('Perioder med tilrettelegging')).toHaveLength(2);

apps/svangerskapspengesoknad/src/Svangerskapspengesøknad.tsx

@@ -1,4 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
+import { SvpDataContext } from 'appData/SvpDataContext';
+import { SvpDataMapAndMetaData, VERSJON_MELLOMLAGRING } from 'appData/useMellomlagreSøknad';
 import ky from 'ky';
 import { useIntl } from 'react-intl';
 
@@ -8,8 +10,6 @@ import { erMyndig, useDocumentTitle } from '@navikt/fp-utils';
 import { notEmpty } from '@navikt/fp-validation';
 
 import { ApiErrorHandler, Spinner, SvangerskapspengesøknadRoutes } from './SvangerskapspengesøknadRoutes';
-import { SvpDataContext } from './app-data/SvpDataContext';
-import { SvpDataMapAndMetaData, VERSJON_MELLOMLAGRING } from './app-data/useMellomlagreSøknad';
 import { IkkeKvinne } from './pages/ikke-kvinne/IkkeKvinne';
 import './styles/app.css';
 

apps/svangerskapspengesoknad/src/SvangerskapspengesøknadRoutes.tsx

@@ -2,6 +2,7 @@ import Environment from 'appData/Environment';
 import { ContextDataType } from 'appData/SvpDataContext';
 import { SøknadRoute, TILRETTELEGGING_PARAM } from 'appData/routes';
 import { useAvbrytSøknad } from 'appData/useAvbrytSøknad';
+import { SvpDataMapAndMetaData, useMellomlagreSøknad } from 'appData/useMellomlagreSøknad';
 import { useSendSøknad } from 'appData/useSendSøknad';
 import { FunctionComponent, useEffect, useState } from 'react';
 import { Navigate, Route, Routes, useNavigate } from 'react-router-dom';
@@ -12,12 +13,12 @@ import { Kvittering, LocaleNo, Søkerinfo } from '@navikt/fp-types';
 import { ErrorPage } from '@navikt/fp-ui';
 import { redirect } from '@navikt/fp-utils';
 
-import { SvpDataMapAndMetaData, useMellomlagreSøknad } from './app-data/useMellomlagreSøknad';
 import { Forside } from './pages/forside/Forside';
 import { ArbeidIUtlandetSteg } from './steps/arbeid-i-utlandet/ArbeidIUtlandetSteg';
 import { ArbeidsforholdOgInntektSteg } from './steps/arbeidsforhold-og-inntekt/ArbeidsforholdOgInntektSteg';
 import { BarnetSteg } from './steps/barnet/BarnetSteg';
 import { EgenNæringSteg } from './steps/egen-næring/EgenNæringSteg';
+import { FerieSteg } from './steps/ferie/FerieSteg';
 import { FrilansSteg } from './steps/frilans/FrilansSteg';
 import { OppsummeringSteg } from './steps/oppsummering/OppsummeringSteg';
 import { PerioderSteg } from './steps/perioder/PerioderSteg';
@@ -172,6 +173,16 @@ const renderSøknadRoutes = (
                     />
                 }
             />
+            <Route
+                path={`${SøknadRoute.FERIE}/${TILRETTELEGGING_PARAM}`}
+                element={
+                    <FerieSteg
+                        arbeidsforhold={søkerInfo.arbeidsforhold}
+                        mellomlagreSøknadOgNaviger={mellomlagreSøknadOgNaviger}
+                        avbrytSøknad={avbrytSøknad}
+                    />
+                }
+            />
             <Route
                 path={SøknadRoute.OPPSUMMERING}
                 element={

apps/svangerskapspengesoknad/src/app-data/SvpDataContext.tsx

@@ -1,5 +1,6 @@
 import { FunctionComponent, ReactNode, createContext, useContext, useReducer } from 'react';
 import { ArbeidIUtlandet } from 'types/ArbeidIUtlandet';
+import { AvtaltFeriePerArbeidsgiver } from 'types/AvtaltFerie';
 import { Barn } from 'types/Barn';
 import { DelvisTilrettelegging, IngenTilrettelegging, PeriodeMedVariasjon } from 'types/Tilrettelegging';
 
@@ -28,6 +29,7 @@ export enum ContextDataType {
     TILRETTELEGGINGER_VEDLEGG = 'TILRETTELEGGINGER_VEDLEGG',
     TILRETTELEGGINGER = 'TILRETTELEGGINGER',
     TILRETTELEGGINGER_PERIODER = 'TILRETTELEGGINGER_PERIODER',
+    FERIE = 'FERIE',
 }
 
 export type ContextDataMap = {
@@ -43,10 +45,11 @@ export type ContextDataMap = {
     [ContextDataType.VALGTE_ARBEIDSFORHOLD]?: string[];
     [ContextDataType.TILRETTELEGGINGER_VEDLEGG]?: Record<string, Attachment[]>;
     [ContextDataType.TILRETTELEGGINGER]?: Record<string, DelvisTilrettelegging | IngenTilrettelegging>;
+    [ContextDataType.FERIE]?: AvtaltFeriePerArbeidsgiver;
     [ContextDataType.TILRETTELEGGINGER_PERIODER]?: Record<string, PeriodeMedVariasjon[]>;
 };
 
-const defaultInitialState = {} as ContextDataMap;
+const defaultInitialState = {} satisfies ContextDataMap;
 
 export type Action = { type: 'update'; key: ContextDataType; data: any } | { type: 'reset' };
 type Dispatch = (action: Action) => void;

apps/svangerskapspengesoknad/src/app-data/getSøknadForInnsending.ts

@@ -89,6 +89,7 @@ export const getSøknadForInnsending = (
     const tilretteleggingerPerioder = hentData(ContextDataType.TILRETTELEGGINGER_PERIODER);
     const frilans = hentData(ContextDataType.FRILANS);
     const egenNæring = hentData(ContextDataType.EGEN_NÆRING);
+    const ferie = hentData(ContextDataType.FERIE);
 
     return {
         språkkode: locale,
@@ -106,5 +107,6 @@ export const getSøknadForInnsending = (
             frilans,
         ),
         vedlegg: finnVedlegg(tilretteleggingerVedlegg, alleArbeidsforhold),
+        avtaltFerie: ferie ? Object.values(ferie).flatMap((f) => f.feriePerioder) : [],
     };
 };

apps/svangerskapspengesoknad/src/app-data/routes.ts

@@ -12,6 +12,7 @@ export enum SøknadRoute {
     SKJEMA = '/skjema',
     TILRETTELEGGING = '/tilrettelegging',
     PERIODER = '/perioder',
+    FERIE = '/ferie',
     OPPSUMMERING = '/oppsummering',
 }
 
@@ -22,7 +23,7 @@ export type RouteParams = {
 export const TILRETTELEGGING_PARAM = ':tilretteleggingId';
 
 export const addTilretteleggingIdToRoute = (route: SøknadRoute, id: string) => {
-    if ([SøknadRoute.SKJEMA, SøknadRoute.TILRETTELEGGING, SøknadRoute.PERIODER].includes(route)) {
+    if ([SøknadRoute.SKJEMA, SøknadRoute.TILRETTELEGGING, SøknadRoute.PERIODER, SøknadRoute.FERIE].includes(route)) {
         return `${route}/${id}`;
     }
     throw new Error(`Rute ${route} kan ikke ha param`);

apps/svangerskapspengesoknad/src/app-data/useSendSøknad.test.tsx

@@ -4,6 +4,7 @@ import ky, { ResponsePromise } from 'ky';
 import { ReactNode } from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { ArbeidIUtlandetType } from 'types/ArbeidIUtlandet';
+import { AvtaltFerieDto, AvtaltFeriePerArbeidsgiver } from 'types/AvtaltFerie';
 import {
     Arbeidsforholdstype,
     DelivisTilretteleggingPeriodeType,
@@ -82,6 +83,8 @@ const FRILANS = {
     oppstart: '2024-01-01',
 };
 
+const INGEN_FERIE = [] satisfies AvtaltFerieDto[];
+
 const EGEN_NÆRING = {
     næringstype: Næringstype.FISKER,
     fom: '2023-01-01',
@@ -123,6 +126,7 @@ const getWrapper =
         tilrettelegginger: Record<string, DelvisTilrettelegging | IngenTilrettelegging>,
         tilretteleggingerVedlegg: Record<string, Attachment[]>,
         tilretteleggingerPerioder?: Record<string, PeriodeMedVariasjon[]>,
+        ferie?: AvtaltFeriePerArbeidsgiver,
     ) =>
     ({ children }: { children: ReactNode }) => (
         <IntlProvider locale="nb" messagesGroupedByLocale={MESSAGES_GROUPED_BY_LOCALE}>
@@ -137,6 +141,7 @@ const getWrapper =
                             [ContextDataType.TILRETTELEGGINGER]: tilrettelegginger,
                             [ContextDataType.TILRETTELEGGINGER_PERIODER]: tilretteleggingerPerioder,
                             [ContextDataType.TILRETTELEGGINGER_VEDLEGG]: tilretteleggingerVedlegg,
+                            [ContextDataType.FERIE]: ferie,
                             [ContextDataType.UTENLANDSOPPHOLD_TIDLIGERE]: TIDLIGERE_UTENLANDSOPPHOLD,
                             [ContextDataType.UTENLANDSOPPHOLD_SENERE]: SENERE_UTENLANDSOPPHOLD,
                         }}
@@ -186,8 +191,24 @@ describe('useSendSøknad', () => {
             [ANNEN_ARBEIDSGIVER_ID]: [VEDLEGG],
         };
 
+        const ferie = {
+            [ARBEIDSGIVER_ID]: {
+                skalHaFerie: true,
+                feriePerioder: [
+                    {
+                        arbeidsforhold: {
+                            type: Arbeidsforholdstype.VIRKSOMHET,
+                            id: ARBEIDSGIVER_ID,
+                        },
+                        fom: '2024-09-10',
+                        tom: '2024-10-10',
+                    },
+                ],
+            },
+        } satisfies AvtaltFeriePerArbeidsgiver;
+
         const { result } = renderHook(() => useSendSøknad(setKvittering, 'nb', DEFAULT_ARBEIDSFORHOLD), {
-            wrapper: getWrapper(tilrettelegginger, tilretteleggingerVedlegg),
+            wrapper: getWrapper(tilrettelegginger, tilretteleggingerVedlegg, undefined, ferie),
         });
 
         result.current.sendSøknad();
@@ -202,6 +223,7 @@ describe('useSendSøknad', () => {
                     språkkode: 'nb',
                     barn: BARNET,
                     frilans: FRILANS,
+                    avtaltFerie: ferie[ARBEIDSGIVER_ID].feriePerioder,
                     egenNæring: EGEN_NÆRING,
                     andreInntekterSiste10Mnd: ARBEID_I_UTLANDET.arbeidIUtlandet,
                     utenlandsopphold: TIDLIGERE_UTENLANDSOPPHOLD.concat(SENERE_UTENLANDSOPPHOLD),
@@ -322,6 +344,7 @@ describe('useSendSøknad', () => {
                     språkkode: 'nb',
                     barn: BARNET,
                     frilans: FRILANS,
+                    avtaltFerie: INGEN_FERIE,
                     egenNæring: EGEN_NÆRING,
                     andreInntekterSiste10Mnd: ARBEID_I_UTLANDET.arbeidIUtlandet,
                     utenlandsopphold: TIDLIGERE_UTENLANDSOPPHOLD.concat(SENERE_UTENLANDSOPPHOLD),
@@ -448,6 +471,7 @@ describe('useSendSøknad', () => {
                     språkkode: 'nb',
                     barn: BARNET,
                     frilans: FRILANS,
+                    avtaltFerie: INGEN_FERIE,
                     egenNæring: EGEN_NÆRING,
                     andreInntekterSiste10Mnd: ARBEID_I_UTLANDET.arbeidIUtlandet,
                     utenlandsopphold: TIDLIGERE_UTENLANDSOPPHOLD.concat(SENERE_UTENLANDSOPPHOLD),