Oppdatert deltakerapp (testfunksjonalitet)

apps/ungdomsytelse-deltaker/mock/msw/mocks/soker1/deltakelser/harSøkt.ts

@@ -7,61 +7,61 @@ export const deltakelserHarSøkt: DeltakelsePeriodInfo[] = [
         tilOgMed: undefined,
         harSøkt: true,
         oppgaver: [
+            // {
+            //     id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
+            //     oppgavetype: Oppgavetype.BEKREFT_ENDRET_SLUTTDATO,
+            //     eksternReferanse: '3b2d6764-1ea1-4b5d-9a07-d4d5e254b595',
+            //     oppgavetypeData: {
+            //         type: 'BEKREFT_ENDRET_STARTDATO',
+            //         nySluttdato: '2026-01-01',
+            //         veilederRef: 'Pål Hønesen, Andeby',
+            //         meldingFraVeileder: 'Jeg endrer sluttdatoen som vi avtalte på møtet forrige uke.',
+            //     },
+            //     status: OppgaveStatus.ULØST,
+            //     opprettetDato: '2025-02-22T11:43:29.048157Z',
+            //     løstDato: '2025-02-23T05:00:12.048157Z',
+            // },
+            // {
+            //     id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
+            //     eksternReferanse: '3b2d6764-1ea1-4b5d-9a07-d4d5e254b595',
+            //     oppgavetype: Oppgavetype.BEKREFT_ENDRET_SLUTTDATO,
+            //     oppgavetypeData: {
+            //         type: 'BEKREFT_ENDRET_STARTDATO',
+            //         nySluttdato: '2026-01-01',
+            //         veilederRef: 'Pål Hønesen, Andeby',
+            //         meldingFraVeileder: 'Jeg endrer sluttdatoen som vi avtalte på møtet forrige uke.',
+            //     },
+            //     status: OppgaveStatus.UTLØPT,
+            //     opprettetDato: '2025-02-22T11:43:29.048157Z',
+            //     løstDato: '2025-02-23T05:00:12.048157Z',
+            // },
             {
                 id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
-                oppgavetype: Oppgavetype.BEKREFT_ENDRET_SLUTTDATO,
+                oppgavetype: Oppgavetype.BEKREFT_AVVIK_REGISTERINNTEKT,
+                eksternReferanse: '3b2d6764-1ea1-4b5d-9a07-d4d5e254b595',
                 oppgavetypeData: {
-                    type: 'BEKREFT_ENDRET_STARTDATO',
-                    nySluttdato: '2026-01-01',
-                    veilederRef: 'Pål Hønesen, Andeby',
-                    meldingFraVeileder: 'Jeg endrer sluttdatoen som vi avtalte på møtet forrige uke.',
-                },
-                status: OppgaveStatus.ULØST,
-                opprettetDato: '2025-02-22T11:43:29.048157Z',
-                løstDato: '2025-02-23T05:00:12.048157Z',
-            },
-            {
-                id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
-                oppgavetype: Oppgavetype.BEKREFT_ENDRET_SLUTTDATO,
-                oppgavetypeData: {
-                    type: 'BEKREFT_ENDRET_STARTDATO',
-                    nySluttdato: '2026-01-01',
-                    veilederRef: 'Pål Hønesen, Andeby',
-                    meldingFraVeileder: 'Jeg endrer sluttdatoen som vi avtalte på møtet forrige uke.',
-                },
-                status: OppgaveStatus.UTLØPT,
-                opprettetDato: '2025-02-22T11:43:29.048157Z',
-                løstDato: '2025-02-23T05:00:12.048157Z',
-            },
-            {
-                id: 'fc2c6f01-8746-4ca0-b77a-40cc48bba216',
-                oppgavetype: Oppgavetype.BEKREFT_KORRIGERT_INNTEKT,
-                oppgavetypeData: {
-                    periodeForInntekt: {
-                        fraOgMed: '2026-01-01',
-                        tilOgMed: '2026-01-31',
-                    },
-                    inntektFraAinntekt: {
-                        arbeidsgivere: [
+                    fraOgMed: '2026-01-01',
+                    tilOgMed: '2026-01-31',
+                    registerinntekt: {
+                        arbeidOgFrilansInntekter: [
                             {
-                                navn: 'Flåklypa barteservice',
-                                beløp: 1232,
+                                arbeidsgiver: 'Flåklypa barteservice',
+                                inntekt: 1200,
                             },
                             {
-                                navn: 'Hopen klyp og klem',
-                                beløp: 50,
+                                arbeidsgiver: 'Hopen klyp og klem',
+                                inntekt: 50,
                             },
                         ],
-                        ytelser: [
+                        ytelseInntekter: [
                             {
-                                navn: 'Sykepenger',
-                                beløp: 4200,
+                                ytelsetype: 'Sykepenger',
+                                inntekt: 4000,
                             },
                         ],
-                    },
-                    inntektFraDeltaker: {
-                        arbeidstakerOgFrilansInntekt: undefined,
-                        inntektFraYtelse: undefined,
+                        totalInntektArbeidOgFrilans: 1250,
+                        totalInntektYtelse: 5000,
+                        totalInntekt: 5250,
                     },
                 },
                 status: OppgaveStatus.ULØST,
@@ -76,34 +76,39 @@ export const deltakelserHarSøkt: DeltakelsePeriodInfo[] = [
                 harRapportert: false,
                 arbeidstakerOgFrilansInntekt: undefined,
                 inntektFraYtelse: undefined,
+                summertInntekt: 0,
             },
             {
                 fraOgMed: '2025-01-01',
                 tilOgMed: '2025-01-31',
                 harRapportert: false,
                 arbeidstakerOgFrilansInntekt: undefined,
                 inntektFraYtelse: undefined,
+                summertInntekt: 0,
             },
             {
                 fraOgMed: '2025-02-01',
                 tilOgMed: '2025-02-26',
                 harRapportert: false,
                 arbeidstakerOgFrilansInntekt: undefined,
                 inntektFraYtelse: undefined,
+                summertInntekt: 0,
             },
             {
                 fraOgMed: '2025-03-01',
                 tilOgMed: '2025-03-31',
                 harRapportert: false,
                 arbeidstakerOgFrilansInntekt: undefined,
                 inntektFraYtelse: undefined,
+                summertInntekt: 0,
             },
             {
                 fraOgMed: '2025-04-01',
                 tilOgMed: '2025-04-30',
                 harRapportert: false,
                 arbeidstakerOgFrilansInntekt: undefined,
                 inntektFraYtelse: undefined,
+                summertInntekt: 0,
             },
         ],
     },

apps/ungdomsytelse-deltaker/src/apps/innsyn/components/Deltakelse.stories.tsx

@@ -1,41 +1,11 @@
-import { ISODateToDate } from '@navikt/sif-common-utils';
-import {
-    DeltakelsePeriode,
-    deltakelsePeriodeSchema,
-    EndreSluttdatoOppgave,
-    EndreStartdatoOppgave,
-    OppgaveStatus,
-    Oppgavetype,
-} from '@navikt/ung-common';
+import { DeltakelsePeriode, deltakelsePeriodeSchema } from '@navikt/ung-common';
 import { deltakelserHarSøkt } from '../../../../mock/msw/mocks/soker1/deltakelser/harSøkt';
 import { withIntl } from '../../../../storybook/decorators/withIntl';
 import { withPageWidth } from '../../../../storybook/decorators/withPageWidth';
-
-import type { Meta, StoryObj } from '@storybook/react';
 import DeltakelseContent from './DeltakelseContent';
-const endretStartdatoOppgave: EndreStartdatoOppgave = {
-    oppgavetype: Oppgavetype.BEKREFT_ENDRET_STARTDATO,
-    id: '123',
-    opprettetDato: ISODateToDate('2024-07-01'),
-    status: OppgaveStatus.ULØST,
-    oppgavetypeData: {
-        veilederRef: 'Ref',
-        nyStartdato: ISODateToDate('2024-07-01'),
-    },
-    svarfrist: ISODateToDate('2024-07-31'),
-};
 
-const endretSluttdatoOppgave: EndreSluttdatoOppgave = {
-    id: '123',
-    opprettetDato: ISODateToDate('2024-07-01'),
-    status: OppgaveStatus.ULØST,
-    oppgavetype: Oppgavetype.BEKREFT_ENDRET_SLUTTDATO,
-    oppgavetypeData: {
-        veilederRef: 'Ref',
-        nySluttdato: ISODateToDate('2024-07-01'),
-    },
-    svarfrist: ISODateToDate('2024-07-31'),
-};
+import type { Meta, StoryObj } from '@storybook/react';
+import dayjs from 'dayjs';
 
 const meta: Meta<typeof DeltakelseContent> = {
     component: DeltakelseContent,
@@ -49,32 +19,29 @@ type Story = StoryObj<typeof DeltakelseContent>;
 
 const deltakelse: DeltakelsePeriode = deltakelsePeriodeSchema.parse(deltakelserHarSøkt[0]);
 
-export const DeltakelseUtenOppgaver: Story = {
-    name: 'Åpen timerapportering',
+export const DeltakelseIkkeStartet: Story = {
+    name: 'Deltakelse ikke startet',
     args: {
         deltakelse: {
             ...deltakelse,
+            programPeriode: {
+                from: dayjs().add(2, 'days').toDate(),
+                to: undefined,
+            },
             oppgaver: [],
         },
     },
 };
-
-export const DeltakelseMedEndretStartdato: Story = {
-    name: 'Endret startdato',
-    args: {
-        deltakelse: {
-            ...deltakelse,
-            oppgaver: [endretStartdatoOppgave],
-        },
-    },
-};
-
-export const DeltakelseMedEndretSluttdato: Story = {
-    name: 'Endret sluttdato',
+export const DeltakelseAvsluttet: Story = {
+    name: 'Deltakelse er avsluttet',
     args: {
         deltakelse: {
             ...deltakelse,
-            oppgaver: [endretSluttdatoOppgave],
+            programPeriode: {
+                from: dayjs().subtract(1, 'year').toDate(),
+                to: dayjs().subtract(1, 'day').toDate(),
+            },
+            oppgaver: [],
         },
     },
 };

apps/ungdomsytelse-deltaker/src/apps/innsyn/components/DeltakelseContent.tsx

@@ -1,47 +1,66 @@
-import { Box, Heading, VStack } from '@navikt/ds-react';
+import { Heading, Switch, VStack } from '@navikt/ds-react';
 import { Deltakelse as DeltakelseContent, OppgaveStatus } from '@navikt/ung-common';
-import { getPeriodeÅpenForInntektsrapportering } from '../utils/deltakelseUtils';
-import OppgavePanel from './oppgaver/OppgavePanel';
-import LøsteOppgaver from './løste-oppgaver/LøsteOppgaver';
 import { DeltakelsePeriode } from '@navikt/ung-common/src/types/DeltakelsePeriode';
 import RapporterInntekt from './rapporter-inntekt/RapporterInntekt';
+import UløsteOppgaverList from './oppgaver/UløsteOppgaverList';
+import {
+    erDeltakelseAvsluttet,
+    erDeltakelseStartet,
+    getPeriodeÅpenForInntektsrapportering,
+} from '../utils/deltakelseUtils';
+import DeltakelseIkkeStartetInfo from './deltakelse-ikke-startet-info/DeltakelseIkkeStartetInfo';
+import DeltakelseAvsluttetInfo from './deltakelse-avsluttet-info/DeltakelseAvsluttetInfo';
+import RapporterInntektIkkeTilgjengeligInfo from './rapporter-inntekt/RapporterInntektIkkeTilgjengeligInfo';
+import { dateRangeToISODateRange, getDateToday, sortDateRange } from '@navikt/sif-common-utils';
+import { useState } from 'react';
 
 interface Props {
     deltakelse: DeltakelsePeriode;
 }
 
 const DeltakelseContent = ({ deltakelse }: Props) => {
-    const { rapporteringsPerioder, oppgaver, programPeriode, id } = deltakelse;
-    // const tidligerePerioder = getTidligereRapporteringsperioder(rapporteringsPerioder || []);
-    const rapporterInntektPeriode = getPeriodeÅpenForInntektsrapportering(rapporteringsPerioder || []);
+    const [visTest, setVisTest] = useState(false);
+
+    if (erDeltakelseStartet(deltakelse) === false) {
+        return <DeltakelseIkkeStartetInfo />;
+    }
+
+    if (erDeltakelseAvsluttet(deltakelse)) {
+        return <DeltakelseAvsluttetInfo />;
+    }
 
+    const { rapporteringsPerioder, oppgaver, programPeriode, id } = deltakelse;
     const uløsteOppgaver = oppgaver.filter((oppgave) => oppgave.status === OppgaveStatus.ULØST);
-    const løsteOppgaver = oppgaver.filter((oppgave) => oppgave.status !== OppgaveStatus.ULØST);
+    const åpenInntektsperiode = getPeriodeÅpenForInntektsrapportering(rapporteringsPerioder);
 
     return (
         <VStack gap="8">
-            {uløsteOppgaver.map((oppgave, index) => (
-                <OppgavePanel key={index} oppgave={oppgave} deltakelseId={id} programPeriode={programPeriode} />
-            ))}
-            {rapporterInntektPeriode ? <RapporterInntekt rapporteringsperiode={rapporterInntektPeriode} /> : null}
-
-            {/* <Box>
-                <Heading level="2" size="medium" spacing={true}>
-                    Perioder og inntekt
-                </Heading>
-                <Periodeliste
-                    erLåstForEndring={false}
-                    perioder={tidligerePerioder || []}
-                    programperiodeStartDato={deltakelse.programPeriode.from}
-                />
-            </Box> */}
-            {løsteOppgaver.length > 0 ? (
-                <Box>
-                    <Heading level="2" size="medium" spacing={true}>
-                        Historikk
+            {uløsteOppgaver.length === 0 ? null : (
+                <UløsteOppgaverList uløsteOppgaver={uløsteOppgaver} programPeriode={programPeriode} deltakelseId={id} />
+            )}
+            {åpenInntektsperiode ? (
+                <RapporterInntekt rapporteringsperiode={åpenInntektsperiode} />
+            ) : (
+                <RapporterInntektIkkeTilgjengeligInfo inntektsmåned={getDateToday()} />
+            )}
+            <Switch checked={visTest} onChange={(e) => setVisTest(e.target.checked)}>
+                Testfunksjonalitet
+            </Switch>
+            {visTest ? (
+                <VStack gap="4" className="border-2 border-dashed border-purple-100 p-6 rounded-lg">
+                    <Heading level="2" size="large">
+                        Kun for testing
                     </Heading>
-                    <LøsteOppgaver oppgaver={løsteOppgaver} />
-                </Box>
+                    <VStack gap="2">
+                        {rapporteringsPerioder
+                            .sort((p1, p2) => sortDateRange(p1.periode, p2.periode))
+                            .reverse()
+                            .filter((p) => p.harRapportert === false)
+                            .map((p) => (
+                                <RapporterInntekt key={dateRangeToISODateRange(p.periode)} rapporteringsperiode={p} />
+                            ))}
+                    </VStack>
+                </VStack>
             ) : null}
         </VStack>
     );