Ap 9292 overlappende saker (#6961)

* Legge til aksjonspunkt for overlappende saker i uttak

* Legge til aksjonspunkt for overlappende saker i uttak

* yarn install

* Benytte feature toggle og sjekke at aksjonspunkt finnes

* Endringer i dto

* Skal ikke kunne redigere aksjonspunkt om det ikke kan løses

* console.log

* HTML nesting feil

* Oppdater typescript client

* Benytt saksbehandler og vurderttidspunkt

* Legg til storybook med testing

* Update yarn.lock

* Gjør vurderOverlappendeSakComponent valgfri

* endre import for useFeatureToggles

* Ny måte å bruke feature toggle context på

* Overtale typescript

* Missing queryKey dep

* Create VurderOverlappendeSak.module.d.css.ts

* Samme versjoner av react-hook-form og ft-form-hooks som resten av repo

* Fjerne ubrukt stil

* shorthand-property-no-redundant-values

Author: thomashwi

Diff for: _mocks/featureToggles.ts

@@ -93,4 +93,8 @@ export const featureTogglesFactory = () => [
     key: 'BRUK_INNTEKTSGRADERING_I_UTTAK',
     value: process.env.VITE_BRUK_INNTEKTSGRADERING_I_UTTAK,
   },
+  {
+    key: 'AKSJONSPUNKT_OVERLAPPENDE_SAKER',
+    value: process.env.VITE_AKSJONSPUNKT_OVERLAPPENDE_SAKER,
+  },
 ];

Diff for: deploy/dev-fss-k9saksbehandling.yml

@@ -115,3 +115,5 @@ spec:
       value: "true"
     - name: BRUK_INNTEKTSGRADERING_I_UTTAK
       value: "true"
+    - name: AKSJONSPUNKT_OVERLAPPENDE_SAKER
+      value: "true"

Diff for: deploy/prod-fss-k9saksbehandling.yml

@@ -1,18 +1,18 @@
-apiVersion: "nais.io/v1alpha1"
-kind: "Application"
+apiVersion: 'nais.io/v1alpha1'
+kind: 'Application'
 metadata:
   name: k9-sak-web
   namespace: k9saksbehandling
   labels:
     team: k9saksbehandling
   annotations:
-    nais.io/run-as-user: "101" # Fix permissions for nginx
-    nais.io/read-only-file-system: "false" # Fix permissions for nginx
-    nginx.ingress.kubernetes.io/proxy-buffer-size: "32k"
-    nginx.ingress.kubernetes.io/proxy-read-timeout: "600"
-    nginx.ingress.kubernetes.io/proxy-send-timeout: "600"
+    nais.io/run-as-user: '101' # Fix permissions for nginx
+    nais.io/read-only-file-system: 'false' # Fix permissions for nginx
+    nginx.ingress.kubernetes.io/proxy-buffer-size: '32k'
+    nginx.ingress.kubernetes.io/proxy-read-timeout: '600'
+    nginx.ingress.kubernetes.io/proxy-send-timeout: '600'
 spec:
-  image: {{ image }}
+  image: { { image } }
   port: 9000
   liveness:
     path: /isAlive
@@ -36,72 +36,72 @@ spec:
       cpu: 200m
       memory: 32Mi
   ingresses:
-    - "https://k9.intern.nav.no/"
+    - 'https://k9.intern.nav.no/'
   env:
     - name: APP_NAME
       value: k9-sak-web
     - name: APP_URL
-      value: "http://k9-sak"
+      value: 'http://k9-sak'
     - name: APP_PORT
-      value: "9000"
+      value: '9000'
     - name: APP_URL_K9FORMIDLING
-      value: "http://k9-formidling"
+      value: 'http://k9-formidling'
     - name: APP_URL_K9FORMIDLING_DD
-      value: "http://k9-formidling-dokumentdata.k9saksbehandling"
+      value: 'http://k9-formidling-dokumentdata.k9saksbehandling'
     - name: APP_URL_K9OPPDRAG
-      value: "http://k9-oppdrag.k9saksbehandling"
+      value: 'http://k9-oppdrag.k9saksbehandling'
     - name: APP_URL_KLAGE
-      value: "http://k9-klage.k9saksbehandling"
+      value: 'http://k9-klage.k9saksbehandling'
     - name: APP_URL_K9TILBAKE
