Merge pull request #3471 from navikt/bugfix/div-bugfix

Bugfix/div bugfix

Author: betsytraran

apps/dolly-frontend/src/main/js/src/components/bestilling/gjenopprett/GjenopprettPerson.tsx

@@ -88,7 +88,7 @@ export const GjenopprettPerson = ({ ident }: GjenopprettProps) => {
 	return (
 		<>
 			<Button onClick={openGjenopprettModal} kind="synchronize">
-				GJENOPPRETT PERSON
+				GJENOPPRETT
 			</Button>
 			{isGjenopprettModalOpen && (
 				<GjenopprettModal

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/Bestillingsveileder.tsx

@@ -14,7 +14,7 @@ export const Bestillingsveileder = ({ error, sendBestilling }) => {
 	const navigate = useNavigate()
 	const [showError, setShowError] = useState(false)
 	const [navigateRoot, setNavigateRoot] = useState(false)
-	const { gruppeId, personId } = useParams()
+	const { gruppeId } = useParams()
 	const erOrganisasjon = location?.state?.opprettOrganisasjon
 	const importPersoner = location?.state?.importPersoner
 
@@ -46,7 +46,7 @@ export const Bestillingsveileder = ({ error, sendBestilling }) => {
 		return null
 	}
 
-	const options = BVOptions(location.state, gruppeId, personId)
+	const options = BVOptions(location.state, gruppeId)
 	const handleSubmit = (values) => {
 		sendBestilling(values, options, gruppeId, navigate)
 	}

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/malOptions.tsx

@@ -14,11 +14,9 @@ import {
 	SivilstandData,
 	VergemaalValues,
 } from '@/components/fagsystem/pdlf/PdlTypes'
-import { useDollyEnvironments } from '@/utils/hooks/useEnvironments'
 import { addMonths, isAfter, setDate } from 'date-fns'
 
-export const initialValuesBasedOnMal = (mal: any) => {
-	const { dollyEnvironments } = useDollyEnvironments()
+export const initialValuesBasedOnMal = (mal: any, environments: any) => {
 	const initialValuesMal = Object.assign({}, mal.bestilling)
 
 	if (initialValuesMal.aareg) {
@@ -85,7 +83,7 @@ export const initialValuesBasedOnMal = (mal: any) => {
 		delete initialValuesMal.tpsMessaging.utenlandskBankkonto
 	}
 
-	initialValuesMal.environments = filterMiljoe(dollyEnvironments, mal.bestilling?.environments)
+	initialValuesMal.environments = filterMiljoe(environments, mal.bestilling?.environments)
 	return initialValuesMal
 }
 
@@ -141,6 +139,11 @@ const getUpdatedInntektstubData = (inntektstubData: any) => {
 const getUpdatedAaregData = (aaregData: any) => {
 	return aaregData.map((data: any) => {
 		data = updateData(data, initialValues.aareg[0])
+		if (data.amelding && data.amelding.length > 0) {
+			data.ansettelsesPeriode = undefined
+			data.arbeidsgiver = undefined
+			data.arbeidsavtale = undefined
+		}
 		data.permisjon = data.permisjon?.map((permisjon: any) =>
 			updateData(permisjon, initialValues.permisjon),
 		)

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/options/options.tsx

@@ -1,6 +1,5 @@
 import { initialValuesBasedOnMal } from '@/components/bestillingsveileder/options/malOptions'
-import { useArenaData } from '@/utils/hooks/useFagsystemer'
-import { harArenaBestilling } from '@/utils/SjekkBestillingFagsystem'
+import { useDollyEnvironments } from '@/utils/hooks/useEnvironments'
 
 const TYPE = Object.freeze({
 	NY_BESTILLING: 'NY_BESTILLING',
@@ -29,8 +28,9 @@ export const BVOptions = (
 		gruppe,
 	} = {},
 	gruppeId,
-	personId,
 ) => {
+	const { dollyEnvironments } = useDollyEnvironments()
+
 	let initialValues = {
 		antall: antall || 1,
 		beskrivelse: null,
@@ -101,7 +101,7 @@ export const BVOptions = (
 
 	if (mal) {
 		bestType = TYPE.NY_BESTILLING_FRA_MAL
-		initialValues = Object.assign(initialValues, initialValuesBasedOnMal(mal))
+		initialValues = Object.assign(initialValues, initialValuesBasedOnMal(mal, dollyEnvironments))
 	}
 
 	if (opprettFraIdenter) {
@@ -114,14 +114,6 @@ export const BVOptions = (
 		initialValues = initialValuesLeggTil
 	}
 
-	if (personFoerLeggTil) {
-		const bestillinger = tidligereBestillinger?.map((best) => best?.data)
-		const { arenaData } = useArenaData(personId, harArenaBestilling(bestillinger))
-		if (arenaData && arenaData.length > 0) {
-			personFoerLeggTil.arenaforvalteren = arenaData
-		}
-	}
-
 	if (leggTilPaaGruppe) {
 		bestType = TYPE.LEGG_TIL_PAA_GRUPPE
 		initialValues = initialValuesLeggTilPaaGruppe
@@ -141,7 +133,10 @@ export const BVOptions = (
 			initialValues = initialValuesStandardOrganisasjon
 		} else if (mal) {
 			bestType = TYPE.NY_ORGANISASJON_FRA_MAL
-			initialValues = Object.assign(initialValuesOrganisasjon, initialValuesBasedOnMal(mal))
+			initialValues = Object.assign(
+				initialValuesOrganisasjon,
+				initialValuesBasedOnMal(mal, dollyEnvironments),
+			)
 		} else {
 			bestType = TYPE.NY_ORGANISASJON
 			initialValues = initialValuesOrganisasjon

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stateModifier.tsx

@@ -11,6 +11,9 @@ export const useStateModifierFns = (formMethods: UseFormReturn) => {
 	const has = (path) => {
 		return formMethods.watch(path) !== undefined
 	}
+	const values = (path) => {
+		return formMethods.watch(path)
+	}
 	const del = (path) => {
 		if (isArray(path)) {
 			path.forEach((p) => {
@@ -58,10 +61,11 @@ export const useStateModifierFns = (formMethods: UseFormReturn) => {
 			opts: any
 			del: (path: any) => void
 			has: (path: any) => boolean
+			values: (path: any) => any
 			methods: any
 		}) => {},
 	) => {
-		const attrs = fn({ set, setMulti, opts, del, has, methods: formMethods }) || {}
+		const attrs = fn({ set, setMulti, opts, del, has, values, methods: formMethods }) || {}
 		const checked = allCheckedLabels(attrs)
 		return {
 			attrs,

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/Steg1Person.tsx

@@ -53,11 +53,10 @@ export const Steg1Person = ({ stateModifier }: any) => {
 	]
 		.map((panel) => ({
 			label: panel.heading,
-			values: stateModifier(panel.initialValues).checked,
-		}))
-		.map((v) => ({
-			...v,
-			values: v?.values.filter((val) => !personFoerLeggTil && !leggTil && val !== 'Alder'),
+			values: stateModifier(panel.initialValues).checked?.filter(
+				(val: string) =>
+					(!personFoerLeggTil && !leggTil) || ((personFoerLeggTil || leggTil) && val !== 'Alder'),
+			),
 		}))
 		.filter((v) => v.values.length)
 

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/Arbeidsplassen.tsx

@@ -18,7 +18,6 @@ import {
 	initialSpraakVerdier,
 	initialUtdanningVerdier,
 } from '@/components/fagsystem/arbeidsplassen/form/initialValues'
-import _get from 'lodash/get'
 import _has from 'lodash/has'
 import { isBoolean } from 'lodash'
 
@@ -53,25 +52,26 @@ export const ArbeidsplassenPanel = ({ stateModifier, formValues }) => {
 
 ArbeidsplassenPanel.heading = 'Arbeidsplassen (CV)'
 
-ArbeidsplassenPanel.initialValues = ({ setMulti, opts, del, has, initial }) => {
+ArbeidsplassenPanel.initialValues = ({ setMulti, opts, del, has, values }) => {
 	const { personFoerLeggTil } = opts
 	const personFoerLeggTilHarHjemmel = personFoerLeggTil?.arbeidsplassenCV?.harHjemmel
 
 	const hjemmel = () => {
-		if (_has(initial, 'arbeidsplassenCV.harHjemmel')) {
-			return _get(initial, 'arbeidsplassenCV.harHjemmel')
+		if (has('arbeidsplassenCV.harHjemmel')) {
+			return values('arbeidsplassenCV.harHjemmel')
 		} else if (isBoolean(personFoerLeggTilHarHjemmel)) {
 			return personFoerLeggTilHarHjemmel
 		}
 		return true
 	}
 
-	const fjernHjemmelPath = (fjernPath) => {
+	const fjernHjemmelPath = (fjernPath: string) => {
+		const selected = values()
 		if (
-			initial?.arbeidsplassenCV &&
-			Object.keys(initial.arbeidsplassenCV)?.length === 2 &&
-			_has(initial, fjernPath) &&
-			_has(initial, 'arbeidsplassenCV.harHjemmel')
+			selected?.arbeidsplassenCV &&
+			Object.keys(selected?.arbeidsplassenCV)?.length === 2 &&
+			_has(selected, fjernPath) &&
+			_has(selected, 'arbeidsplassenCV.harHjemmel')
 		) {
 			return [fjernPath, 'arbeidsplassenCV.harHjemmel']
 		}

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/Pensjon.tsx

@@ -13,6 +13,8 @@ import { BestillingsveilederContext } from '@/components/bestillingsveileder/Bes
 import { initialUforetrygd } from '@/components/fagsystem/uforetrygd/initialValues'
 import { runningCypressE2E } from '@/service/services/Request'
 import _ from 'lodash'
+import { alderspensjonPath } from '@/components/fagsystem/alderspensjon/form/Form'
+import { uforetrygdPath } from '@/components/fagsystem/uforetrygd/form/Form'
 
 export const PensjonPanel = ({ stateModifier, formValues }: any) => {
 	const sm = stateModifier(PensjonPanel.initialValues)
@@ -80,7 +82,12 @@ export const PensjonPanel = ({ stateModifier, formValues }: any) => {
 			}}
 			uncheckAttributeArray={sm.batchRemove}
 			iconType="pensjon"
-			startOpen={harValgtAttributt(formValues, [pensjonPath, tpPath])}
+			startOpen={harValgtAttributt(formValues, [
+				pensjonPath,
+				tpPath,
+				alderspensjonPath,
+				uforetrygdPath,
+			])}
 		>
 			<AttributtKategori title="Pensjonsgivende inntekt (POPP)" attr={sm.attrs}>
 				<Attributt attr={sm.attrs.inntekt} id="inntekt_pensjon" />

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg1/paneler/Personinformasjon.tsx

@@ -180,6 +180,8 @@ PersoninformasjonPanel.initialValues = ({ set, opts, setMulti, del, has }) => {
 			skjerming: 'skjerming.egenAnsattDatoTom',
 		},
 		skjermetFra: 'skjermingsregister.skjermetFra',
+		norskBankkonto: 'bankkonto.norskBankkonto',
+		utenlandskBankkonto: 'bankkonto.utenlandskBankkonto',
 		telefonnummer: {
 			pdl: 'pdldata.person.telefonnummer',
 			tpsM: 'tpsMessaging.telefonnummer',
@@ -188,8 +190,6 @@ PersoninformasjonPanel.initialValues = ({ set, opts, setMulti, del, has }) => {
 		fullmakt: 'pdldata.person.fullmakt',
 		sikkerhetstiltak: 'pdldata.person.sikkerhetstiltak',
 		tilrettelagtKommunikasjon: 'pdldata.person.tilrettelagtKommunikasjon',
-		utenlandskBankkonto: 'bankkonto.utenlandskBankkonto',
-		norskBankkonto: 'bankkonto.norskBankkonto',
 	}
 
 	return {
@@ -301,6 +301,34 @@ PersoninformasjonPanel.initialValues = ({ set, opts, setMulti, del, has }) => {
 				del('skjerming')
 			},
 		},
+		norskBankkonto: {
+			label: 'Norsk bank',
+			checked: has(paths.norskBankkonto),
+			add: () =>
+				set(paths.norskBankkonto, {
+					kontonummer: '',
+					tilfeldigKontonummer: opts.antall && opts.antall > 1,
+				}),
+			remove: () => del(paths.norskBankkonto),
+		},
+		utenlandskBankkonto: {
+			label: 'Utenlandsk bank',
+			checked: has(paths.utenlandskBankkonto),
+			add: () =>
+				set(paths.utenlandskBankkonto, {
+					kontonummer: '',
+					tilfeldigKontonummer: false,
+					swift: 'BANKXX11222',
+					landkode: null,
+					banknavn: '',
+					iban: '',
+					valuta: null,
+					bankAdresse1: '',
+					bankAdresse2: '',
+					bankAdresse3: '',
+				}),
+			remove: () => del(paths.utenlandskBankkonto),
+		},
 		telefonnummer: {
 			label: 'Telefonnummer',
 			checked: has(paths.telefonnummer.pdl),
@@ -369,33 +397,5 @@ PersoninformasjonPanel.initialValues = ({ set, opts, setMulti, del, has }) => {
 				del(paths.tilrettelagtKommunikasjon)
 			},
 		},
-		utenlandskBankkonto: {
-			label: 'Utenlandsk bank',
-			checked: has(paths.utenlandskBankkonto),
-			add: () =>
-				set(paths.utenlandskBankkonto, {
-					kontonummer: '',
-					tilfeldigKontonummer: false,
-					swift: 'BANKXX11222',
-					landkode: null,
-					banknavn: '',
-					iban: '',
-					valuta: null,
-					bankAdresse1: '',
-					bankAdresse2: '',
-					bankAdresse3: '',
-				}),
-			remove: () => del(paths.utenlandskBankkonto),
-		},
-		norskBankkonto: {
-			label: 'Norsk bank',
-			checked: has(paths.norskBankkonto),
-			add: () =>
-				set(paths.norskBankkonto, {
-					kontonummer: '',
-					tilfeldigKontonummer: opts.antall && opts.antall > 1,
-				}),
-			remove: () => del(paths.norskBankkonto),
-		},
 	}
 }

apps/dolly-frontend/src/main/js/src/components/bestillingsveileder/stegVelger/steg/steg3/Steg3.tsx

@@ -81,6 +81,7 @@ export const Steg3 = () => {
 		if (harRelatertPersonVedSivilstand || harEksisterendeNyIdent || harRelatertPersonBarn) {
 			formMethods.setValue('malBestillingNavn', undefined)
 		}
+		formMethods.trigger('environments')
 	}, [])
 
 	const visMiljoeVelger = formMethods.watch('environments')

apps/dolly-frontend/src/main/js/src/components/fagsystem/alderspensjon/form/Form.tsx

@@ -33,7 +33,7 @@ const StyledAlert = styled(Alert)`
 	}
 `
 
-const alderspensjonPath = 'pensjonforvalter.alderspensjon'
+export const alderspensjonPath = 'pensjonforvalter.alderspensjon'
 
 export const AlderspensjonForm = () => {
 	const formMethods = useFormContext()

apps/dolly-frontend/src/main/js/src/components/fagsystem/arbeidsplassen/form/styles.tsx

@@ -25,7 +25,6 @@ export const Fritekstfelt = styled(Textarea)`
 			font-size: 0.75em;
 			text-transform: uppercase;
 			font-weight: 400;
-			margin-bottom: -8px;
 		}
 	}
 `

apps/dolly-frontend/src/main/js/src/components/fagsystem/uforetrygd/form/Form.tsx

@@ -13,7 +13,7 @@ import { validation } from '@/components/fagsystem/uforetrygd/form/validation'
 import { Monthpicker } from '@/components/ui/form/inputs/monthpicker/Monthpicker'
 import { useFormContext } from 'react-hook-form'
 
-const uforetrygdPath = 'pensjonforvalter.uforetrygd'
+export const uforetrygdPath = 'pensjonforvalter.uforetrygd'
 
 export const UforetrygdForm = () => {
 	const formMethods = useFormContext()

apps/dolly-frontend/src/main/js/src/components/miljoVelger/MiljoVelger.tsx

@@ -96,6 +96,7 @@ export const MiljoVelger = ({
 				isChecked(id) ? values.filter((value) => value !== id) : values.concat(id),
 			)
 		}
+		formMethods.trigger('environments')
 	}
 
 	return (
@@ -110,7 +111,7 @@ export const MiljoVelger = ({
 				</>
 			)}
 			<fieldset name={`Liste over miljøer`}>
-				<StyledH3>Miljøer </StyledH3>
+				<StyledH3>Miljøer</StyledH3>
 				<div className="miljo-velger_checkboxes">
 					{filteredEnvironments.map((env) => (
 						<DollyCheckbox

apps/dolly-frontend/src/main/js/src/pages/gruppe/PersonVisning/PersonVisning.tsx

@@ -375,6 +375,9 @@ export default ({
 								if (arbeidsplassencvData) {
 									personData.arbeidsplassenCV = { harHjemmel: getArbeidsplassencvHjemmel() }
 								}
+								if (arenaData) {
+									personData.arenaforvalteren = arenaData
+								}
 								leggTilPaaPerson(
 									personData,
 									bestillingListe,