TFP-6071: legg til overstyring i fakta-fødsel

Author: sirimykland

apps/fp-frontend-app/src/behandling/fellesPaneler/fakta/FodselvilkaretFaktaInitPanel.tsx

@@ -16,15 +16,16 @@ import { useStandardFaktaPanelProps } from '../../felles/fakta/useStandardFaktaP
 import { BehandlingDataContext } from '../../felles/utils/behandlingDataContext';
 
 const AKSJONSPUNKT_KODER = [AksjonspunktKode.TERMINBEKREFTELSE, AksjonspunktKode.SJEKK_MANGLENDE_FODSEL];
+const OVERSTYRING_KODER = [AksjonspunktKode.OVERSTYRING_AV_FAKTA_OM_FØDSEL];
 
 export const FodselvilkaretFaktaInitPanel = () => {
   const intl = useIntl();
 
-  const { behandling, fagsak } = use(BehandlingDataContext);
+  const { behandling, fagsak, rettigheter } = use(BehandlingDataContext);
 
   const skalPanelVisesIMeny = behandling.vilkår.some(v => fodselsvilkarene.some(fv => fv === v.vilkarType));
 
-  const standardPanelProps = useStandardFaktaPanelProps(AKSJONSPUNKT_KODER);
+  const standardPanelProps = useStandardFaktaPanelProps(AKSJONSPUNKT_KODER, OVERSTYRING_KODER);
 
   const api = useBehandlingApi(behandling);
   const fagsakApi = useFagsakApi();
@@ -48,6 +49,7 @@ export const FodselvilkaretFaktaInitPanel = () => {
           fødsel={faktafødsel}
           terminbekreftelseDokument={terminbekreftelseDokument}
           submittable={standardPanelProps.submittable}
+          kanOverstyre={rettigheter.kanOverstyreAccess.isEnabled}
         />
       ) : (
         <LoadingPanel />

packages/fakta/felles/i18n/nb_NO.json

@@ -1,14 +1,11 @@
 {
   "AdresseVisning.Adresse": "Adresse",
-
   "ForelderPanel.Soker": "Søker",
   "ForelderPanel.AnnenForelder": "Annen forelder",
-
   "AlleBarnPanel.Barn": "Barn",
   "AlleBarnPanel.BarnNr": "Barn {nummer}",
   "AlleBarnPanel.Fodt": "Født",
   "AlleBarnPanel.Dod": "Død",
-
   "PersonPanel.RolleOgNavn": "{rolle, select, BRUKER {Søker, } ANNEN_PART {Den andre forelderen, } BARN {Barnet, } other {} }{navn}",
   "PersonPanel.Beskrivelse.Bruker": "Adresser for søker registrert i folkeregisteret gyldige for de siste 12 månedene",
   "PersonPanel.Beskrivelse.Barn": "Adresser for barnet registrert i folkeregisteret gyldige på skjæringstidspunktet",
@@ -21,7 +18,6 @@
   "AdresseTabell.PeriodeLabel": "Periode",
   "AdresseTabell.AdresseLabel": "Adresse",
   "AdresseTabell.TypeLabel": "Type",
-
   "MerkePanel.Dod": "DØD",
   "MerkePanel.DodTittel": "Personen er død",
   "MerkePanel.DodFodt": "DØDFØDT",
@@ -33,15 +29,12 @@
   "MerkePanel.Diskresjon7Tittel": "Personen har diskresjonsmerking kode 7",
   "MerkePanel.EgenAnsattTittel": "Personen er ansatt i Nav",
   "MerkePanel.VergeTittel": "Personen har verge",
-
   "SubmitButton.ConfirmInformation": "Bekreft og fortsett",
   "FaktaBegrunnelseTextField.BegrunnEndringene": "Begrunn endringene",
   "FaktaBegrunnelseTextField.Vurdering": "Vurdering",
   "FaktaBegrunnelseTextField.Begrunnelse": "Begrunnelse",
-
   "TrueFalseInput.True": "Ja",
   "TrueFalseInput.False": "Nei",
-
   "FaktaKilde.Soknad": "FRA SØKNADEN",
   "FaktaKilde.FREG": "FRA FOLKEREGISTERET",
   "FaktaKilde.MEDL": "FRA MEDLEMSKAPSREGISTERET",

packages/fakta/felles/index.ts

@@ -16,3 +16,5 @@ export { Personopplysninger } from './src/components/personer/Personopplysninger
 export { PersonopplysningerForFamilie } from './src/components/personer/PersonopplysningerForFamilie';
 
 export { AdresseTabell } from './src/components/adresser/AdresseTabell';
+
+export { ValueLabel } from './src/components/ValueLabel';

packages/fakta/felles/src/components/ValueLabel.tsx

@@ -0,0 +1,21 @@
+import type { ReactElement, ReactNode } from 'react';
+
+import { BodyShort, Label, VStack } from '@navikt/ds-react';
+
+interface Props {
+  label: ReactElement | string;
+  children: ReactNode | ReactElement | string | number | (ReactNode | string | ReactElement | null | '')[];
+}
+
+export const ValueLabel = ({ label, children }: Props) => {
+  return (
+    <VStack gap="1">
+      <Label>{label}</Label>
+      {isStringOrNumber(children) ? <BodyShort>{children}</BodyShort> : children}
+    </VStack>
+  );
+};
+
+const isStringOrNumber = (value: unknown): value is string | number => {
+  return typeof value === 'string' || typeof value === 'number';
+};

packages/fakta/fodsel/i18n/nb_NO.json

@@ -1,6 +1,9 @@
 {
   "FodselInfoPanel.KontrollerMotTerminbekreftelsen": "Kontroller terminbekreftelse",
   "FodselInfoPanel.KontrollerMotFodselsdokumentasjon": "Kontroller mot opplysningene fra fødselsdokumentasjonen",
+  "OverstyringPanel.Tittel": "Fakta om fødsel",
+  "OverstyringForm.Tittel": "Overstyring av fødselsdetaljer",
+  "OverstyringForm.Avbryt": "Avbryt",
   "TermindatoFaktaForm.Tittel": "Kontroller opplysninger om termin oppgitt i søknaden",
   "TermindatoFaktaForm.AdvarselForTidligUtstedtdato": "Terminbekreftelsen utstedt før 22. svangerskapsuke. Kontakt søker for en nyere terminbekreftelse og sett saken på vent. Fortsett dersom ny bekreftelse ikke skal hentes inn. Behandlingen vil avslås på grunn av manglende dokumentasjon",
   "AvklartBarnFieldArray.LeggTilBarn": "Legg til barn",

packages/fakta/fodsel/src/FodselFaktaIndex.stories.tsx

@@ -32,6 +32,7 @@ const meta = {
   args: {
     submittable: true,
     isReadOnly: false,
+    kanOverstyre: false,
     aksjonspunkterForPanel: [],
     alleMerknaderFraBeslutter: {},
     terminbekreftelseDokument: {
@@ -80,6 +81,7 @@ const meta = {
   },
   render: args => <FodselFaktaIndex {...args} />,
 } satisfies Meta<PanelDataArgs & ComponentProps<typeof FodselFaktaIndex>>;
+
 export default meta;
 
 type Story = StoryObj<typeof meta>;
@@ -276,3 +278,22 @@ export const SjekkManglendeFødselVedDødfødselForEnTvilling: Story = {
     },
   },
 };
+
+export const Overstyring: Story = {
+  args: {
+    kanOverstyre: true,
+  },
+};
+export const Overstyrt: Story = {
+  args: {
+    kanOverstyre: true,
+    aksjonspunkterForPanel: [
+      {
+        definisjon: AksjonspunktKode.OVERSTYRING_AV_FAKTA_OM_FØDSEL,
+        status: AksjonspunktStatus.UTFORT,
+        begrunnelse: 'Denne saken har blitt overstyrt',
+        kanLoses: false,
+      },
+    ],
+  },
+};

packages/fakta/fodsel/src/FodselFaktaIndex.tsx

@@ -15,6 +15,7 @@ interface Props {
   fødsel: Fødsel;
   terminbekreftelseDokument: DokumentLinkReferanse | undefined;
   submittable: boolean;
+  kanOverstyre: boolean;
 }
 
 export const FodselFaktaIndex = (props: Props) => (

packages/fakta/fodsel/src/components/FodselInfoPanel.tsx

@@ -13,28 +13,31 @@ import { SjekkTerminbekreftelseForm } from './aksjonspunkt/SjekkTerminbekreftels
 import { FaktaFraFReg } from './fakta/FaktaFraFReg';
 import { FaktaFraSøknad } from './fakta/FaktaFraSøknad';
 import { Situasjon } from './fakta/Situasjon';
+import { OverstyringPanel } from './overstyring/OverstyringPanel';
 
 const { TERMINBEKREFTELSE, SJEKK_MANGLENDE_FODSEL } = AksjonspunktKode;
 
 interface Props {
   fødsel: Fødsel;
-  submittable: boolean;
   terminbekreftelseDokument: DokumentLinkReferanse | undefined;
+  submittable: boolean;
+  kanOverstyre: boolean;
 }
 
 /**
  * FodselInfoPanel
  *
  * Har ansvar for å sette opp formen for faktapenelet til Fødselsvilkåret.
  */
-export const FodselInfoPanel = ({ submittable, fødsel, terminbekreftelseDokument }: Props) => {
+export const FodselInfoPanel = ({ submittable, fødsel, terminbekreftelseDokument, kanOverstyre }: Props) => {
   const { aksjonspunkterForPanel, harÅpneAksjonspunkter } = usePanelDataContext();
 
   const terminbekreftelseAp = aksjonspunkterForPanel.find(ap => ap.definisjon === TERMINBEKREFTELSE);
   const manglendeFødselAp = aksjonspunkterForPanel.find(ap => ap.definisjon === SJEKK_MANGLENDE_FODSEL);
 
   return (
     <VStack gap="4">
+      <OverstyringPanel kanOverstyre={kanOverstyre} gjeldende={fødsel.gjeldende} submittable={submittable} />
       {harÅpneAksjonspunkter && (
         <AksjonspunktHelpTextHTML>
           <>

packages/fakta/fodsel/src/components/aksjonspunkt/SjekkManglendeFødselForm.tsx

@@ -105,6 +105,7 @@ const transformValues = (values: FormValues): SjekkManglendeFodselAp => ({
   kode: AksjonspunktKode.SJEKK_MANGLENDE_FODSEL,
   dokumentasjonForeligger: values.dokumentasjonForeligger!,
   brukAntallBarnITps: false,
-  ...BarnFieldArray.transformValues(values),
+
+  uidentifiserteBarn: BarnFieldArray.transformValues(values).barn,
   ...FaktaBegrunnelseTextField.transformValues(values),
 });

packages/fakta/fodsel/src/components/aksjonspunkt/SjekkTerminbekreftelseForm.tsx

@@ -14,7 +14,7 @@ import {
 } from '@navikt/fp-fakta-felles';
 import { AksjonspunktKode } from '@navikt/fp-kodeverk';
 import type { Aksjonspunkt, Fødsel, FødselGjeldende } from '@navikt/fp-types';
-import type { BekreftTerminbekreftelseAp } from '@navikt/fp-types-avklar-aksjonspunkter';
+import type { SjekkTerminbekreftelseAp } from '@navikt/fp-types-avklar-aksjonspunkter';
 import { FaktaKort } from '@navikt/fp-ui-komponenter';
 import {
   maxTerminbekreftelseDato,
@@ -45,7 +45,7 @@ interface Props {
 export const SjekkTerminbekreftelseForm = ({ fødsel: { gjeldende, søknad }, submittable, aksjonspunkt }: Props) => {
   const intl = useIntl();
 
-  const { submitCallback, alleMerknaderFraBeslutter, isReadOnly } = usePanelDataContext<BekreftTerminbekreftelseAp>();
+  const { submitCallback, alleMerknaderFraBeslutter, isReadOnly } = usePanelDataContext<SjekkTerminbekreftelseAp>();
 
   const { mellomlagretFormData, setMellomlagretFormData } = useMellomlagretFormData<FormValues>();
 
@@ -132,7 +132,7 @@ const initialValues = (gjeldende: FødselGjeldende, aksjonspunkt: Aksjonspunkt):
   ...FaktaBegrunnelseTextField.initialValues(aksjonspunkt),
 });
 
-const transformValues = (values: FormValues): BekreftTerminbekreftelseAp => ({
+const transformValues = (values: FormValues): SjekkTerminbekreftelseAp => ({
   kode: AksjonspunktKode.TERMINBEKREFTELSE,
   utstedtdato: values.utstedtdato!,
   termindato: values.termindato!,

packages/fakta/fodsel/src/components/form/BarnFieldArray.tsx

@@ -149,8 +149,8 @@ BarnFieldArray.initialValues = (gjeldende: FødselGjeldende): BarnFormValues =>
       : lagBarn(gjeldende.antallBarn || 0),
 });
 
-BarnFieldArray.transformValues = (values: BarnFormValues) => ({
-  uidentifiserteBarn: values.barn.map(ab => ({
+BarnFieldArray.transformValues = ({ barn }: BarnFormValues) => ({
+  barn: barn.map(ab => ({
     fodselsdato: ab.fodselsdato,
     dodsdato: ab.dodsdato === '' || ab.dodsdato === null ? undefined : ab.dodsdato,
   })),

packages/fakta/fodsel/src/components/overstyring/OverstyringForm.tsx

@@ -0,0 +1,72 @@
+import { useForm } from 'react-hook-form';
+import { FormattedMessage } from 'react-intl';
+
+import { Button, HStack, VStack } from '@navikt/ds-react';
+import { Form } from '@navikt/ft-form-hooks';
+
+import { type FaktaBegrunnelseFormValues, FaktaBegrunnelseTextField, FaktaSubmitButton } from '@navikt/fp-fakta-felles';
+import { AksjonspunktKode } from '@navikt/fp-kodeverk';
+import type { FødselGjeldende } from '@navikt/fp-types';
+import type { OverstyringFaktaFødselAp } from '@navikt/fp-types-avklar-aksjonspunkter';
+import { usePanelDataContext } from '@navikt/fp-utils';
+
+import { BarnFieldArray, type BarnFormValues } from '../form/BarnFieldArray';
+import { Termindato, type TermindatoFormValues } from '../form/Termindato';
+
+interface Props {
+  gjeldende: FødselGjeldende;
+  isReadOnly: boolean;
+  submittable: boolean;
+  avbrytOverstyring: () => void;
+}
+
+type FormValues = TermindatoFormValues & BarnFormValues & FaktaBegrunnelseFormValues;
+
+export const OverstyringForm = ({ gjeldende, isReadOnly, submittable, avbrytOverstyring }: Props) => {
+  const { submitCallback } = usePanelDataContext();
+
+  const formMethods = useForm<FormValues>({
+    defaultValues: initialValues(gjeldende),
+  });
+
+  return (
+    <Form formMethods={formMethods} onSubmit={values => submitCallback(transformValues(values))}>
+      <VStack gap="4">
+        <Termindato isReadOnly={isReadOnly} />
+        <BarnFieldArray isReadOnly={isReadOnly} />
+
+        <FaktaBegrunnelseTextField isSubmittable={submittable} isReadOnly={isReadOnly} hasBegrunnelse={true} />
+        <HStack gap="2">
+          <FaktaSubmitButton
+            isSubmittable={submittable}
+            isReadOnly={isReadOnly}
+            isSubmitting={formMethods.formState.isSubmitting}
+            isDirty={formMethods.formState.isDirty}
+          />
+          <Button
+            variant="secondary"
+            size="small"
+            type="button"
+            onClick={() => avbrytOverstyring()}
+            disabled={isReadOnly}
+          >
+            <FormattedMessage id="OverstyringForm.Avbryt" />
+          </Button>
+        </HStack>
+      </VStack>
+    </Form>
+  );
+};
+
+const initialValues = (gjeldende: FødselGjeldende) => ({
+  termindato: gjeldende.termindato?.termindato ?? '',
+  ...BarnFieldArray.initialValues(gjeldende),
+  ...FaktaBegrunnelseTextField.initialValues(),
+});
+
+const transformValues = (values: FormValues): OverstyringFaktaFødselAp => ({
+  kode: AksjonspunktKode.OVERSTYRING_AV_FAKTA_OM_FØDSEL,
+  termindato: values.termindato,
+  ...BarnFieldArray.transformValues(values),
+  ...FaktaBegrunnelseTextField.transformValues(values),
+});

packages/fakta/fodsel/src/components/overstyring/OverstyringPanel.tsx

@@ -0,0 +1,53 @@
+import { useState } from 'react';
+import { FormattedMessage, useIntl } from 'react-intl';
+
+import { Heading, HStack } from '@navikt/ds-react';
+import { OverstyringKnapp } from '@navikt/ft-ui-komponenter';
+
+import { AksjonspunktKode } from '@navikt/fp-kodeverk';
+import type { FødselGjeldende } from '@navikt/fp-types';
+import { FaktaKort } from '@navikt/fp-ui-komponenter';
+import { usePanelDataContext } from '@navikt/fp-utils';
+
+import { OverstyringForm } from './OverstyringForm';
+
+interface Props {
+  kanOverstyre: boolean;
+  gjeldende: FødselGjeldende;
+  submittable: boolean;
+}
+
+export const OverstyringPanel = ({ kanOverstyre, gjeldende, submittable }: Props) => {
+  const intl = useIntl();
+  if (!kanOverstyre) return undefined;
+
+  const { aksjonspunkterForPanel, isReadOnly, alleMerknaderFraBeslutter } = usePanelDataContext();
+  const overstyringAksjonspunkter = aksjonspunkterForPanel.filter(
+    a => a.definisjon === AksjonspunktKode.OVERSTYRING_AV_FAKTA_OM_FØDSEL,
+  );
+  const [erOverstyrt, setErOverstyrt] = useState(!!overstyringAksjonspunkter[0]?.begrunnelse);
+  return (
+    <>
+      <HStack gap="4">
+        <Heading size="small">
+          <FormattedMessage id="OverstyringPanel.Tittel" />
+        </Heading>
+        {!isReadOnly && <OverstyringKnapp onClick={() => setErOverstyrt(true)} erOverstyrt={erOverstyrt} />}
+      </HStack>
+
+      {erOverstyrt && (
+        <FaktaKort
+          label={intl.formatMessage({ id: 'OverstyringForm.Tittel' })}
+          merknaderFraBeslutter={alleMerknaderFraBeslutter[AksjonspunktKode.OVERSTYRING_AV_FAKTA_OM_FØDSEL]}
+        >
+          <OverstyringForm
+            isReadOnly={isReadOnly}
+            gjeldende={gjeldende}
+            submittable={submittable}
+            avbrytOverstyring={() => setErOverstyrt(false)}
+          />
+        </FaktaKort>
+      )}
+    </>
+  );
+};

packages/kodeverk/src/aksjonspunktCodes.ts

@@ -35,6 +35,7 @@ export enum AksjonspunktKode {
   VARSEL_REVURDERING_ETTERKONTROLL = '5025', // Utgått, brukes i historikk
   VARSEL_REVURDERING_MANUELL = '5026',
   SJEKK_MANGLENDE_FODSEL = '5027',
+  OVERSTYRING_AV_FAKTA_OM_FØDSEL = '6019',
   FORESLA_VEDTAK_MANUELT = '5028',
   KONTROLLER_STOR_ETTERBETALING_SØKER = '5029',
   AVKLAR_VERGE = '5030',

packages/types-avklar-aksjonspunkter/index.ts

@@ -13,8 +13,9 @@ export type { BekreftErMedlemVurderingAp } from './src/fakta/BekreftErMedlemVurd
 export type { BekreftOppholdsrettVurderingAp } from './src/fakta/BekreftOppholdsrettVurderingAp';
 export type { BekreftLovligOppholdVurderingAp } from './src/fakta/BekreftLovligOppholdVurderingAp';
 export type { AvklarFortsattMedlemskapAp } from './src/fakta/AvklarFortsattMedlemskapAp';
-export type { BekreftTerminbekreftelseAp } from './src/fakta/BekreftTerminbekreftelseAp';
-export type { SjekkManglendeFodselAp } from './src/fakta/SjekkManglendeFodselAp';
+export type { SjekkTerminbekreftelseAp } from './src/fakta/fødsel/SjekkTerminbekreftelseAp';
+export type { SjekkManglendeFodselAp } from './src/fakta/fødsel/SjekkManglendeFodselAp';
+export type { OverstyringFaktaFødselAp } from './src/fakta/fødsel/OverstyringFaktaFødselAp';
 export type { AvklarAnnenforelderHarRettAp } from './src/fakta/AvklarAnnenforelderHarRettAp';
 export type { BekreftUttaksperioderAp } from './src/fakta/BekreftUttaksperioderAp';
 export type { VurderArbeidsforholdPermisjonAp } from './src/fakta/VurderArbeidsforholdPermisjonAp';