IS-3129: Lagt til statusendringer om stans av sykepenger til under historikken på siden aktivitetskrav

src/data/aktivitetskrav/aktivitetskravTypes.ts

@@ -1,4 +1,5 @@
 import { DocumentComponentDto } from "@/data/documentcomponent/documentComponentTypes";
+import { Sykepengestopp } from "@/data/pengestopp/types/FlaggPerson";
 
 export enum AktivitetskravStatus {
   NY = "NY",
@@ -65,6 +66,8 @@ export interface AktivitetskravHistorikkDTO {
   vurdertAv: string | null;
 }
 
+export type HistorikkEntry = AktivitetskravVurderingDTO | Sykepengestopp;
+
 export interface AktivitetskravVurderingDTO {
   uuid: string;
   createdAt: Date;

src/sider/aktivitetskrav/historikk/AktivitetskravHistorikk.tsx

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 import {
   AktivitetskravStatus,
   AktivitetskravVurderingDTO,
+  HistorikkEntry,
 } from "@/data/aktivitetskrav/aktivitetskravTypes";
 import { Accordion, BodyShort, Box, Heading } from "@navikt/ds-react";
 import { capitalizeWord } from "@/utils/stringUtils";
@@ -13,6 +14,12 @@ import * as Amplitude from "@/utils/amplitude";
 import { EventType } from "@/utils/amplitude";
 import { VisBrev } from "@/components/VisBrev";
 import { Paragraph } from "@/components/Paragraph";
+import {
+  Sykepengestopp,
+  ValidSykepengestoppArsakType,
+} from "@/data/pengestopp/types/FlaggPerson";
+import { usePengestoppStatusQuery } from "@/data/pengestopp/pengestoppQueryHooks";
+import ManuellSykepengestoppItem from "@/components/pengestopp/ManuellSykepengestoppItem";
 
 const texts = {
   header: "Historikk",
@@ -23,6 +30,32 @@ const texts = {
   vurdertAv: "Vurdert av",
 };
 
+function isAktivitetskravVurderingDTO(
+  item: HistorikkEntry
+): item is AktivitetskravVurderingDTO {
+  return "arsaker" in item;
+}
+
+function dateFromHistorikkEntry(historikkEntry: HistorikkEntry) {
+  return isAktivitetskravVurderingDTO(historikkEntry)
+    ? new Date(historikkEntry.createdAt)
+    : new Date(historikkEntry.opprettet);
+}
+
+function sortHistorikkEntriesDesc(a: HistorikkEntry, b: HistorikkEntry) {
+  return (
+    dateFromHistorikkEntry(b).getTime() - dateFromHistorikkEntry(a).getTime()
+  );
+}
+
+function filterStatusAktivitetskrav(sykepengestoppList: Sykepengestopp[]) {
+  return sykepengestoppList.filter((sykepengestopp) =>
+    sykepengestopp.arsakList.some(
+      (arsak) => arsak.type === ValidSykepengestoppArsakType.AKTIVITETSKRAV
+    )
+  );
+}
+
 const isRelevantForHistorikk = (vurdering: AktivitetskravVurderingDTO) =>
   vurdering.status === AktivitetskravStatus.OPPFYLT ||
   vurdering.status === AktivitetskravStatus.UNNTAK ||
@@ -42,6 +75,13 @@ export const AktivitetskravHistorikk = () => {
   const vurderinger = data.flatMap((aktivitetskrav) =>
     aktivitetskrav.vurderinger.filter(isRelevantForHistorikk)
   );
+  const { data: sykepengestoppList } = usePengestoppStatusQuery();
+  const aktivitetskravSykepengestopp: Sykepengestopp[] =
+    filterStatusAktivitetskrav(sykepengestoppList);
+  const items: HistorikkEntry[] = [
+    ...aktivitetskravSykepengestopp,
+    ...vurderinger,
+  ].sort(sortHistorikkEntriesDesc);
 
   return (
     <Box
@@ -56,9 +96,19 @@ export const AktivitetskravHistorikk = () => {
         <BodyShort size="small">{texts.subHeader}</BodyShort>
       </div>
       <Accordion>
-        {vurderinger.sort(byCreatedAt).map((vurdering, index) => (
-          <HistorikkElement key={index} vurdering={vurdering} />
-        ))}
+        {items.map((item, index) =>
+          isAktivitetskravVurderingDTO(item) ? (
+            <HistorikkElement
+              key={index}
+              vurdering={item as AktivitetskravVurderingDTO}
+            />
+          ) : (
+            <ManuellSykepengestoppItem
+              key={index}
+              sykepengestopp={item as Sykepengestopp}
+            />
+          )
+        )}
       </Accordion>
     </Box>
   );

test/aktivitetskrav/AktivitetskravHistorikkTest.tsx

@@ -29,6 +29,12 @@ import {
   createAktivitetskravVurdering,
 } from "../testDataUtils";
 import { DocumentComponentType } from "@/data/documentcomponent/documentComponentTypes";
+import {
+  Sykepengestopp,
+  ValidSykepengestoppArsakType,
+} from "@/data/pengestopp/types/FlaggPerson";
+import { pengestoppStatusQueryKeys } from "@/data/pengestopp/pengestoppQueryHooks";
+import { defaultSykepengestopp } from "@/mocks/ispengestopp/pengestoppStatusMock";
 
 let queryClient: QueryClient;
 
@@ -87,7 +93,8 @@ const forhandsvarselVurdering = createAktivitetskravVurdering(
 );
 
 const renderAktivitetskravHistorikk = (
-  vurderinger: AktivitetskravVurderingDTO[]
+  vurderinger: AktivitetskravVurderingDTO[],
+  sykepengestoppList: Sykepengestopp[] = []
 ) => {
   const aktivitetskrav = createAktivitetskrav(
     daysFromToday(20),
@@ -97,6 +104,12 @@ const renderAktivitetskravHistorikk = (
   queryClient.setQueryData(aktivitetskravQueryKeys.aktivitetskrav(fnr), () => [
     aktivitetskrav,
   ]);
+  queryClient.setQueryData(
+    pengestoppStatusQueryKeys.pengestoppStatus(
+      ARBEIDSTAKER_DEFAULT.personIdent
+    ),
+    () => sykepengestoppList
+  );
   return render(
     <QueryClientProvider client={queryClient}>
       <ValgtEnhetContext.Provider
@@ -236,4 +249,61 @@ describe("AktivitetskravHistorikk", () => {
       })
     ).to.exist;
   });
+  describe("Har vurderinger og sykepengestopp", () => {
+    it("Viser forekomster av vurderinger og sykepengestopp sortert på dato i synkende rekkefølge", () => {
+      const sykepengestoppList: Sykepengestopp[] = [
+        {
+          ...defaultSykepengestopp,
+          opprettet: "2025-02-21T08:00:00.000Z",
+          arsakList: [{ type: ValidSykepengestoppArsakType.MEDISINSK_VILKAR }],
+        },
+        {
+          ...defaultSykepengestopp,
+          opprettet: "2025-02-20T08:00:00.000Z",
+          arsakList: [{ type: ValidSykepengestoppArsakType.AKTIVITETSKRAV }],
+        },
+      ];
+
+      const vurderinger: AktivitetskravVurderingDTO[] = [
+        {
+          ...forhandsvarselVurdering,
+          createdAt: new Date("2025-02-15T08:00:00.000Z"),
+        },
+        {
+          ...stansVurdering,
+          createdAt: new Date("2025-02-16T08:00:00.000Z"),
+        },
+        {
+          ...forhandsvarselVurdering,
+          createdAt: new Date("2025-02-21T08:00:00.000Z"),
+        },
+        {
+          ...stansVurdering,
+          createdAt: new Date("2025-02-22T08:00:00.000Z"),
+        },
+      ];
+
+      renderAktivitetskravHistorikk(vurderinger, sykepengestoppList);
+
+      const accordionButtons = screen.getAllByRole("button");
+
+      expect(accordionButtons.length).toBe(5);
+
+      expect(accordionButtons[0].textContent).to.contain(
+        "Innstilling om stans - 22. februar 2025"
+      );
+      expect(accordionButtons[1].textContent).to.contain(
+        "Forhåndsvarsel - 21. februar 2025"
+      );
+      expect(accordionButtons[2].textContent).to.contain(
+        "Automatisk utbetaling stanset - 20. februar 2025"
+      );
+      expect(accordionButtons[3].textContent).to.contain(
+        "Innstilling om stans - 16. februar 2025"
+      );
+      expect(accordionButtons[4].textContent).to.contain(
+        "Forhåndsvarsel - 15. februar 2025"
+      );
+    });
+  });
 });