Tsf 3739 send brev til tredjepart (#5276)

* Oppdater personopplysningerTsType.ts til å matche backend PersonopplysningDto.java

Legger til property ektefelle i PersonopplysningerBasic, og endre property statsborgerskap til å inkludere navn property. Dette slik at den stemmer betre med det backend definerer og returnerer.

* Forbetra mock data til story sak/sak-meldinger.

Kan no sjå komponenten i meir reelle situasjoner i storybook, med data henta frå Q.

* Fjern jest setup som kasta exception ved warning logging.

Denne førte til at test av ny kode for sending av brev til tredjepart feila, pga at ein bruker ein form prop til både ein select og ein input der, ut frå andre valg.

Når ein då satte verdi gjennom tekst input logga select komponent advarsel om at satt verdi ikkje fantes som option verdi. Dette førte igjen til at tester av dette feila.

Test bør fungere mest mulig likt reell bruk av koden, og viss noko skal feile bør det kastast error, eller i alle fall logge som error. Ein advarsel er spesifikt ikkje meint å føre til fatal feil som det her gjorde.

* GUI for sending av brev til tredjepart lagt til.

I panelet for sending av brev er der no ein ny avkryssingsboks for "Send til tredjepartsmottaker". Denne visast når valgt brevmal returnert frå backend har prop støtterTredjepartsmottaker == true.

Når bruker aktiverer denne avkrysning visast eit input felt for organisasjonsnr. Bruker kan deretter taste inn eit organisasjonsnr som brevet skal sendast til, istadenfor å velge det frå forhåndsdefinerte mottakere i nedtrekkslista.

Når bruker fyller inn organisasjonsnr søkast namnet til organisasjonen opp og visast i panelet.

Dette søket går foreløpig direkte til Brønnøysundregisteret sitt opne api, men skal endrast til å bruke eit nytt endepunkt på k9-sak backend. Foreløpig funksjonalitet er lagt inn så vi kan starte litt testing i Q uten å vente på backend implementasjon.

Når bruker har fyllt inn tredjepartsmottaker og trykker send blir det utfyllte organisasjonsnr sendt til backend på samme måte som viss bruker valgte førehandsdefinert mottaker i nedtrekksliste.

* CSP: La til data.brreg.no som tillatt connect-src (midlertidig).

Tillater denne midlertidig slik at ny funksjonalitet for sending av brev til tredjepart kan testast i Q før eigen api backend for søk i enhetsregisteret er implementert.

* Tillat nested-ternary i eslint config.

* Lint fixes.

* CSS lint fixes.

* Minor testfix, MeldingIndex.spec.tsx.

Text selector had not been changed after gui text changed.

eslint/eslintrc.common.js

@@ -63,6 +63,7 @@ const config = {
     ],
 
     // note you must disable the base rule as it can report incorrect errors
+    'no-nested-ternary': OFF,
     'no-use-before-define': OFF,
     '@typescript-eslint/no-use-before-define': [ERROR],
     'no-shadow': OFF,

packages/behandling-frisinn/src/components/FrisinnFakta.spec.tsx

@@ -88,6 +88,7 @@ describe('<FrisinnFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: '',
     },
     diskresjonskode: {
       kode: '',

packages/behandling-omsorgspenger/src/components/OmsorgspengerFakta.spec.tsx

@@ -128,6 +128,7 @@ describe('<OmsorgspengerFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: '',
     },
     diskresjonskode: {
       kode: '',

packages/behandling-opplaeringspenger/src/components/OpplaeringspengerFakta.spec.tsx

@@ -102,6 +102,7 @@ describe('<OpplaeringspengerFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: '',
     },
     diskresjonskode: {
       kode: '',

packages/behandling-pleiepenger-sluttfase/src/components/PleiepengerSluttfaseFakta.spec.tsx

@@ -102,6 +102,7 @@ describe('<PleiepengerSluttfaseFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: '',
     },
     diskresjonskode: {
       kode: '',

packages/behandling-pleiepenger/src/components/PleiepengerFakta.spec.tsx

@@ -99,6 +99,7 @@ describe('<PleiepengerFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: ''
     },
     diskresjonskode: {
       kode: '',

packages/behandling-unntak/src/components/UnntakFakta.spec.tsx

@@ -87,6 +87,7 @@ describe('<UnntakFakta>', () => {
     statsborgerskap: {
       kode: '',
       kodeverk: '',
+      navn: '',
     },
     diskresjonskode: {
       kode: '',

packages/form/index.jsx

@@ -15,6 +15,7 @@ export { default as PeriodpickerField } from './src/PeriodpickerField';
 export { default as AutocompleteField } from './src/AutocompleteField';
 export { default as CheckboxGroupFormik } from './src/CheckboxGroupFormik';
 export { default as FormState } from './src/FormState';
+export { default as Label } from './src/Label';
 
 export {
   behandlingForm,

packages/form/src/SelectField.tsx

@@ -23,23 +23,31 @@ interface SelectFieldProps {
 }
 
 /* eslint-disable-next-line react/prop-types */
-const renderReadOnly = () => ({ input, selectValues, ...otherProps }) => {
+const renderReadOnly = () => ({ input, selectValues, disabled, hideValueOnDisable, ...otherProps }) => {
   /* eslint-disable-next-line react/prop-types */
   const option = selectValues.map(sv => sv.props).find(o => o.value === input.value);
-  const value = option ? option.children : undefined;
-  return <ReadOnlyField input={{ value }} {...otherProps} />;
+  let value = option ? option.children : undefined;
+  // For å få nokolunde samme oppførsel som "opprinneleg komponent" på readonly komponenten når disabled og hideValueOnDisable
+  // er satt, legger vi inn value som eit tomt mellomrom i dette tilfellet. Dette sidan viss vi setter value til null, undefined
+  // eller "", så returnerer ReadOnlyField null, så heile input feltet med label forsvinner.
+  const hideValue = hideValueOnDisable === true && disabled === true
+  if(hideValue) {
+    value = <>&nbsp;</>
+  }
+  return <ReadOnlyField input={{ value }} { ...otherProps} />;
 };
 
 const renderNavSelect = renderNavField(CustomNavSelect);
 
-const SelectField = ({ name, label, selectValues, validate, readOnly, ...otherProps }: SelectFieldProps) => (
+const SelectField = ({ name, label, selectValues, validate, readOnly, hideValueOnDisable, disabled, ...otherProps }: SelectFieldProps) => (
   <Field
     name={name}
     validate={validate}
     component={readOnly ? renderReadOnly() : renderNavSelect}
     label={label}
     selectValues={selectValues}
-    disabled={!!readOnly}
+    disabled={disabled === true}
+    hideValueOnDisable={hideValueOnDisable}
     {...otherProps}
     readOnly={readOnly}
     // @ts-ignore TODO Fiks

packages/sak-app/src/behandlingsupport/BehandlingSupportIndex.tsx

@@ -24,6 +24,7 @@ import HistorikkIndex from './historikk/HistorikkIndex';
 import MeldingIndex from './melding/MeldingIndex';
 import NotaterIndex from './notater/NotaterIndex';
 import TotrinnskontrollIndex from './totrinnskontroll/TotrinnskontrollIndex';
+import MeldingBackendClient from "./melding/MeldingBackendClient";
 
 export const hentSynligePaneler = (
   behandlingRettigheter?: BehandlingRettigheter,
@@ -182,6 +183,7 @@ const BehandlingSupportIndex = ({
             behandlingVersjon={behandlingVersjon}
             personopplysninger={personopplysninger}
             arbeidsgiverOpplysninger={arbeidsgiverOpplysninger}
+            backendApi={new MeldingBackendClient()}
           />
         )}
         {aktivtSupportPanel === SupportTabs.DOKUMENTER && (

packages/sak-app/src/behandlingsupport/melding/MeldingBackendClient.ts

@@ -0,0 +1,25 @@
+import type { EregOrganizationLookupResponse } from "@k9-sak-web/types";
+import { BackendApi } from "./MeldingIndex";
+
+export default class MeldingBackendClient implements BackendApi {
+  // TODO Bytt ut denne implementasjonen med ein som går mot eigen backend, og bruker requestApi, eller ein lågare nivå
+  //  http klient dependency injecta i konstruktør (axios)
+  async getTredjepartsmottakerInfo(orgnr: string): Promise<EregOrganizationLookupResponse> {
+    const resp = await fetch(`https://data.brreg.no/enhetsregisteret/api/enheter/${orgnr}`, {
+      headers: {
+        'Accept': 'application/vnd.brreg.enhetsregisteret.enhet.v2+json;charset=UTF-8'
+      }
+    })
+    if(resp.ok) {
+      const json = await resp.json()
+      return {name: json.navn}
+    }
+    if(resp.status === 400) {
+      return {invalidOrgnum: true}
+    }
+    if(resp.status === 404) {
+      return {notFound: true}
+    }
+    throw new Error(`Unexpected response from data.brreg.no: ${resp.status} - ${resp.statusText}`)
+  }
+}

packages/sak-app/src/behandlingsupport/melding/MeldingIndex.spec.tsx

@@ -8,11 +8,11 @@ import { combineReducers, createStore } from 'redux';
 
 import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';
 import BehandlingType from '@fpsak-frontend/kodeverk/src/behandlingType';
-import { BehandlingAppKontekst, Fagsak } from '@k9-sak-web/types';
+import type { BehandlingAppKontekst, Brevmaler, Fagsak, Mottaker } from '@k9-sak-web/types';
 import dokumentMalType from '@fpsak-frontend/kodeverk/src/dokumentMalType';
 
 import { requestApi, K9sakApiKeys } from '../../data/k9sakApi';
-import MeldingIndex from './MeldingIndex';
+import MeldingIndex, { type BackendApi } from './MeldingIndex';
 
 const mockHistoryPush = jest.fn();
 
@@ -39,6 +39,12 @@ interface ExtendedWindow {
 }
 
 describe('<MeldingIndex>', () => {
+  const meldingBackend = {
+    async getTredjepartsmottakerInfo(orgnr: string) {
+      return {name: `Test Org navn (${orgnr})`}
+    }
+  } satisfies BackendApi
+
   const meldingMal: SendMeldingPayload = {
     behandlingId: 1,
     overstyrtMottaker: undefined,
@@ -74,11 +80,12 @@ describe('<MeldingIndex>', () => {
       mottakere: aktorer,
       linker: [],
       støtterFritekst: true,
+      støtterTredjepartsmottaker: true,
     },
     [dokumentMalType.REVURDERING_DOK]: { navn: 'Revurdering Dok', mottakere: aktorer, linker: [] },
     [dokumentMalType.AVSLAG]: { navn: 'Avslag', mottakere: aktorer, linker: [] },
     [dokumentMalType.FORLENGET_DOK]: { navn: 'Forlenget', mottakere: aktorer, linker: [] },
-  };
+  } satisfies Brevmaler;
 
   const assignMock = jest.fn();
   delete (window as Partial<ExtendedWindow>).location;
@@ -103,6 +110,7 @@ describe('<MeldingIndex>', () => {
             alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
             behandlingId={1}
             behandlingVersjon={123}
+            backendApi={meldingBackend}
           />
         </MemoryRouter>
       </Provider>,
@@ -127,6 +135,7 @@ describe('<MeldingIndex>', () => {
               alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
               behandlingId={1}
               behandlingVersjon={123}
+              backendApi={meldingBackend}
             />
           </MemoryRouter>
         </MockForm>
@@ -158,6 +167,7 @@ describe('<MeldingIndex>', () => {
               alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
               behandlingId={1}
               behandlingVersjon={123}
+              backendApi={meldingBackend}
             />
           </MemoryRouter>
         </MockForm>
@@ -184,6 +194,61 @@ describe('<MeldingIndex>', () => {
     expect(reqData[0].params).toEqual({ ...meldingMal, ...melding });
   });
 
+  it('skal sende melding til tredjepartsmottaker hvis det er valgt og utfyllt', async () => {
+    requestApi.mock(K9sakApiKeys.KODEVERK, kodeverk);
+    requestApi.mock(K9sakApiKeys.HAR_APENT_KONTROLLER_REVURDERING_AP, true);
+    requestApi.mock(K9sakApiKeys.BREVMALER, templates);
+    requestApi.mock(K9sakApiKeys.SUBMIT_MESSAGE);
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ TYPE_MEDISINSKE_OPPLYSNINGER_BREV: true }]);
+
+    render(
+      <Provider store={createStore(combineReducers({ form: formReducer }))}>
+        <MockForm>
+          <MemoryRouter>
+            <MeldingIndex
+              fagsak={fagsak as Fagsak}
+              alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
+              behandlingId={1}
+              behandlingVersjon={123}
+              backendApi={meldingBackend}
+            />
+          </MemoryRouter>
+        </MockForm>
+      </Provider>,
+    );
+
+    const melding = {
+      overstyrtMottaker: { id: '00000000', type: 'AKTØRID' },
+      brevmalkode: dokumentMalType.INNHENT_DOK,
+      fritekst: 'Dette er meldingen',
+    };
+
+    userEvent.selectOptions(await screen.getByLabelText('Mal'), melding.brevmalkode);
+    userEvent.selectOptions(await screen.getByLabelText('Mottaker'), JSON.stringify(melding.overstyrtMottaker));
+    userEvent.type(await screen.getByLabelText('Fritekst'), melding.fritekst);
+
+    userEvent.click(await screen.getByLabelText('Send til tredjepartsmottaker'))
+    const tredjepartsMottaker = {
+      type: "ORGNR",
+      id: "974652269",
+    } satisfies Mottaker;
+
+    await act(async () => {
+      const orgnrInput = await screen.getByLabelText("Org.nr")
+      expect(orgnrInput).toBeInTheDocument()
+      userEvent.type(orgnrInput, tredjepartsMottaker.id)
+    })
+
+    await act(async () => {
+      // Simuler klikk på Send brev knapp
+      userEvent.click(await screen.getByRole('button', { name: 'Send brev' }));
+    });
+
+    const reqData = requestApi.getRequestMockData(K9sakApiKeys.SUBMIT_MESSAGE);
+    expect(reqData).toHaveLength(1);
+    expect(reqData[0].params).toEqual({ ...meldingMal, ...melding, ...{overstyrtMottaker: tredjepartsMottaker} });
+  });
+
   it('skal sende melding og ikke sette saken på vent hvis ikke Innhent eller forlenget', async () => {
     requestApi.mock(K9sakApiKeys.KODEVERK, kodeverk);
     requestApi.mock(K9sakApiKeys.HAR_APENT_KONTROLLER_REVURDERING_AP, true);
@@ -200,6 +265,7 @@ describe('<MeldingIndex>', () => {
               alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
               behandlingId={1}
               behandlingVersjon={123}
+              backendApi={meldingBackend}
             />
           </MemoryRouter>
         </MockForm>
@@ -246,6 +312,7 @@ describe('<MeldingIndex>', () => {
               alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
               behandlingId={1}
               behandlingVersjon={123}
+              backendApi={meldingBackend}
             />
           </MemoryRouter>
         </MockForm>
@@ -294,6 +361,7 @@ describe('<MeldingIndex>', () => {
               alleBehandlinger={alleBehandlinger as BehandlingAppKontekst[]}
               behandlingId={1}
               behandlingVersjon={123}
+              backendApi={meldingBackend}
             />
           </MemoryRouter>
         </MockForm>

packages/sak-app/src/behandlingsupport/melding/MeldingIndex.tsx

@@ -5,7 +5,7 @@ import BehandlingType, { erTilbakekrevingType } from '@fpsak-frontend/kodeverk/s
 import dokumentMalType from '@fpsak-frontend/kodeverk/src/dokumentMalType';
 import venteArsakType from '@fpsak-frontend/kodeverk/src/venteArsakType';
 import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';
-import MeldingerSakIndex, { FormValues, MessagesModalSakIndex } from '@k9-sak-web/sak-meldinger';
+import MeldingerSakIndex, { FormValues, MessagesModalSakIndex, type MeldingerSakIndexBackendApi } from '@k9-sak-web/sak-meldinger';
 import { LoadingPanel } from '@fpsak-frontend/shared-components';
 import { RestApiState } from '@k9-sak-web/rest-api-hooks';
 import {
@@ -91,13 +91,16 @@ const getPreviewCallback =
     fetchPreview(false, data);
   };
 
+export interface BackendApi extends MeldingerSakIndexBackendApi {}
+
 interface OwnProps {
   fagsak: Fagsak;
   alleBehandlinger: BehandlingAppKontekst[];
   behandlingId: number;
   behandlingVersjon?: number;
   personopplysninger?: Personopplysninger;
   arbeidsgiverOpplysninger?: ArbeidsgiverOpplysningerWrapper;
+  readonly backendApi: BackendApi;
 }
 
 const EMPTY_ARRAY = [];
@@ -114,6 +117,7 @@ const MeldingIndex = ({
   behandlingVersjon,
   personopplysninger,
   arbeidsgiverOpplysninger,
+  backendApi,
 }: OwnProps) => {
   const [showSettPaVentModal, setShowSettPaVentModal] = useState(false);
   const [showMessagesModal, setShowMessageModal] = useState(false);
@@ -228,6 +232,7 @@ const MeldingIndex = ({
           behandling.type.kode === BehandlingType.TILBAKEKREVING ||
           behandling.type.kode === BehandlingType.TILBAKEKREVING_REVURDERING
         }
+        backendApi={backendApi}
       />
 
       {submitFinished && showSettPaVentModal && (

packages/sak-app/src/data/k9sakApi.ts

@@ -67,6 +67,7 @@ export enum K9sakApiKeys {
   BEHANDLING_PERIODER_ÅRSAK_MED_VILKÅR = 'BEHANDLING_PERIODER_ÅRSAK_MED_VILKÅR',
   LOS_LAGRE_MERKNAD = 'LOS_LAGRE_MERKNAD',
   LOS_HENTE_MERKNAD = 'LOS_HENTE_MERKNAD',
+  ORGNR_ENHETSINFO = 'ORGNR_ENHETSINFO',
 }
 
 const endpoints = new RestApiConfigBuilder()

packages/sak-meldinger/i18n/nb_NO.json

@@ -4,6 +4,11 @@
   "Messages.TypeAvDokumentasjon": "Type dokumentasjon du vil etterspørre",
   "Messages.VelgTypeAvDokumentasjon": "Velg type",
   "Messages.ChooseRecipient": "Velg mottaker",
+  "Messages.SendToThirdparty": "Send til tredjepartsmottaker",
+  "Messages.OrgNum": "Org.nr",
+  "Messages.InvalidOrgNum": "Ugyldig org.nr",
+  "Messages.OrgNumNotFound": "Org.nr ikke funnet i registeret",
+  "Messages.Name": "Navn",
   "Messages.Fritekst": "Fritekst",
   "Messages.FritekstTittel": "Tittel",
   "Messages.VelgÅrsak": "Velg årsak",

packages/sak-meldinger/index.ts

@@ -1,3 +1,3 @@
-export { default } from './src/MeldingerSakIndex';
+export { default, type BackendApi as MeldingerSakIndexBackendApi } from './src/MeldingerSakIndex';
 export { default as MessagesModalSakIndex } from './src/MessagesModalSakIndex';
 export type { FormValues } from './src/components/Messages';