TSFF-970: Legg til begrunnelse fra bruker i kronisk syk utvidet rett-vilkåret (#7081)

* Legg til begrunnelse fra bruker i kronisk syk utvidet rett-vilkåret

* Fix ts-check

* Sett ff til false i prod

Author: audunel

_mocks/featureToggles.ts

@@ -97,4 +97,8 @@ export const featureTogglesFactory = () => [
     key: "HISTORIKK_V2_VIS",
     value: process.env.VITE_HISTORIKK_V2_VIS,
   },
+  {
+    key: "VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK",
+    value: process.env.VITE_VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK,
+  }
 ];

deploy/dev-fss-k9saksbehandling.yml

@@ -117,3 +117,5 @@ spec:
       value: "true"
     - name: HISTORIKK_V2_VIS
       value: "true"
+    - name: VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK
+      value: "true"

deploy/prod-fss-k9saksbehandling.yml

@@ -114,3 +114,5 @@ spec:
       value: 'false'
     - name: HISTORIKK_V2_VIS
       value: "true"
+    - name: VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK
+      value: "false"

envDir/.env.development

@@ -22,3 +22,4 @@ VITE_AKSJONSPUNKT_OVERLAPPENDE_SAKER=true
 VITE_BRUK_V2_BEHANDLING_VELGER=true
 VITE_BRUK_V2_SAK_SOK=true
 VITE_HISTORIKK_V2_VIS=true
+VITE_VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK=true

feature-toggles.json

@@ -102,5 +102,9 @@
   {
     "key": "HISTORIKK_V2_VIS",
     "value": "${HISTORIKK_V2_VIS}"
+  },
+  {
+    "key": "VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK",
+    "value": "${VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK}"
   }
 ]

packages/behandling-utvidet-rett/src/panelDefinisjoner/prosessStegPaneler/utvidetRettPanel/utvidetRettMikrofrontend/formateringAvDataTilMikrofrontend/KroniskSykObjektTilMikrofrontend.ts

@@ -96,6 +96,7 @@ const KroniskSykObjektTilMikrofrontend = ({
         aksjonspunktLost,
         lesemodus,
         soknadsdato: soknad.soknadsdato,
+        begrunnelseFraBruker: soknad.angittePersoner[0]?.tilleggsopplysninger || '',
         informasjonTilLesemodus: formatereLesemodusObjektForKroniskSyk(vilkar, aksjonspunkt),
         vedtakFattetVilkarOppfylt: skalVilkarsUtfallVises,
         informasjonOmVilkar: generereInfoForVurdertVilkar(

packages/behandling-utvidet-rett/src/types/utvidetRettMikrofrontend/VilkarKroniskSyktBarnProps.ts

@@ -5,6 +5,7 @@ export interface VilkarKroniskSyktBarnProps {
   behandlingsID: string;
   vedtakFattetVilkarOppfylt: boolean;
   soknadsdato: string;
+  begrunnelseFraBruker: string;
   aksjonspunktLost: boolean;
   informasjonOmVilkar?: InformasjonOmVurdertVilkar;
   lesemodus: boolean;

packages/prosess-omsorgsdager/src/types/VilkarKroniskSyktBarnProps.ts

@@ -5,6 +5,7 @@ export interface VilkarKroniskSyktBarnProps {
   behandlingsID: string;
   vedtakFattetVilkarOppfylt: boolean;
   soknadsdato: string;
+  begrunnelseFraBruker: string;
   aksjonspunktLost: boolean;
   informasjonOmVilkar?: InformasjonOmVurdertVilkar;
   lesemodus: boolean;

packages/prosess-omsorgsdager/src/ui/components/vilkar-kronisk-sykt-barn/VilkarKroniskSyktBarn.tsx

@@ -1,6 +1,6 @@
 import { Alert, Button, Fieldset, HStack, RadioGroup } from '@navikt/ds-react';
 import classNames from 'classnames';
-import React from 'react';
+import React, { useContext } from 'react';
 import { FormProvider, useForm } from 'react-hook-form';
 import { VilkarKroniskSyktBarnProps } from '../../../types/VilkarKroniskSyktBarnProps';
 import { booleanTilTekst, formatereDato, formatereDatoTilLesemodus, tekstTilBoolean } from '../../../util/stringUtils';
@@ -14,6 +14,7 @@ import TextArea from '../react-hook-form-wrappers/TextArea';
 import styleRadioknapper from '../styles/radioknapper/radioknapper.module.css';
 import VilkarStatus from '../vilkar-status/VilkarStatus';
 import styles from './vilkarKronisSyktBarn.module.css';
+import FeatureTogglesContext from '@k9-sak-web/gui/utils/featureToggles/FeatureTogglesContext.js';
 
 type FormData = {
   harDokumentasjonOgFravaerRisiko: string;
@@ -49,6 +50,7 @@ const tekst = {
   feilmedlingUgyldigDato: 'Ugyldig dato.',
   feilmedlingerDatoIkkeIFremtid: 'Fra-dato kan ikke være frem i tid.',
   soknadsdato: 'Søknadsdato',
+  begrunnelseFraBruker: 'Begrunnelse for risiko for økt fravær',
 };
 
 const mapTilAvslagstekst = (avslagsKode: string): string => {
@@ -78,7 +80,10 @@ const VilkarKroniskSyktBarn: React.FunctionComponent<VilkarKroniskSyktBarnProps>
   informasjonOmVilkar,
   formState,
   soknadsdato,
+  begrunnelseFraBruker,
 }) => {
+  const featureToggles = useContext(FeatureTogglesContext);
+  const visBegrunnelseFraBruker = featureToggles?.['VIS_BEGRUNNELSE_FRA_BRUKER_I_KRONISK_SYK'] === true;
   const harAksjonspunktOgVilkarLostTidligere = informasjonTilLesemodus?.begrunnelse.length > 0;
   const methods = useForm<FormData>({
     defaultValues: {
@@ -199,6 +204,15 @@ const VilkarKroniskSyktBarn: React.FunctionComponent<VilkarKroniskSyktBarnProps>
               <p className={styleLesemodus.text}>{formatereDatoTilLesemodus(soknadsdato)}</p>
             </>
 
+            {visBegrunnelseFraBruker &&
+              typeof begrunnelseFraBruker !== 'undefined' &&
+              begrunnelseFraBruker.length > 0 && (
+                <>
+                  <p className={styleLesemodus.label}>{tekst.begrunnelseFraBruker}</p>
+                  <p className={styleLesemodus.text}>{begrunnelseFraBruker}</p>
+                </>
+              )}
+
             <form className={styles.form} onSubmit={handleSubmit(bekreftAksjonspunkt)}>
               <TextArea label={tekst.begrunnelse} name="begrunnelse" />