Feature/inntektstub fjerne miljoe orgnummer

apps/dolly-frontend/src/main/java/no/nav/dolly/web/DollyFrontendApplicationStarter.java

@@ -148,4 +148,4 @@ private Function<PredicateSpec, Buildable<Route>> createRoute(String segment, St
                         .filters(filter, removeCookiesFilter, addUserJwtHeaderFilter())
                 ).uri(host);
     }
-}
+}

apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/organisasjonTextSelect.tsx

@@ -1,89 +1,79 @@
-import React, { useState } from 'react'
-import { OrganisasjonMedMiljoeSelect } from '@/components/organisasjonSelect/OrganisasjonMedMiljoeSelect'
-import { useBoolean } from 'react-use'
-import { OrgserviceApi } from '@/service/Api'
-import { OrgInfoAdresse } from '@/service/services/organisasjonservice/types'
-import * as _ from 'lodash-es'
+import React, { useEffect, useState } from 'react'
+import { OrganisasjonForvalterSelect } from '@/components/organisasjonSelect/OrganisasjonForvalterSelect'
 import { useFormContext } from 'react-hook-form'
+import { useOrganisasjonForvalter } from '@/utils/hooks/useDollyOrganisasjoner'
+import { AdresseOrgForvalter } from '@/service/services/organisasjonforvalter/types'
 