-      value: "http://k9-tilbake.k9saksbehandling"
+      value: 'http://k9-tilbake.k9saksbehandling'
     - name: APP_URL_K9FORDEL
-      value: "http://k9-fordel.k9saksbehandling"
+      value: 'http://k9-fordel.k9saksbehandling'
     - name: ENDRINGSLOGG_URL
-      value: "https://familie-endringslogg.intern.nav.no/"
+      value: 'https://familie-endringslogg.intern.nav.no/'
 
     # Feature-flag
     - name: KLAGE_KABAL
-      value: "true"
+      value: 'true'
     - name: VARSELTEKST
-      value: "true"
+      value: 'true'
     - name: DOKUMENTDATA
-      value: "false"
+      value: 'false'
     - name: UNNTAKSBEHANDLING
-      value: "false"
+      value: 'false'
     - name: KLAGEBEHANDLING
-      value: "true"
+      value: 'true'
     - name: TILBAKE
-      value: "true"
+      value: 'true'
     - name: SOKNADPERIODESTRIPE
-      value: "false"
+      value: 'false'
     - name: TYPE_MEDISINSKE_OPPLYSNINGER_BREV
-      value: "true"
+      value: 'true'
     - name: LOS_MARKER_BEHANDLING
-      value: "true"
+      value: 'true'
     - name: LOS_MARKER_BEHANDLING_SUBMIT
-      value: "false"
+      value: 'false'
     - name: AKSJONSPUNKT_9015
-      value: "true"
+      value: 'true'
     - name: ALDERSVILKAR_KRONISK_SYK
-      value: "true"
+      value: 'true'
     - name: FRITEKST_REDIGERING
-      value: "true"
+      value: 'true'
     - name: INKLUDER_KALENDER_PILS
-      value: "false"
+      value: 'false'
     - name: SKJUL_AVSLUTTET_ARBEIDSGIVER
-      value: "false"
+      value: 'false'
     - name: OMS_PUNSJSTRIPE
-      value: "true"
+      value: 'true'
     - name: OMSORGEN_FOR_PERIODISERT
-      value: "true"
+      value: 'true'
     - name: OVERSTYR_BEREGNING
-      value: "false"
+      value: 'false'
     - name: BRUK_V2_MELDINGER
-      value: "true"
+      value: 'true'
     - name: NYE_NOKKELTALL
       value: "false"
     - name: UTVIDET_VARSELFELT
-      value: "true"
+      value: 'true'
     - name: SKILL_UT_PRIVATPERSON
       value: "true"
     - name: AUTOMATISK_VURDERT_MEDLEMSKAP
@@ -112,3 +112,5 @@ spec:
       value: "true"
     - name: BRUK_INNTEKTSGRADERING_I_UTTAK
       value: "true"
+    - name: AKSJONSPUNKT_OVERLAPPENDE_SAKER
+      value: 'false'

Diff for: envDir/.env.development

@@ -21,3 +21,4 @@ VITE_AUTOMATISK_VURDERT_MEDLEMSKAP=true
 VITE_BRUK_V2_SAK_DOKUMENTER=true
 VITE_OPPTJENING_READ_ONLY_PERIODER=true
 VITE_BRUK_INNTEKTSGRADERING_I_UTTAK=true
+VITE_AKSJONSPUNKT_OVERLAPPENDE_SAKER=true

Diff for: feature-toggles.json

@@ -98,5 +98,9 @@
   {
     "key": "BRUK_INNTEKTSGRADERING_I_UTTAK",
     "value": "${BRUK_INNTEKTSGRADERING_I_UTTAK}"
+  },
+  {
+    "key": "AKSJONSPUNKT_OVERLAPPENDE_SAKER",
+    "value": "${AKSJONSPUNKT_OVERLAPPENDE_SAKER}"
   }
 ]

Diff for: package.json

@@ -25,8 +25,8 @@
     "css:modules:typegen:watch": "tcm ./packages/v2/gui --camelCase dashes --allowArbitraryExtensions --watch",
     "css:modules:typegen:check": "tcm ./packages/v2/gui --camelCase dashes --allowArbitraryExtensions --listDifferent",
     "dev": "yarn cross-env APP_URL_K9FORMIDLING=http://localhost:8060/rest/dummy vite serve",
