Nav-ansatt-panel steg 2 + oppdatert bestillingsvisning

Author: betsytraran

apps/dolly-frontend/src/main/js/src/components/bestilling/sammendrag/kriterier/BestillingKriterieMapper.tsx

@@ -975,10 +975,9 @@ const mapNomData = (bestillingData, data) => {
 	}
 }
 
-const mapTpsMessaging = (bestillingData, data) => {
+const mapSkjermingData = (bestillingData, data) => {
 	const tpsMessaging = _.get(bestillingData, 'tpsMessaging')
 	const skjerming = _.get(bestillingData, 'skjerming')
-	const bankkonto = _.get(bestillingData, 'bankkonto')
 
 	if (
 		skjerming?.egenAnsattDatoFom ||
@@ -987,7 +986,7 @@ const mapTpsMessaging = (bestillingData, data) => {
 		tpsMessaging?.egenAnsattDatoTom
 	) {
 		const tpsMessagingData = {
-			header: 'Personinformasjon',
+			header: 'Skjerming',
 			items: [
 				obj(
 					'Skjerming fra',
@@ -1001,6 +1000,10 @@ const mapTpsMessaging = (bestillingData, data) => {
 		}
 		data.push(tpsMessagingData)
 	}
+}
+
+const mapBankkonto = (bestillingData, data) => {
+	const bankkonto = _.get(bestillingData, 'bankkonto')
 
 	if (bankkonto?.norskBankkonto || bankkonto?.utenlandskBankkonto) {
 		if (bankkonto.norskBankkonto) {
@@ -2483,7 +2486,8 @@ export function mapBestillingData(bestillingData, bestillingsinformasjon, firstI
 
 	mapFullmakt(bestillingData, data)
 	mapNomData(bestillingData, data)
-	mapTpsMessaging(bestillingData, data)
+	mapSkjermingData(bestillingData, data)
+	mapBankkonto(bestillingData, data)
 	mapAareg(bestillingData, data)
 	mapSigrunstubPensjonsgivende(bestillingData, data)
 	mapSigrunstubSummertSkattegrunnlag(bestillingData, data)

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg2/Steg2.tsx

@@ -41,6 +41,7 @@ import {
 	sigrunstubSummertSkattegrunnlagAttributt,
 	SigrunstubSummertSkattegrunnlagForm,
 } from '@/components/fagsystem/sigrunstubSummertSkattegrunnlag/form/Form'
+import { NavAnsatt } from '@/components/fagsystem/nom/form/NavAnsattForm'
 
 const HistarkForm = lazy(() => import('@/components/fagsystem/histark/form/HistarkForm'))
 const DokarkivForm = lazy(() => import('@/components/fagsystem/dokarkiv/form/DokarkivForm'))
@@ -81,6 +82,7 @@ const Steg2: React.FC = () => {
 		<div>
 			<PdlfForm />
 			{getValues('fullmakt') && <FullmaktForm />}
+			{(getValues('nomdata') || getValues('egenAnsattDatoFom')) && <NavAnsatt />}
 			{getValues('aareg') && <AaregForm />}
 			{getValues(sigrunstubPensjonsgivendeAttributt) && <SigrunstubPensjonsgivendeForm />}
 			{getValues(sigrunstubSummertSkattegrunnlagAttributt) && (

apps/dolly-frontend/src/main/js/src/components/fagsystem/nom/form/NavAnsattForm.tsx

@@ -0,0 +1,34 @@
+import { Vis } from '@/components/bestillingsveileder/VisAttributt'
+import Panel from '@/components/ui/panel/Panel'
+import { erForsteEllerTest, panelError } from '@/components/ui/form/formUtils'
+import { NomForm } from '@/components/fagsystem/nom/form/NomForm'
+import { Kategori } from '@/components/ui/form/kategori/Kategori'
+import React from 'react'
+import { useFormContext } from 'react-hook-form'
+import { SkjermingForm } from '@/components/fagsystem/skjermingsregister/form/SkjermingForm'
+
+const nomdataPath = ['nomdata']
+const skjermingPaths = ['skjerming.egenAnsattDatoFom', 'skjerming.egenAnsattDatoTom']
+const panelPaths = [nomdataPath, skjermingPaths].flat()
+
+export const NavAnsatt = () => {
+	const formMethods = useFormContext()
+
+	return (
+		<Vis attributt={panelPaths}>
+			<Panel
+				heading="Nav-ansatt"
+				hasErrors={panelError(panelPaths)}
+				iconType="nav"
+				startOpen={erForsteEllerTest(formMethods.getValues(), panelPaths)}
+			>
+				<Kategori title="Nav-ansatt (NOM)" vis={nomdataPath}>
+					<NomForm />
+				</Kategori>
+				<Kategori title="Skjerming" vis={skjermingPaths}>
+					<SkjermingForm formMethods={formMethods} />
+				</Kategori>
+			</Panel>
+		</Vis>
+	)
+}

apps/dolly-frontend/src/main/js/src/components/fagsystem/pdlf/form/partials/personinformasjon/Personinformasjon.tsx

@@ -21,8 +21,6 @@ import { Vergemaal } from '@/components/fagsystem/pdlf/form/partials/vergemaal/V
 import { NorskBankkonto, UtenlandskBankkonto } from '@/components/fagsystem/bankkonto/form'
 import { Foedested } from '@/components/fagsystem/pdlf/form/partials/foedsel/Foedested'
 import { Foedselsdato } from '@/components/fagsystem/pdlf/form/partials/foedsel/Foedselsdato'
-import { SkjermingForm } from '@/components/fagsystem/skjermingsregister/form/SkjermingForm'
-import { NomForm } from '@/components/fagsystem/nom/form/NomForm'
 
 const foedselPaths = ['pdldata.person.foedested', 'pdldata.person.foedselsdato']
 
@@ -32,8 +30,6 @@ const nasjonalitetPaths = [
 	'pdldata.person.utflytting',
 ]
 
-const diversePaths = ['skjerming.egenAnsattDatoFom', 'skjerming.egenAnsattDatoTom']
-
 const alderPaths = [
 	'pdldata.opprettNyPerson.alder',
 	'pdldata.opprettNyPerson.foedtEtter',
@@ -54,13 +50,10 @@ const foedselsdatoPath = ['pdldata.person.foedselsdato']
 const doedsfallPath = ['pdldata.person.doedsfall']
 const vergemaalPath = ['pdldata.person.vergemaal']
 const sikkerhetstiltakPath = ['pdldata.person.sikkerhetstiltak']
-const fullmaktPath = ['pdldata.person.fullmakt', 'fullmakt']
-const nomPath = ['nomdata']
 
 const panelPaths = [
 	alderPaths,
 	nasjonalitetPaths,
-	diversePaths,
 	innvandringPath,
 	utvandringPath,
 	kjoennPath,
@@ -74,7 +67,6 @@ const panelPaths = [
 	statsborgerskapPath,
 	utenlandskBankkontoPath,
 	norskBankkontoPath,
-	nomPath,
 ].flat()
 
 export const Personinformasjon = ({ formMethods }) => {
@@ -131,10 +123,6 @@ export const Personinformasjon = ({ formMethods }) => {
 					<Navn formMethods={formMethods} />
 				</Kategori>
 
-				<Kategori title="Diverse" vis={diversePaths}>
-					<SkjermingForm formMethods={formMethods} />
-				</Kategori>
-
 				<Kategori title="Norsk bankkonto" vis={norskBankkontoPath}>
 					<NorskBankkonto formMethods={formMethods} />
 				</Kategori>
@@ -158,10 +146,6 @@ export const Personinformasjon = ({ formMethods }) => {
 				<Kategori title="Tilrettelagt kommunikasjon" vis={tilrettelagtKommunikasjonPath}>
 					<TilrettelagtKommunikasjon />
 				</Kategori>
-
-				<Kategori title="NAV-ansatt (NOM)" vis={nomPath}>
-					<NomForm />
-				</Kategori>
 			</Panel>
 		</Vis>
 	)

apps/dolly-frontend/src/main/js/src/components/fagsystem/skjermingsregister/form/SkjermingForm.tsx

@@ -1,18 +1,13 @@
 import React, { useContext } from 'react'
 import { isAfter } from 'date-fns'
-import {
-	BestillingsveilederContext,
-	BestillingsveilederContextType,
-} from '@/components/bestillingsveileder/BestillingsveilederContext'
+import { BestillingsveilederContext } from '@/components/bestillingsveileder/BestillingsveilederContext'
 import { FormDatepicker } from '@/components/ui/form/inputs/datepicker/Datepicker'
 import { validation } from '@/components/fagsystem/skjermingsregister/form/validation'
 
-export const SkjermingForm = ({ formMethods }) => {
-	const { personFoerLeggTil } = useContext(
-		BestillingsveilederContext,
-	) as BestillingsveilederContextType
+export const SkjermingForm = () => {
+	const { personFoerLeggTil } = useContext(BestillingsveilederContext)
 
-	const HarAktivSkjerming = () => {
+	const harAktivSkjerming = () => {
 		if (personFoerLeggTil?.skjermingsregister?.skjermetTil) {
 			return personFoerLeggTil?.skjermingsregister?.skjermetFra
 				? isAfter(
@@ -25,7 +20,7 @@ export const SkjermingForm = ({ formMethods }) => {
 		}
 	}
 
-	const harSkjerming = HarAktivSkjerming()
+	const harSkjerming = harAktivSkjerming()
 
 	return (
 		<div className="flexbox--flex-wrap">