Oppdaterer typer ihht backend-endringer

server/package.json

@@ -7,7 +7,7 @@
         "build": "node build.mjs",
         "build-and-watch": "node build.mjs watch",
         "start": "node -r dotenv/config ./dist/server.cjs dotenv_config_path=../.env",
-        "nodemon-start": "nodemon -r dotenv/config -w ./dist/server -w ../.env.development ./dist/server/server.cjs dotenv_config_path=../.env.development",
+        "nodemon-start": "nodemon -r dotenv/config -w ./dist/server.cjs -w ../.env.development ./dist/server/server.cjs dotenv_config_path=../.env.development",
         "dev": "npm-run-all -p build-and-watch nodemon-start"
     },
     "dependencies": {

server/src/fetch/transformMeldekort.ts

@@ -1,20 +1,20 @@
 import { MeldekortUtfylling } from '@client/typer/meldekort-utfylling';
-import { MeldekortMottakDto } from '@client/typer/meldekort-dto';
+import { MeldekortTilBrukerDTO } from '@client/typer/meldekort-dto';
 
 export const tilMeldekortUtfylling = (
-    meldekortDto: MeldekortMottakDto
+    meldekortDto: MeldekortTilBrukerDTO
 ): MeldekortUtfylling => {
     return {
         id: meldekortDto.id,
         periode: {
             fraOgMed: meldekortDto.fraOgMed,
             tilOgMed: meldekortDto.tilOgMed,
         },
-        status: meldekortDto.status,
         innsendt: meldekortDto.innsendt ?? null,
-        meldekortDager: meldekortDto.dager.map((dag, index) => ({
+        dager: meldekortDto.dager.map((dag, index) => ({
             status: dag.status,
             dato: dag.dag,
+            harRett: dag.harRett,
             index,
         })),
     };

server/src/routing/SiteRouteBuilder.ts

@@ -20,7 +20,7 @@ export class SiteRouteBuilder {
 
     public route<Path extends SiteRoutePath>(
         path: Path,
-        fetcher: (req: Request) => Promise<SiteRouteProps<Path>>
+        fetcher: (req: Request) => Promise<SiteRouteProps>
     ) {
         const fullPath = this.joinPaths(appConfig.basePath, path);
         const dataPath = this.joinPaths(path, 'data');

server/src/routing/routes/apiRoutes.ts

@@ -1,9 +1,9 @@
 import { RequestHandler, Router } from 'express';
-import { MeldekortInnsendingDto } from '@client/typer/meldekort-dto';
+import { MeldekortFraBrukerDTO } from '@client/typer/meldekort-dto';
 import { fetchFraApi } from '@fetch/apiFetch';
 
 const sendInnRoute: RequestHandler = async (req, res) => {
-    const body = req.body as MeldekortInnsendingDto;
+    const body = req.body as MeldekortFraBrukerDTO;
 
     const response = await fetchFraApi(req, 'send-inn', 'POST', JSON.stringify(body));
 

server/src/routing/routes/siteRoutes.ts

@@ -3,7 +3,7 @@ import { initHtmlRenderer } from '@ssr/initHtmlRenderer';
 import { SiteRouteBuilder } from '@routing/SiteRouteBuilder';
 import { tilMeldekortUtfylling } from '@fetch/transformMeldekort';
 import { fetchFraApi } from '@fetch/apiFetch';
-import { MeldekortMottakDto } from '@client/typer/meldekort-dto';
+import { MeldekortTilBrukerDTO } from '@client/typer/meldekort-dto';
 
 export const setupSiteRoutes = async (router: Router) => {
     const htmlRenderer = await initHtmlRenderer({
@@ -14,14 +14,14 @@ export const setupSiteRoutes = async (router: Router) => {
 
     routeBuilder.route('/', async (req) => {
         const meldekortDto = await fetchFraApi(req, 'siste', 'GET').then((res) =>
-            res?.ok ? (res.json() as Promise<MeldekortMottakDto>) : null
+            res?.ok ? (res.json() as Promise<MeldekortTilBrukerDTO>) : null
         );
         return { meldekort: meldekortDto ? tilMeldekortUtfylling(meldekortDto) : null };
     });
 
     routeBuilder.route('/alle', async (req) => {
         const alleMeldekort = await fetchFraApi(req, 'alle', 'GET').then((res) =>
-            res?.ok ? (res.json() as Promise<MeldekortMottakDto[]>) : null
+            res?.ok ? (res.json() as Promise<MeldekortTilBrukerDTO[]>) : null
         );
 
         return { alleMeldekort: alleMeldekort ? alleMeldekort.map(tilMeldekortUtfylling) : [] }
@@ -31,7 +31,7 @@ export const setupSiteRoutes = async (router: Router) => {
         const meldekortId = req.params.meldekortId;
 
         const meldekortDto = await fetchFraApi(req, `meldekort/${meldekortId}`, 'GET').then((res) =>
-            res?.ok ? (res.json() as Promise<MeldekortMottakDto>) : null
+            res?.ok ? (res.json() as Promise<MeldekortTilBrukerDTO>) : null
         );
 
         return { meldekort: meldekortDto ? tilMeldekortUtfylling(meldekortDto) : null }

src/App.tsx

@@ -16,7 +16,7 @@ export const App = ({ initialRoute, initialProps, error }: AppContext) => {
             <Page.Block width={'md'} as={'main'} id={'maincontent'}>
                 <VStack className={style.text}>
                     {error && <Alert variant={'error'}>{error}</Alert>}
-                    {Object.values(siteRoutes).map((route) => (
+                    {siteRoutes.map((route) => (
                         <Route path={route.path} key={route.path}>
                             <RouteComponent
                                 route={route}

src/components/alle/AlleMeldekort.tsx

@@ -1,5 +1,5 @@
 import { Accordion, BodyShort, Heading } from '@navikt/ds-react';
-import { MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 import { InternLenke } from '@components/lenke/InternLenke.tsx';
 import { formatterDato } from '@utils/datetime';
 import { Kalender } from '@components/fyll-ut/kalender/Kalender';

src/components/forside/Forside.tsx

@@ -3,7 +3,7 @@ import { Tekst } from '@components/tekst/Tekst';
 import { TilUtfylling } from '@components/forside/til-utfylling/TilUtfylling';
 import { InternLenke } from '@components/lenke/InternLenke.tsx';
 import { TekstParagrafer } from '@components/tekst/TekstParagrafer';
-import { MeldekortStatus, MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 import { SisteMeldekortStatus } from '@components/forside/siste-meldekort-status/SisteMeldekortStatus';
 
 import style from './Forside.module.css';
@@ -26,10 +26,10 @@ export const Forside = ({ meldekort }: Props) => {
             <TekstParagrafer id={'forsideIngress'} spacing={true} />
             <TekstParagrafer id={'forsideTakk'} weight={'semibold'} size={'large'} />
             <TekstParagrafer id={'forsideOpplysninger'} spacing={true} />
-            {meldekort.status === MeldekortStatus.TilUtfylling ? (
-                <TilUtfylling nesteMeldekortId={meldekort.id} />
-            ) : (
+            {meldekort.innsendt ? (
                 <SisteMeldekortStatus meldekort={meldekort} />
+            ) : (
+                <TilUtfylling nesteMeldekortId={meldekort.id} />
             )}
             <InternLenke path={'/alle'} className={style.tidligere}>
                 <Tekst id={'forsideSeOgEndre'} />

src/components/forside/siste-meldekort-status/SisteMeldekortStatus.tsx

@@ -1,7 +1,7 @@
 import { Alert, BodyLong } from '@navikt/ds-react';
 import { Tekst } from '@components/tekst/Tekst';
 import { formatterDato, formatterDatoTid } from '@utils/datetime';
-import { MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 
 import style from './SisteMeldekortStatus.module.css';
 

src/components/fyll-ut/FyllUt.tsx

@@ -1,5 +1,5 @@
 import { BodyLong, Heading } from '@navikt/ds-react';
-import { MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 import { FraværModal } from '@components/fyll-ut/steg-2-fravær/fravær-modal/FraværModal';
 import { MeldekortUtfyllingProvider } from '@context/meldekort-utfylling/MeldekortUtfyllingProvider';
 import { useEffect, useState } from 'react';

src/components/fyll-ut/dag-felles/dagFellesUtils.ts

@@ -1,5 +1,5 @@
 import React, { SVGProps } from 'react';
-import { MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import {
     BabyWrappedFillIcon,
     CheckmarkCircleFillIcon,

src/components/fyll-ut/kalender/Kalender.tsx

@@ -1,6 +1,6 @@
 import { KalenderUke } from '@components/fyll-ut/kalender/uke/KalenderUke';
 import { MeldekortSteg } from '@components/fyll-ut/FyllUt';
-import { MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 
 import style from './Kalender.module.css';
 
@@ -10,8 +10,8 @@ type Props = {
 };
 
 export const Kalender = ({ steg, meldekort }: Props) => {
-    const forsteUke = meldekort.meldekortDager.slice(0, 7);
-    const andreUke = meldekort.meldekortDager.slice(7, 14);
+    const forsteUke = meldekort.dager.slice(0, 7);
+    const andreUke = meldekort.dager.slice(7, 14);
 
     return (
         <div className={style.kalender}>

src/components/fyll-ut/kalender/statisk-dag/StatiskDagPanel.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BodyLong } from '@navikt/ds-react';
-import { MeldekortDag } from '@typer/meldekort-utfylling';
+import { MeldekortDag } from '@typer/meldekort-utfylling.ts';
 import { formatterDato } from '@utils/datetime';
 import {
     statusTilIkon,

src/components/fyll-ut/kalender/uke/KalenderUke.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MeldekortDag } from '@typer/meldekort-utfylling';
+import { MeldekortDag } from '@typer/meldekort-utfylling.ts';
 import { Heading } from '@navikt/ds-react';
 import { getUkenummer } from '@utils/datetime.ts';
 import { DeltattDagPanel } from '@components/fyll-ut/steg-1-deltatt/dag/DeltattDagPanel';

src/components/fyll-ut/steg-1-deltatt/Steg1_Deltatt.tsx

@@ -1,6 +1,6 @@
 import { useState } from 'react';
 import { useMeldekortUtfylling } from '@context/meldekort-utfylling/useMeldekortUtfylling';
-import { MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import { BodyLong, Button, Radio, RadioGroup } from '@navikt/ds-react';
 import { Kalender } from '@components/fyll-ut/kalender/Kalender';
 import { Tekst } from '@components/tekst/Tekst';
@@ -21,7 +21,7 @@ export const Steg1_Deltatt = () => {
         return null;
     }
 
-    const antallDagerDeltatt = meldekortUtfylling.meldekortDager.filter(
+    const antallDagerDeltatt = meldekortUtfylling.dager.filter(
         (dag) => dag.status === MeldekortDagStatus.Deltatt
     ).length;
 

src/components/fyll-ut/steg-1-deltatt/dag/DeltattDagPanel.tsx

@@ -1,4 +1,4 @@
-import { MeldekortDag, MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDag, MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import { Checkbox } from '@navikt/ds-react';
 import { classNames } from '@utils/classNames.ts';
 import { useMeldekortUtfylling } from '@context/meldekort-utfylling/useMeldekortUtfylling';

src/components/fyll-ut/steg-2-fravær/dag/FraværDagPanel.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { MeldekortDag, MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDag, MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import { useMeldekortUtfylling } from '@context/meldekort-utfylling/useMeldekortUtfylling';
 import { formatterDato } from '@utils/datetime';
 import { BodyLong, Button } from '@navikt/ds-react';

src/components/fyll-ut/steg-2-fravær/fravær-modal/FraværModal.tsx

@@ -1,5 +1,5 @@
 import { Button, Modal, RadioGroup } from '@navikt/ds-react';
-import { MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import { useEffect, useState } from 'react';
 import { Tekst } from '@components/tekst/Tekst';
 import { formatterDato } from '@utils/datetime';

src/components/fyll-ut/steg-2-fravær/fravær-modal/status/FraværStatusPanel.tsx

@@ -1,6 +1,6 @@
 import { Radio } from '@navikt/ds-react';
 import { classNames } from '@utils/classNames.ts';
-import { MeldekortDagStatus } from '@typer/meldekort-utfylling';
+import { MeldekortDagStatus } from '@typer/meldekort-utfylling.ts';
 import {
     meldekortStatusTilStyle,
     statusTilTekstId,

src/components/fyll-ut/steg-3-bekreft/Steg3_Bekreft.tsx

@@ -6,13 +6,15 @@ import { Tekst } from '@components/tekst/Tekst';
 import { MeldekortSteg } from '@components/fyll-ut/FyllUt.tsx';
 import { Kalender } from '@components/fyll-ut/kalender/Kalender';
 import { tilMeldekortInnsending } from '@utils/transformMeldekort';
+import { useLocation } from 'wouter';
 
 type Props = {
     forrigeSteg?: MeldekortSteg;
 };
 
 export const Steg3_Bekreft = ({ forrigeSteg = 'deltatt' }: Props) => {
     const [harBekreftet, setHarBekreftet] = useState(false);
+    const [_, navigate] = useLocation();
 
     const { setMeldekortSteg, meldekortUtfylling } = useMeldekortUtfylling();
 
@@ -50,9 +52,7 @@ export const Steg3_Bekreft = ({ forrigeSteg = 'deltatt' }: Props) => {
                             body: JSON.stringify(tilMeldekortInnsending(meldekortUtfylling)),
                         }).then((res) => {
                             if (res.ok) {
-                                window.location.assign(
-                                    `/tiltakspenger/meldekort/${meldekortUtfylling!.id}/kvittering`
-                                );
+                                navigate(`/${meldekortUtfylling!.id}/kvittering`);
                             } else {
                                 window.alert(`Innsending feilet med feilkode ${res.status}`);
                             }

src/context/meldekort-utfylling/MeldekortUtfyllingContext.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-import { MeldekortDag, MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortDag, MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 import { MeldekortSteg } from '@components/fyll-ut/FyllUt';
 
 export type MeldekortUtfyllingState = {

src/context/meldekort-utfylling/MeldekortUtfyllingProvider.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { MeldekortUtfyllingContext } from '@context/meldekort-utfylling/MeldekortUtfyllingContext';
-import { MeldekortDag, MeldekortUtfylling } from '@typer/meldekort-utfylling';
+import { MeldekortDag, MeldekortUtfylling } from '@typer/meldekort-utfylling.ts';
 import { MeldekortSteg } from '@components/fyll-ut/FyllUt';
 
 type Props = {
@@ -20,12 +20,12 @@ export const MeldekortUtfyllingProvider = ({
 
     const lagreMeldekortDag = useCallback(
         (dag: MeldekortDag) => {
-            const meldekortDagerUpdated = [...meldekortUtfylling.meldekortDager];
+            const meldekortDagerUpdated = [...meldekortUtfylling.dager];
             meldekortDagerUpdated[dag.index] = dag;
 
             setMeldekortUtfylling({
                 ...meldekortUtfylling,
-                meldekortDager: meldekortDagerUpdated,
+                dager: meldekortDagerUpdated,
             });
         },
         [meldekortUtfylling]

src/routing/RouteComponent.tsx

@@ -6,7 +6,7 @@ import { useFetchPageProps } from '@context/useFetchPageData.ts';
 
 type Props = {
     route: SiteRouteConfig<any>;
-    initialProps?: SiteRouteProps<any>;
+    initialProps?: SiteRouteProps;
 };
 
 export const RouteComponent = ({ route, initialProps }: Props) => {

src/routing/appContext.ts

@@ -1,7 +1,7 @@
 import { SiteRoutePath, SiteRouteProps } from '@routing/siteRoutes.ts';
 
 export type AppContext = {
-    initialRoute: string;
-    initialProps: SiteRouteProps<any>;
+    initialRoute: SiteRoutePath | string;
+    initialProps: SiteRouteProps;
     error?: string;
 }

src/routing/siteRoutes.ts

@@ -9,28 +9,27 @@ export type SiteRouteConfig<Props> = {
     Component: React.FunctionComponent<Props>;
 };
 
-export type SiteRouteMap =  typeof siteRoutes
+export type SiteRoute = (typeof siteRoutes)[number];
 
-export type SiteRoutePath = keyof SiteRouteMap;
+export type SiteRoutePath = SiteRoute['path'];
 
-export type SiteRouteProps<Path extends SiteRoutePath> = React.ComponentProps<SiteRouteMap[Path]['Component']>;
+export type SiteRouteProps = React.ComponentProps<SiteRoute['Component']>;
 
-export const siteRoutes =
+export const siteRoutes = [
     {
-        '/': {
-            path: '/',
-            Component: Forside,
-        },
-        '/alle': {
-            path: '/alle',
-            Component: AlleMeldekort,
-        },
-        '/:meldekortId/fyll-ut': {
-            path: '/:meldekortId/fyll-ut',
-            Component: FyllUt,
-        },
-        '/:meldekortId/kvittering': {
-            path: '/:meldekortId/kvittering',
-            Component: KvitteringsSide,
-        },
-    } as const satisfies Record<string, SiteRouteConfig<any>>;
+        path: '/',
+        Component: Forside,
+    },
+    {
+        path: '/alle',
+        Component: AlleMeldekort,
+    },
+    {
+        path: '/:meldekortId/fyll-ut',
+        Component: FyllUt,
+    },
+    {
+        path: '/:meldekortId/kvittering',
+        Component: KvitteringsSide,
+    },
+] as const satisfies SiteRouteConfig<any>[];