-    "dev-lokal": "cross-env NODE_ENV=development APP_URL_SAK=http://k9-sak:8080 APP_URL_K9OPPDRAG=http://k9-oppdrag:8070 APP_URL_K9FORMIDLING_DD=http://k9-formidling-dokumentdata:8294 APP_URL_K9FORMIDLING=http://localhost:8290 SPLITTET_SAMMENLINGNING_BEREGNING=true vite serve",
-    "dev-med-formidling": "yarn cross-env APP_URL_K9FORMIDLING=http://k9-formidling:8290 SPLITTET_SAMMENLINGNING_BEREGNING=true vite serve",
+    "dev-lokal": "cross-env NODE_ENV=development APP_URL_SAK=http://k9-sak:8080 APP_URL_K9OPPDRAG=http://k9-oppdrag:8070 APP_URL_K9FORMIDLING_DD=http://k9-formidling-dokumentdata:8294 APP_URL_K9FORMIDLING=http://localhost:8290 SPLITTET_SAMMENLINGNING_BEREGNING=true AKSJONSPUNKT_OVERLAPPENDE_SAKER=true vite serve",
+    "dev-med-formidling": "yarn cross-env APP_URL_K9FORMIDLING=http://k9-formidling:8290 SPLITTET_SAMMENLINGNING_BEREGNING=true AKSJONSPUNKT_OVERLAPPENDE_SAKER=true vite serve",
     "build": "VITE_SENTRY_RELEASE=$(git rev-parse --short HEAD) vite build",
     "up": "docker-compose up -d --remove-orphans --build",
     "down": "docker-compose down",

Diff for: packages/behandling-pleiepenger/src/components/Uttak.tsx

@@ -1,11 +1,16 @@
+import { useContext } from 'react';
 import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import { findEndpointsFromRels, httpErrorHandler } from '@fpsak-frontend/utils';
 import { VilkarResultPicker } from '@k9-sak-web/prosess-felles';
 import { Inntektsgradering, Uttak } from '@k9-sak-web/prosess-uttak';
 import { useRestApiErrorDispatcher } from '@k9-sak-web/rest-api-hooks';
 import { Aksjonspunkt, AlleKodeverk, ArbeidsgiverOpplysningerPerId, Behandling } from '@k9-sak-web/types';
+import VurderOverlappendeSakIndex from '@k9-sak-web/gui/prosess/uttak/vurder-overlappende-sak/VurderOverlappendeSakIndex.js';
 import { OverstyringUttakRequest } from '../types';