-interface OrgnanisasjonTextSelectProps {
+interface OrganisasjonTextSelectProps {
 	path: string
-	aktiveMiljoer: string[]
 	setEnhetsinfo: (org: any, path: string) => {}
-	clearEnhetsinfo: () => void
 }
 
-const mapAdresse = (adresse: OrgInfoAdresse) => {
+const mapAdresse = (adresse: AdresseOrgForvalter) => {
 	if (!adresse) {
 		return null
 	}
 	return {
-		adresselinje1: adresse.adresselinje1,
-		kommunenr: adresse.kommunenummer,
+		adresselinje1: adresse.adresselinjer?.[0],
+		kommunenr: adresse.kommunenr,
 		landkode: adresse.landkode,
-		postnr: adresse.postnummer,
+		postnr: adresse.postnr,
 		poststed: adresse.poststed,
 	}
 }
 
-export const OrganisasjonTextSelect = ({
-	path,
-	aktiveMiljoer,
-	setEnhetsinfo,
-}: OrgnanisasjonTextSelectProps) => {
+export const OrganisasjonTextSelect = ({ path, setEnhetsinfo }: OrganisasjonTextSelectProps) => {
 	const formMethods = useFormContext()
-	const [success, setSuccess] = useBoolean(false)
-	const [loading, setLoading] = useBoolean(false)
-	const [orgnummer, setOrgnummer] = useState(formMethods.watch(path) || null)
+	const [org, setOrg] = useState()
+	const { organisasjoner, loading, error } = useOrganisasjonForvalter([org])
+	const forvalterOrg = organisasjoner?.[0]?.q1 || organisasjoner?.[0]?.q2
+
+	useEffect(() => {
+		const forretningsAdresse = forvalterOrg?.adresser?.filter(
+			(adresse) => adresse.adressetype === 'FADR',
+		)?.[0]
+		const postAdresse = forvalterOrg?.adresser?.filter(
+			(adresse) => adresse.adressetype === 'PADR',
+		)?.[0]
+		const orgInfo = {
+			value: forvalterOrg?.organisasjonsnummer,
+			orgnr: forvalterOrg?.organisasjonsnummer,
+			navn: forvalterOrg?.organisasjonsnavn,
+			forretningsAdresse: mapAdresse(forretningsAdresse),
+			postAdresse: mapAdresse(postAdresse),
+		}
+		setEnhetsinfo(orgInfo, parentPath)
+	}, [forvalterOrg])
+
+	useEffect(() => {
+		if (error) {
+			formMethods.setError(`manual.${path}`, { message: 'Fant ikke organisasjonen' })
+		} else {
+			formMethods.clearErrors(`manual.${path}`)
+		}
+	}, [error])
 
 	const parentPath = path.substring(0, path.lastIndexOf('.'))
 
-	const handleChange = (org: string, miljoe: string) => {
-		if (!org || !miljoe) {
-			formMethods.setError(`manual.${path}`, { message: !org ? 'Skriv inn org' : 'Velg miljø' })
+	const handleChange = (org: string) => {
+		if (!org) {
+			formMethods.setError(`manual.${path}`, { message: 'Skriv inn org' })
 			return
 		}
+		setOrg(org)
 		formMethods.clearErrors(`manual.${path}`)
 		formMethods.clearErrors(path)
-		setLoading(true)
-		setSuccess(false)
-		formMethods.setValue(`${parentPath}.organisasjonMiljoe`, miljoe)
-		OrgserviceApi.getOrganisasjonInfo(org, miljoe)
-			.then((response) => {
-				const orgInfo = {
-					value: response.data.orgnummer,
-					orgnr: response.data.orgnummer,
-					navn: response.data.navn,
-					forretningsAdresse: mapAdresse(response.data.forretningsadresser),
-					postAdresse: mapAdresse(response.data.postadresse),
-				}
-				setEnhetsinfo(orgInfo, parentPath)
-				setLoading(false)
-				setSuccess(true)
-			})
-			.catch(() => {
-				setLoading(false)
-				formMethods.setError(`manual.${path}`, { message: 'Fant ikke organisasjonen i ' + miljoe })
-			})
 	}
 
 	return (
-		<OrganisasjonMedMiljoeSelect
+		<OrganisasjonForvalterSelect
 			path={path}
 			parentPath={parentPath}
-			miljoeOptions={aktiveMiljoer}
-			success={success}
+			success={organisasjoner?.length > 0 && !loading && !error}
 			loading={loading}
 			onTextBlur={(event) => {
-				if (!_.isEmpty(event?.target?.value)) {
-					setOrgnummer(event.target.value)
-					handleChange(event.target.value, formMethods.watch(`${parentPath}.organisasjonMiljoe`))
-				}
-			}}
-			onMiljoeChange={(event) => {
-				handleChange(orgnummer, event.value)
+				handleChange(event.target.value)
 			}}
-			formMethods={formMethods}
 		/>
 	)
 }

apps/dolly-frontend/src/main/js/src/components/fagsystem/brregstub/form/partials/orgnrToggle.tsx

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
 import { OrganisasjonTextSelect } from '@/components/fagsystem/brregstub/form/partials/organisasjonTextSelect'
 import { OrganisasjonToggleGruppe } from '@/components/organisasjonSelect/OrganisasjonToggleGruppe'
 import { EgneOrganisasjoner, getEgneOrganisasjoner } from '@/utils/EgneOrganisasjoner'
-import { useDollyEnvironments } from '@/utils/hooks/useEnvironments'
 import { OrganisasjonLoader } from '@/components/organisasjonSelect/OrganisasjonLoader'
 import { UseFormReturn } from 'react-hook-form/dist/types'
 import { useCurrentBruker } from '@/utils/hooks/useBruker'
@@ -45,8 +44,6 @@ export const OrgnrToggle = ({
 		setInputType(getOrgType(orgnr, fasteOrganisasjoner, egneOrganisasjoner))
 	}, [fasteOrganisasjoner, brukerOrganisasjoner, formMethods.watch('brregstub.enheter')?.length])
 
-	const { dollyEnvironments: aktiveMiljoer } = useDollyEnvironments()
-
 	const handleToggleChange = (value: string) => {
 		setInputType(value)
 		clearEnhetsinfo()
@@ -95,12 +92,7 @@ export const OrgnrToggle = ({
 				/>
 			)}
 			{inputType === ArbeidsgiverTyper.fritekst && (
-				<OrganisasjonTextSelect
-					path={`${path}.orgNr`}
-					aktiveMiljoer={aktiveMiljoer}
-					setEnhetsinfo={setEnhetsinfo}
-					clearEnhetsinfo={clearEnhetsinfo}
-				/>
+				<OrganisasjonTextSelect path={`${path}.orgNr`} setEnhetsinfo={setEnhetsinfo} />
 			)}
 		</div>
 	)

apps/dolly-frontend/src/main/js/src/components/fagsystem/inntektstub/form/partials/virksomhetToggle.tsx

@@ -11,12 +11,10 @@ import { useCurrentBruker } from '@/utils/hooks/useBruker'
 import {
 	useDollyFasteDataOrganisasjoner,
 	useDollyOrganisasjoner,
-	useFasteDataOrganisasjon,
+	useOrganisasjonForvalter,
 } from '@/utils/hooks/useDollyOrganisasjoner'
-import { OrganisasjonMedMiljoeSelect } from '@/components/organisasjonSelect/OrganisasjonMedMiljoeSelect'
-import { useBoolean } from 'react-use'
-import { useDollyEnvironments } from '@/utils/hooks/useEnvironments'
 import { arbeidsgiverToggleValues, getOrgType, handleManualOrgChange } from '@/utils/OrgUtils'
+import { OrganisasjonForvalterSelect } from '@/components/organisasjonSelect/OrganisasjonForvalterSelect'
 
 const ToggleArbeidsgiver = styled(ToggleGroup)`
 	display: grid;
@@ -62,11 +60,19 @@ export const VirksomhetToggle = ({ path }: ArbeidsforholdToggleProps) => {
 		formMethods.watch('inntektstub.inntektsinformasjon')?.length,
 	])
 
-	const { dollyEnvironments: aktiveMiljoer } = useDollyEnvironments()
-	const [success, setSuccess] = useBoolean(false)
-	const [loading, setLoading] = useBoolean(false)
 	const [orgnummer, setOrgnummer] = useState(formMethods.watch(virksomhetPath) || null)
-	const { organisasjon } = useFasteDataOrganisasjon(orgnummer)
+	const { organisasjoner, loading, error } = useOrganisasjonForvalter([orgnummer])
+	const organisasjon = organisasjoner?.[0]?.q1 || organisasjoner?.[0]?.q2
+
+	useEffect(() => {
+		handleManualOrgChange(
+			orgnummer,
+			formMethods,
+			virksomhetPath,
+			opplysningspliktigPath,
+			organisasjon,
+		)
+	}, [organisasjon])
 
 	const handleToggleChange = (value: ArbeidsgiverTyper) => {
 		setTypeArbeidsgiver(value)
@@ -119,40 +125,14 @@ export const VirksomhetToggle = ({ path }: ArbeidsforholdToggleProps) => {
 					/>
 				)}
 				{typeArbeidsgiver === ArbeidsgiverTyper.fritekst && (
-					<OrganisasjonMedMiljoeSelect
+					<OrganisasjonForvalterSelect
 						path={`${path}.virksomhet`}
 						parentPath={path}
-						miljoeOptions={aktiveMiljoer}
-						success={success}
+						success={organisasjoner?.length > 0 && !error}
 						loading={loading}
 						onTextBlur={(event) => {
-							const org = event.target.value
-							setOrgnummer(org)
-							handleManualOrgChange(
-								org,
-								formMethods.watch(`${path}.organisasjonMiljoe`),
-								formMethods,
-								virksomhetPath,
-								setLoading,
-								setSuccess,
-								organisasjon,
-								opplysningspliktigPath,
-							)
-						}}
-						onMiljoeChange={(event) => {
-							formMethods.setValue(`${path}.organisasjonMiljoe`, event.value)
-							handleManualOrgChange(
-								orgnummer,
-								event.value,
-								formMethods,
-								virksomhetPath,
-								setLoading,
-								setSuccess,
-								organisasjon,
-								opplysningspliktigPath,
-							)
+							setOrgnummer(event.target.value)
 						}}
-						formMethods={formMethods}
 					/>
 				)}
 				{typeArbeidsgiver === ArbeidsgiverTyper.privat && (

apps/dolly-frontend/src/main/js/src/components/fagsystem/skattekort/form/ArbeidsgiverToggle.tsx

@@ -7,15 +7,13 @@ import { useCurrentBruker } from '@/utils/hooks/useBruker'
 import {
 	useDollyFasteDataOrganisasjoner,
 	useDollyOrganisasjoner,
-	useFasteDataOrganisasjon,
+	useOrganisasjonForvalter,
 } from '@/utils/hooks/useDollyOrganisasjoner'
 import { EgneOrganisasjoner, getEgneOrganisasjoner } from '@/utils/EgneOrganisasjoner'
 import { ArbeidsgiverTyper } from '@/components/fagsystem/aareg/AaregTypes'
-import { useDollyEnvironments } from '@/utils/hooks/useEnvironments'
-import { useBoolean } from 'react-use'
 import Loading from '@/components/ui/loading/Loading'
 import { OrganisasjonMedArbeidsforholdSelect } from '@/components/organisasjonSelect'
-import { OrganisasjonMedMiljoeSelect } from '@/components/organisasjonSelect/OrganisasjonMedMiljoeSelect'
+import { OrganisasjonForvalterSelect } from '@/components/organisasjonSelect/OrganisasjonForvalterSelect'
 import styled from 'styled-components'
 import { arbeidsgiverToggleValues, handleManualOrgChange } from '@/utils/OrgUtils'
 
@@ -75,11 +73,13 @@ export const ArbeidsgiverToggle = ({ formMethods, path }: ArbeidsgiverToggleProp
 		formMethods.watch('skattekort.arbeidsgiverSkatt')?.length,
 	])
 
-	const { dollyEnvironments: aktiveMiljoer } = useDollyEnvironments()
-	const [success, setSuccess] = useBoolean(false)
-	const [loading, setLoading] = useBoolean(false)
 	const [orgnummer, setOrgnummer] = useState(formMethods.watch(organisasjonPath) || null)
-	const { organisasjon } = useFasteDataOrganisasjon(orgnummer)
+	const { organisasjoner, loading, error } = useOrganisasjonForvalter([orgnummer])
+	const organisasjon = organisasjoner?.[0]?.q1 || organisasjoner?.[0]?.q2
+
+	useEffect(() => {
+		handleManualOrgChange(orgnummer, formMethods, organisasjonPath, null, organisasjon)
+	}, [organisasjon])
 
 	const handleToggleChange = (value: ArbeidsgiverTyper) => {
 		setTypeArbeidsgiver(value)
@@ -137,40 +137,14 @@ export const ArbeidsgiverToggle = ({ formMethods, path }: ArbeidsgiverToggleProp
 						/>
 					)}
 					{typeArbeidsgiver === ArbeidsgiverTyper.fritekst && (
-						<OrganisasjonMedMiljoeSelect
+						<OrganisasjonForvalterSelect
 							path={organisasjonPath}
 							parentPath={path}
-							miljoeOptions={aktiveMiljoer}
-							success={success}
+							success={organisasjoner?.length > 0 && !error}
 							loading={loading}
 							onTextBlur={(event) => {
-								const org = event.target.value
-								setOrgnummer(org)
-								handleManualOrgChange(
-									org,
-									formMethods.watch(`${path}.organisasjonMiljoe`),
-									formMethods,
-									organisasjonPath,
-									setLoading,
-									setSuccess,
-									organisasjon,
-									null,
-								)
-							}}
-							onMiljoeChange={(event) => {
-								formMethods.setValue(`${path}.organisasjonMiljoe`, event.value)
-								handleManualOrgChange(
-									orgnummer,
-									event.value,
-									formMethods,
-									organisasjonPath,
-									setLoading,
-									setSuccess,
-									organisasjon,
-									null,
-								)
+								setOrgnummer(event.target.value)
 							}}
-							formMethods={formMethods}
 						/>
 					)}
 					{typeArbeidsgiver === ArbeidsgiverTyper.privat && (

apps/dolly-frontend/src/main/js/src/components/organisasjonSelect/OrganisasjonMedMiljoeSelect.tsx → apps/dolly-frontend/src/main/js/src/components/organisasjonSelect/OrganisasjonForvalterSelect.tsx

@@ -1,37 +1,23 @@
 import { DollyTextInput } from '@/components/ui/form/inputs/textInput/TextInput'
-import { DollySelect } from '@/components/ui/form/inputs/select/Select'
 import Icon from '@/components/ui/icon/Icon'
 import Loading from '@/components/ui/loading/Loading'
 import React from 'react'
 
 interface OrgProps {
 	path: string
 	parentPath: string
-	miljoeOptions: string[]
 	success: boolean
 	loading?: boolean
 	onTextBlur: (event: React.ChangeEvent<any>) => void
-	onMiljoeChange: (event: any) => void
-	formMethods: any
 }
 
-export const OrganisasjonMedMiljoeSelect = ({
+export const OrganisasjonForvalterSelect = ({
 	path,
 	parentPath,
-	miljoeOptions,
 	success,
 	loading = false,
 	onTextBlur,
-	onMiljoeChange,
-	formMethods,
 }: OrgProps) => {
-	const options =
-		miljoeOptions &&
-		miljoeOptions?.Q?.map((value: { id: string; label: string }) => ({
-			value: value?.id,
-			label: value?.label,
-		}))
-
 	return (
 		<div className={'flexbox--align-start'} key={path}>
 			<DollyTextInput
@@ -42,15 +28,6 @@ export const OrganisasjonMedMiljoeSelect = ({
 				label={'Organisasjonsnummer'}
 				onBlur={onTextBlur}
 			/>
-			<DollySelect
-				name={`${parentPath}.organisasjonMiljoe`}
-				size={'small'}
-				isClearable={false}
-				label={'Organisasjon miljø'}
-				options={options}
-				value={formMethods.watch(`${parentPath}.organisasjonMiljoe`)}
-				onChange={onMiljoeChange}
-			/>
 			{loading && (
 				<div className={'flexbox--align-center'} style={{ marginTop: '20px' }}>
 					<Loading label="Leter etter organisasjon" />