Legger til vedleggstittel som oppsummering underveis i søknaden

src/frontend/components/Felleskomponenter/PeriodeOppsummering/PeriodeOppsummering.tsx

@@ -11,17 +11,9 @@ const PeriodeOppsummering: React.FC<{
     fjernPeriodeCallback?: () => void;
     fjernKnappSpråkId?: string;
     tittelSpråkId: string;
-    vedleggNotis?: ReactNode;
     children?: ReactNode;
     headingLevel?: HeadingLevel;
-}> = ({
-    nummer,
-    fjernPeriodeCallback = undefined,
-    fjernKnappSpråkId,
-    tittelSpråkId,
-    vedleggNotis,
-    children,
-}) => {
+}> = ({ nummer, fjernPeriodeCallback = undefined, fjernKnappSpråkId, tittelSpråkId, children }) => {
     return (
         <FormSummary.Answer>
             <FormSummary.Label>
@@ -42,7 +34,6 @@ const PeriodeOppsummering: React.FC<{
                     )}
                 </FormSummary.Answers>
             </FormSummary.Value>
-            {vedleggNotis}
         </FormSummary.Answer>
     );
 };

src/frontend/components/Felleskomponenter/Steg/useFormProgressSteg.tsx

@@ -31,7 +31,7 @@ export const useFormProgressSteg = (): IStegMedTittel[] => {
     return steg
         .map(steg => {
             let tittelBlock: LocaleRecordBlock;
-            let tittelFlettefeltVerider: FlettefeltVerdier | undefined = undefined;
+            let tittelFlettefeltVerdier: FlettefeltVerdier | undefined = undefined;
 
             switch (steg.route) {
                 case RouteEnum.Forside:
@@ -54,7 +54,7 @@ export const useFormProgressSteg = (): IStegMedTittel[] => {
                         tittelBlock = OM_BARNET.omBarnetTittelUtenFlettefelt;
                     } else {
                         tittelBlock = OM_BARNET.omBarnetTittel;
-                        tittelFlettefeltVerider = {
+                        tittelFlettefeltVerdier = {
                             barnetsNavn: barnForSteg[antallBarnTellerOmBarnet].navn,
                         };
                         antallBarnTellerOmBarnet++;
@@ -68,7 +68,7 @@ export const useFormProgressSteg = (): IStegMedTittel[] => {
                         tittelBlock = EØS_FOR_BARN.eoesForBarnTittelUtenFlettefelt;
                     } else {
                         tittelBlock = EØS_FOR_BARN.eoesForBarnTittel;
-                        tittelFlettefeltVerider = {
+                        tittelFlettefeltVerdier = {
                             barnetsNavn: barnForSteg[antallBarnTellerEøsForBarnet].navn,
                         };
                         antallBarnTellerEøsForBarnet++;
@@ -96,7 +96,7 @@ export const useFormProgressSteg = (): IStegMedTittel[] => {
 
             return {
                 ...steg,
-                tittel: plainTekst(tittelBlock, tittelFlettefeltVerider),
+                tittel: plainTekst(tittelBlock, tittelFlettefeltVerdier),
             };
         })
         .filter(steg => steg.route !== RouteEnum.Forside && steg.route !== RouteEnum.Kvittering);

src/frontend/components/Felleskomponenter/VedleggOppsummering.tsx

@@ -0,0 +1,46 @@
+import React, { FC } from 'react';
+
+import { Alert, List } from '@navikt/ds-react';
+
+import { useApp } from '../../context/AppContext';
+import { dokumentasjonsbehovTilSpråkId } from '../../typer/dokumentasjon';
+import { Dokumentasjonsbehov } from '../../typer/kontrakt/dokumentasjon';
+import { FlettefeltVerdier } from '../../typer/sanity/sanity';
+
+import SpråkTekst from './SpråkTekst/SpråkTekst';
+
+interface IVedleggOppsummeringProps {
+    vedlegg: {
+        skalVises: boolean;
+        dokumentasjonsbehov: Dokumentasjonsbehov;
+        flettefeltVerdier?: FlettefeltVerdier;
+    }[];
+}
+
+export const VedleggOppsummering: FC<IVedleggOppsummeringProps> = ({ vedlegg }) => {
+    const { tekster, plainTekst } = useApp();
+
+    const dokumentasjonTekster = tekster().DOKUMENTASJON;
+
+    const vedleggSomSkalVises = vedlegg.filter(vedlegg => vedlegg.skalVises);
+
+    return (
+        <>
+            {vedleggSomSkalVises.length > 0 && (
+                <Alert variant="info">
+                    {plainTekst(dokumentasjonTekster.lastOppSenereISoknad)}
+                    <List>
+                        {vedleggSomSkalVises.map((vedlegg, index) => (
+                            <List.Item key={index}>
+                                <SpråkTekst
+                                    id={dokumentasjonsbehovTilSpråkId(vedlegg.dokumentasjonsbehov)}
+                                    values={{ barn: vedlegg.flettefeltVerdier?.barnetsNavn }}
+                                />
+                            </List.Item>
+                        ))}
+                    </List>
+                </Alert>
+            )}
+        </>
+    );
+};

src/frontend/components/SøknadsSteg/DinLivssituasjon/DinLivssituasjon.tsx

@@ -5,6 +5,7 @@ import { useIntl } from 'react-intl';
 import { ESvar } from '@navikt/familie-form-elements';
 
 import { useApp } from '../../../context/AppContext';
+import { Dokumentasjonsbehov } from '../../../typer/kontrakt/dokumentasjon';
 import { PersonType } from '../../../typer/personType';
 import { ESanitySteg } from '../../../typer/sanity/sanity';
 import { Arbeidsperiode } from '../../Felleskomponenter/Arbeidsperiode/Arbeidsperiode';
@@ -15,7 +16,7 @@ import KomponentGruppe from '../../Felleskomponenter/KomponentGruppe/KomponentGr
 import { Pensjonsperiode } from '../../Felleskomponenter/Pensjonsmodal/Pensjonsperiode';
 import SpråkTekst from '../../Felleskomponenter/SpråkTekst/SpråkTekst';
 import Steg from '../../Felleskomponenter/Steg/Steg';
-import { VedleggNotis } from '../../Felleskomponenter/VedleggNotis';
+import { VedleggOppsummering } from '../../Felleskomponenter/VedleggOppsummering';
 
 import SamboerSkjema from './SamboerSkjema';
 import { DinLivssituasjonSpørsmålId, dinLivssituasjonSpørsmålSpråkId } from './spørsmål';
@@ -42,10 +43,6 @@ const DinLivssituasjon: React.FC = () => {
     const stegTekster = tekster()[ESanitySteg.DIN_LIVSSITUASJON];
     const { dinLivssituasjonGuide } = stegTekster;
 
-    const dokumentasjonstekster = tekster()[ESanitySteg.DOKUMENTASJON];
-    const { dokumentasjonPaaSeparasjonSkilsmisseEllerDoedsfall, vedtakOmOppholdstillatelse } =
-        dokumentasjonstekster;
-
     return (
         <Steg
             tittel={<SpråkTekst id={'dinlivssituasjon.sidetittel'} />}
@@ -86,13 +83,6 @@ const DinLivssituasjon: React.FC = () => {
                                 ]
                             }
                         />
-                        {skjema.felter.separertEnkeSkilt.verdi === ESvar.JA && (
-                            <VedleggNotis
-                                block={dokumentasjonPaaSeparasjonSkilsmisseEllerDoedsfall}
-                                språkTekstId="omdeg.separertellerskilt.info"
-                                dynamisk
-                            />
-                        )}
                         {skjema.felter.separertEnkeSkiltUtland.erSynlig && (
                             <KomponentGruppe inline dynamisk>
                                 <JaNeiSpm
@@ -170,13 +160,6 @@ const DinLivssituasjon: React.FC = () => {
                         dinLivssituasjonSpørsmålSpråkId[DinLivssituasjonSpørsmålId.erAsylsøker]
                     }
                 />
-                {skjema.felter.erAsylsøker.verdi === ESvar.JA && (
-                    <VedleggNotis
-                        block={vedtakOmOppholdstillatelse}
-                        språkTekstId="omdeg.asylsøker.alert"
-                        dynamisk
-                    />
-                )}
 
                 <Arbeidsperiode
                     skjema={skjema}
@@ -198,6 +181,19 @@ const DinLivssituasjon: React.FC = () => {
                     personType={PersonType.Søker}
                 />
             </KomponentGruppe>
+
+            <VedleggOppsummering
+                vedlegg={[
+                    {
+                        skalVises: skjema.felter.separertEnkeSkilt.verdi === ESvar.JA,
+                        dokumentasjonsbehov: Dokumentasjonsbehov.SEPARERT_SKILT_ENKE,
+                    },
+                    {
+                        skalVises: skjema.felter.erAsylsøker.verdi === ESvar.JA,
+                        dokumentasjonsbehov: Dokumentasjonsbehov.VEDTAK_OPPHOLDSTILLATELSE,
+                    },
+                ]}
+            />
         </Steg>
     );
 };

src/frontend/components/SøknadsSteg/OmBarnaDine/OmBarnaDine.tsx

@@ -6,12 +6,13 @@ import { ESvar } from '@navikt/familie-form-elements';
 
 import { useApp } from '../../../context/AppContext';
 import { barnDataKeySpørsmål } from '../../../typer/barn';
+import { Dokumentasjonsbehov } from '../../../typer/kontrakt/dokumentasjon';
 import { ESanitySteg } from '../../../typer/sanity/sanity';
 import JaNeiSpm from '../../Felleskomponenter/JaNeiSpm/JaNeiSpm';
 import KomponentGruppe from '../../Felleskomponenter/KomponentGruppe/KomponentGruppe';
 import SpråkTekst from '../../Felleskomponenter/SpråkTekst/SpråkTekst';
 import Steg from '../../Felleskomponenter/Steg/Steg';
-import { VedleggNotis } from '../../Felleskomponenter/VedleggNotis';
+import { VedleggOppsummering } from '../../Felleskomponenter/VedleggOppsummering';
 
 import HvilkeBarnCheckboxGruppe from './HvilkeBarnCheckboxGruppe';
 import { OmBarnaDineSpørsmålId, omBarnaDineSpørsmålSpråkId } from './spørsmål';
@@ -33,9 +34,6 @@ const OmBarnaDine: React.FC = () => {
     const stegTekster = tekster()[ESanitySteg.OM_BARNA];
     const { omBarnaGuide } = stegTekster;
 
-    const dokumentasjonstekster = tekster()[ESanitySteg.DOKUMENTASJON];
-    const { bekreftelsePaaAdopsjonBarnetrygd, vedtakOmOppholdstillatelse } = dokumentasjonstekster;
-
     return (
         <Steg
             tittel={<SpråkTekst id={'ombarna.sidetittel'} />}
@@ -116,13 +114,6 @@ const OmBarnaDine: React.FC = () => {
                         }
                         visFeilmelding={skjema.visFeilmeldinger}
                     />
-                    {skjema.felter.erBarnAdoptertFraUtland.verdi === ESvar.JA && (
-                        <VedleggNotis
-                            block={bekreftelsePaaAdopsjonBarnetrygd}
-                            språkTekstId="ombarna.adoptert.alert"
-                            dynamisk
-                        />
-                    )}
                     <JaNeiSpm
                         skjema={skjema}
                         felt={skjema.felter.søktAsylForBarn}
@@ -139,13 +130,6 @@ const OmBarnaDine: React.FC = () => {
                         nullstillValgteBarn={skjema.felter.søktAsylForBarn.verdi === ESvar.NEI}
                         visFeilmelding={skjema.visFeilmeldinger}
                     />
-                    {skjema.felter.søktAsylForBarn.verdi === ESvar.JA && (
-                        <VedleggNotis
-                            block={vedtakOmOppholdstillatelse}
-                            språkTekstId="ombarna.asyl.alert"
-                            dynamisk
-                        />
-                    )}
                 </KomponentGruppe>
             )}
             {skjema.felter.barnOppholdtSegTolvMndSammenhengendeINorge.erSynlig && (
@@ -219,6 +203,19 @@ const OmBarnaDine: React.FC = () => {
                     />
                 </KomponentGruppe>
             )}
+
+            <VedleggOppsummering
+                vedlegg={[
+                    {
+                        skalVises: skjema.felter.erBarnAdoptertFraUtland.verdi === ESvar.JA,
+                        dokumentasjonsbehov: Dokumentasjonsbehov.ADOPSJON_DATO,
+                    },
+                    {
+                        skalVises: skjema.felter.søktAsylForBarn.verdi === ESvar.JA,
+                        dokumentasjonsbehov: Dokumentasjonsbehov.VEDTAK_OPPHOLDSTILLATELSE,
+                    },
+                ]}
+            />
         </Steg>
     );
 };