+import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
+import { VStack } from '@navikt/ds-react';
+import FeatureTogglesContext from '@k9-sak-web/gui/utils/featureToggles/FeatureTogglesContext.js';
 
 interface UttakProps {
   uuid: string;
@@ -42,6 +47,7 @@ export default ({
   erOverstyrer,
   readOnly,
 }: UttakProps) => {
+  const featureToggles = useContext(FeatureTogglesContext);
   const { versjon, links, status: behandlingStatus } = behandling;
   const { addErrorMessage } = useRestApiErrorDispatcher();
   const httpErrorHandlerCaller = (status: number, locationHeader?: string) =>
@@ -65,6 +71,30 @@ export default ({
     });
   };
 
+  const VurderOverlappendeSakComponent = () => {
+    const aksjonspunkt = aksjonspunkter.find(
+      aksjonspunkt => aksjonspunktCodes.VURDER_OVERLAPPENDE_SØSKENSAK_KODE === aksjonspunkt.definisjon.kode,
+    );
+
+    if (featureToggles.AKSJONSPUNKT_OVERLAPPENDE_SAKER && aksjonspunkt) {
+      const deepCopyProps = JSON.parse(
+        JSON.stringify({
+          behandling: behandling,
+          aksjonspunkt: aksjonspunkt,
+        }),
+      );
+      konverterKodeverkTilKode(deepCopyProps, false);
+
+      return (
+        <VStack>
+          <VurderOverlappendeSakIndex behandling={deepCopyProps.behandling} aksjonspunkt={deepCopyProps.aksjonspunkt} />
+        </VStack>
+      );
+    }
+
+    return <></>;
+  };
+
   return (
     <Uttak
       containerData={{
@@ -90,6 +120,7 @@ export default ({
         erOverstyrer,
         status: behandlingStatus.kode,
         readOnly,
+        vurderOverlappendeSakComponent: VurderOverlappendeSakComponent(),
       }}
     />
   );

Diff for: packages/behandling-pleiepenger/src/panelDefinisjoner/prosessStegPaneler/UttakProsessStegPanelDef.tsx

@@ -45,6 +45,7 @@ class PanelDef extends ProsessStegPanelDef {
     aksjonspunktCodes.VENT_ANNEN_PSB_SAK,
     aksjonspunktCodes.VURDER_DATO_NY_REGEL_UTTAK,
     aksjonspunktCodes.OVERSTYRING_AV_UTTAK_KODE,
+    aksjonspunktCodes.VURDER_OVERLAPPENDE_SØSKENSAK_KODE,
   ];
 
   getOverstyrVisningAvKomponent = () => true;

Diff for: packages/kodeverk/src/aksjonspunktCodes.ts

@@ -97,6 +97,7 @@ const aksjonspunktCodes = {
   VURDER_GJENNOMGÅTT_OPPLÆRING: '9302',
   VURDER_REISETID: '9303',
   VURDER_DATO_NY_REGEL_UTTAK: '9291',
+  VURDER_OVERLAPPENDE_SØSKENSAK_KODE: '9292',
 };
 
 const klageAksjonspunkter = [

Diff for: packages/prosess-uttak/src/constants/Aksjonspunkter.ts

@@ -1,2 +1,3 @@
 export const aksjonspunktkodeVentAnnenPSBSakKode = '9290';
 export const aksjonspunktVurderDatoKode = '9291';
+export const aksjonspunktVurderOverlappendeYtelsekode = '9292';

Diff for: packages/prosess-uttak/src/types/ContainerContract.ts

@@ -4,6 +4,7 @@ import ArbeidsgiverOpplysninger from './ArbeidsgiverOpplysninger';
 import KodeverkMedNavn from './kodeverkMedNavnTsType';
 import Uttaksperioder from './Uttaksperioder';
 import { Inntektsgradering } from '.';
+import { ReactNode } from 'react';
 
 interface ContainerContract {
   httpErrorHandler?: (status: number, locationHeader?: string) => void;
@@ -34,6 +35,7 @@ interface ContainerContract {
   erOverstyrer?: boolean;
   status?: string | false;
   readOnly: boolean;
+  vurderOverlappendeSakComponent?: ReactNode;
 }
 
 export default ContainerContract;

Diff for: packages/prosess-uttak/src/ui/UttakContainer.tsx

@@ -1,4 +1,4 @@
-import { HStack, Heading } from '@navikt/ds-react';
+import { HStack, Heading, VStack } from '@navikt/ds-react';
 import { OverstyringKnapp } from '@navikt/ft-ui-komponenter';
 import React from 'react';
 import { aksjonspunktVurderDatoKode, aksjonspunktkodeVentAnnenPSBSakKode } from '../constants/Aksjonspunkter';
@@ -27,6 +27,7 @@ const UttakContainer = ({ containerData }: MainComponentProps): JSX.Element => {
     virkningsdatoUttakNyeRegler,
     erOverstyrer,
     readOnly,
+    vurderOverlappendeSakComponent,
   } = containerData;
   const [redigerVirkningsdato, setRedigervirkningsdato] = React.useState<boolean>(false);
   const aksjonspunktVurderDato = aksjonspunkter?.find(ap => ap.definisjon.kode === aksjonspunktVurderDatoKode);
@@ -44,43 +45,48 @@ const UttakContainer = ({ containerData }: MainComponentProps): JSX.Element => {
 
   return (
     <ContainerContext.Provider value={containerData}>
-      <HStack justify="start" className={styles.overstyringsHeader}>
-        <Heading size="small" level="1">
-          Uttak
-        </Heading>
-        {erOverstyrer && <OverstyringKnapp erOverstyrt={overstyringAktiv} onClick={toggleOverstyring} />}
-      </HStack>
+      <VStack gap="4">
+        <HStack justify="start" className={styles.overstyringsHeader}>
+          <Heading size="small" level="1">
+            Uttak
+          </Heading>
+          {erOverstyrer && <OverstyringKnapp erOverstyrt={overstyringAktiv} onClick={toggleOverstyring} />}
+        </HStack>
+        <Infostripe harVentAnnenPSBSakAksjonspunkt={harVentAnnenPSBSakAksjonspunkt} />
 
-      <Infostripe harVentAnnenPSBSakAksjonspunkt={harVentAnnenPSBSakAksjonspunkt} />
+        {vurderOverlappendeSakComponent && (
+          <div className={styles.overlappendeSakContainer}>{vurderOverlappendeSakComponent}</div>
+        )}
 
-      <OverstyrUttakContextProvider>
-        <OverstyrUttakForm overstyringAktiv={overstyringAktiv} />
-      </OverstyrUttakContextProvider>
+        <OverstyrUttakContextProvider>
+          <OverstyrUttakForm overstyringAktiv={overstyringAktiv} />
+        </OverstyrUttakContextProvider>
 
-      <UtsattePerioderStripe />
-      {/* Allerede løst og har klikket rediger, eller har uløst aksjonspunkt */}
-      {((virkningsdatoUttakNyeRegler && redigerVirkningsdato) ||
-        harAksjonspunktVurderDatoMedStatusOpprettet ||
-        (readOnly && aksjonspunktVurderDato)) && (
-        <VurderDato
-          avbryt={
-            virkningsdatoUttakNyeRegler && redigerVirkningsdato ? () => setRedigervirkningsdato(false) : undefined
-          }
-          initialValues={{
-            begrunnelse: aksjonspunktVurderDato?.begrunnelse,
-            virkningsdato: virkningsdatoUttakNyeRegler,
-          }}
-          readOnly={readOnly}
-        />
-      )}
-      {!harVentAnnenPSBSakAksjonspunkt && (
-        <UttaksperiodeListe
-          uttaksperioder={lagUttaksperiodeliste(uttaksperioder, inntektsgraderinger)}
-          redigerVirkningsdatoFunc={() => setRedigervirkningsdato(true)}
-          redigerVirkningsdato={redigerVirkningsdato}
-          readOnly={readOnly}
-        />
-      )}
+        <UtsattePerioderStripe />
+        {/* Allerede løst og har klikket rediger, eller har uløst aksjonspunkt */}
+        {((virkningsdatoUttakNyeRegler && redigerVirkningsdato) ||
+          harAksjonspunktVurderDatoMedStatusOpprettet ||
+          (readOnly && aksjonspunktVurderDato)) && (
+          <VurderDato
+            avbryt={
+              virkningsdatoUttakNyeRegler && redigerVirkningsdato ? () => setRedigervirkningsdato(false) : undefined
+            }
+            initialValues={{
+              begrunnelse: aksjonspunktVurderDato?.begrunnelse,
+              virkningsdato: virkningsdatoUttakNyeRegler,
+            }}
+            readOnly={readOnly}
+          />
+        )}
+        {!harVentAnnenPSBSakAksjonspunkt && (
+          <UttaksperiodeListe
+            uttaksperioder={lagUttaksperiodeliste(uttaksperioder, inntektsgraderinger)}
+            redigerVirkningsdatoFunc={() => setRedigervirkningsdato(true)}
+            redigerVirkningsdato={redigerVirkningsdato}
+            readOnly={readOnly}
+          />
+        )}
+      </VStack>
     </ContainerContext.Provider>
   );
 };

Diff for: packages/prosess-uttak/src/ui/components/uttak/Uttak.tsx

@@ -59,7 +59,7 @@ const Uttak = ({ uttak, erValgt, velgPeriode, withBorderTop = false }: UttakProp
           {periode.getFirstAndLastWeek()}
         </Table.DataCell>
         <Table.DataCell className={`${withBorderTop ? styles.borderTop : ''}`}>
-          <BodyShort>
+          <BodyShort as="div">
             {periode.prettifyPeriod()}
             {manueltOverstyrt && (
               <>

Diff for: packages/prosess-uttak/src/ui/mainComponent.module.css

@@ -1,3 +1,7 @@
 .overstyringsHeader > button {
   cursor: pointer;
 }
+
+.overlappendeSakContainer {
+  max-width: var(--a-breakpoint-md);
+}

Diff for: packages/v2/backend/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@navikt/k9-klage-typescript-client": "1.0.20241206133624",
-    "@navikt/k9-sak-typescript-client": "1.0.20241203201014"
+    "@navikt/k9-sak-typescript-client": "1.0.20250102132051"
   },
   "devDependencies": {
     "@tanstack/eslint-plugin-query": "^5.62.1"