IS-2620: add tests

src/data/manglendemedvirkning/manglendeMedvirkningDocumentTexts.ts

@@ -47,6 +47,22 @@ export function getOppfyltManglendeMedvirkningTexts(
   };
 }
 
+export function getUnntakManglendeMedvirkningTexts(
+  forhandsvarselSendtDato: Date
+) {
+  return {
+    title: "Vurdering av unntak fra medvirkelsesplikten",
+    info: {
+      p1: `I forhåndsvarsel av ${tilDatoMedManedNavn(
+        forhandsvarselSendtDato
+      )} ble du informert om at NAV vurderte å stanse utbetaling av sykepengene dine. Vi har nå vurdert at du har rimelig grunn til ikke å medvirke i egen sak.`,
+      p2: "Du har rett til videre utbetaling av sykepenger.",
+    },
+    loven:
+      "Vi har brukt folketrygdloven § 8-8 første og tredje ledd når vi har behandlet saken din.",
+  };
+}
+
 export function getIkkeAktuellManglendeMedvirkningTexts() {
   return {
     title: "Vurdering av § 8-8 manglende medvirkning",

src/data/manglendemedvirkning/manglendeMedvirkningTypes.ts

@@ -16,6 +16,7 @@ export interface NewFinalVurderingRequestDTO extends VurderingRequestDTO {
   vurderingType:
     | VurderingType.OPPFYLT
     | VurderingType.STANS
+    | VurderingType.UNNTAK
     | VurderingType.IKKE_AKTUELL;
 }
 
@@ -44,5 +45,6 @@ export enum VurderingType {
   FORHANDSVARSEL = "FORHANDSVARSEL",
   OPPFYLT = "OPPFYLT",
   STANS = "STANS",
+  UNNTAK = "UNNTAK",
   IKKE_AKTUELL = "IKKE_AKTUELL",
 }

src/hooks/manglendemedvirkning/useManglendeMedvirkningVurderingDocument.ts

@@ -7,6 +7,7 @@ import {
 import { useDocumentComponents } from "@/hooks/useDocumentComponents";
 import {
   getForhandsvarselManglendeMedvirkningTexts,
+  getUnntakManglendeMedvirkningTexts,
   getIkkeAktuellManglendeMedvirkningTexts,
   getOppfyltManglendeMedvirkningTexts,
   getStansTexts,
@@ -22,6 +23,11 @@ type OppfyltDocumentValues = {
   forhandsvarselSendtDato: Date;
 };
 
+type UnntakDocumentValues = {
+  begrunnelse: string;
+  forhandsvarselSendtDato: Date;
+};
+
 type IkkeAktuellDocumentValues = {
   begrunnelse: string;
 };
@@ -36,6 +42,8 @@ interface Documents {
     values: ForhandsvarselDocumentValues
   ): DocumentComponentDto[];
 
+  getUnntakDocument(values: UnntakDocumentValues): DocumentComponentDto[];
+
   getOppfyltDocument(values: OppfyltDocumentValues): DocumentComponentDto[];
 
   getIkkeAktuellDocument(
@@ -104,6 +112,23 @@ export function useManglendeMedvirkningVurderingDocument(): Documents {
     ];
   }
 
+  function getUnntakDocument(
+    values: UnntakDocumentValues
+  ): DocumentComponentDto[] {
+    const unntakTexts = getUnntakManglendeMedvirkningTexts(
+      values.forhandsvarselSendtDato
+    );
+    return [
+      createHeaderH1(unntakTexts.title),
+      getIntroGjelder(),
+      createParagraph(unntakTexts.info.p1),
+      createParagraph(unntakTexts.info.p2),
+      createParagraph(values.begrunnelse),
+      createParagraph(unntakTexts.loven),
+      getVurdertAv(),
+    ];
+  }
+
   const getIkkeAktuellDocument = ({
     begrunnelse,
   }: IkkeAktuellDocumentValues) => {
@@ -133,6 +158,7 @@ export function useManglendeMedvirkningVurderingDocument(): Documents {
 
   return {
     getForhandsvarselDocument,
+    getUnntakDocument,
     getOppfyltDocument,
     getIkkeAktuellDocument,
     getStansDocument,

src/routers/AppRouter.tsx

@@ -43,6 +43,7 @@ import ManglendeMedvirkningSide, {
   ManglendeMedvirkningIkkeAktuellSide,
   ManglendeMedvirkningOppfyltSide,
   ManglendeMedvirkningStansSide,
+  ManglendeMedvirkningUnntakSide,
 } from "@/sider/manglendemedvirkning/ManglendeMedvirkningSide";
 import ManglendeMedvirkning from "@/sider/manglendemedvirkning/ManglendeMedvirkning";
 
@@ -61,6 +62,7 @@ export const senOppfolgingPath = `${appRoutePath}/senoppfolging`;
 export const manglendeMedvirkningPath = `${appRoutePath}/manglendemedvirkning`;
 export const manglendeMedvirkningOppfyltPath = `${appRoutePath}/manglendemedvirkning/oppfylt`;
 export const manglendeMedvirkningStansPath = `${appRoutePath}/manglendemedvirkning/stans`;
+export const manglendeMedvirkningUnntakPath = `${appRoutePath}/manglendemedvirkning/unntak`;
 export const manglendeMedvirkningIkkeAktuellPath = `${appRoutePath}/manglendemedvirkning/ikkeaktuell`;
 
 const AktivBrukerRouter = (): ReactElement => {
@@ -183,6 +185,10 @@ const AktivBrukerRouter = (): ReactElement => {
               path={manglendeMedvirkningStansPath}
               element={<ManglendeMedvirkningStansSide />}
             />
+            <Route
+              path={manglendeMedvirkningUnntakPath}
+              element={<ManglendeMedvirkningUnntakSide />}
+            />
             <Route
               path={manglendeMedvirkningIkkeAktuellPath}
               element={<ManglendeMedvirkningIkkeAktuellSide />}

src/sider/manglendemedvirkning/ManglendeMedvirkningButtons.tsx

@@ -4,12 +4,14 @@ import {
   manglendeMedvirkningIkkeAktuellPath,
   manglendeMedvirkningOppfyltPath,
   manglendeMedvirkningStansPath,
+  manglendeMedvirkningUnntakPath,
 } from "@/routers/AppRouter";
 import React from "react";
 
 const texts = {
   stans: "Innstilling om stans",
   oppfylt: "Oppfylt",
+  unntak: "Unntak",
   ikkeAktuell: "Ikke aktuell",
 };
 
@@ -33,6 +35,9 @@ export const ManglendeMedvirkningButtons = ({
     <Button as={Link} to={manglendeMedvirkningOppfyltPath} variant="secondary">
       {texts.oppfylt}
     </Button>
+    <Button as={Link} to={manglendeMedvirkningUnntakPath} variant="secondary">
+      {texts.unntak}
+    </Button>
     <Button
       as={Link}
       to={manglendeMedvirkningIkkeAktuellPath}

src/sider/manglendemedvirkning/ManglendeMedvirkningSide.tsx

@@ -4,6 +4,7 @@ import Sidetopp from "@/components/Sidetopp";
 import Side from "@/sider/Side";
 import SideLaster from "@/components/SideLaster";
 import { useManglendeMedvirkningVurderingQuery } from "@/data/manglendemedvirkning/manglendeMedvirkningQueryHooks";
+import UnntakSide from "@/sider/manglendemedvirkning/unntak/UnntakSide";
 import OppfyltSide from "@/sider/manglendemedvirkning/oppfylt/OppfyltSide";
 import IkkeAktuellSide from "@/sider/manglendemedvirkning/ikkeaktuell/IkkeAktuellSide";
 import StansSide from "./stans/StansSide";
@@ -28,6 +29,14 @@ export function ManglendeMedvirkningStansSide() {
   );
 }
 
+export function ManglendeMedvirkningUnntakSide() {
+  return (
+    <ManglendeMedvirkningSide>
+      <UnntakSide />
+    </ManglendeMedvirkningSide>
+  );
+}
+
 export function ManglendeMedvirkningIkkeAktuellSide() {
   return (
     <ManglendeMedvirkningSide>

src/sider/manglendemedvirkning/unntak/UnntakSide.tsx

@@ -0,0 +1,19 @@
+import React from "react";
+import { useManglendeMedvirkningVurderingQuery } from "@/data/manglendemedvirkning/manglendeMedvirkningQueryHooks";
+import { VurderingType } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
+import { Navigate } from "react-router-dom";
+import { manglendeMedvirkningPath } from "@/routers/AppRouter";
+import UnntakSkjema from "@/sider/manglendemedvirkning/unntak/UnntakSkjema";
+
+export default function UnntakSide() {
+  const { sisteVurdering } = useManglendeMedvirkningVurderingQuery();
+  const isForhandsvarsel =
+    sisteVurdering?.vurderingType === VurderingType.FORHANDSVARSEL;
+  const forhandsvarselSendtDato = sisteVurdering?.varsel?.createdAt;
+
+  return isForhandsvarsel && forhandsvarselSendtDato ? (
+    <UnntakSkjema forhandsvarselSendtDato={forhandsvarselSendtDato} />
+  ) : (
+    <Navigate to={manglendeMedvirkningPath} />
+  );
+}

src/sider/manglendemedvirkning/unntak/UnntakSkjema.tsx

@@ -0,0 +1,122 @@
+import React from "react";
+import {
+  BodyShort,
+  Box,
+  Button,
+  Heading,
+  HStack,
+  Textarea,
+} from "@navikt/ds-react";
+import { SkjemaInnsendingFeil } from "@/components/SkjemaInnsendingFeil";
+import { Forhandsvisning } from "@/components/Forhandsvisning";
+import { Link } from "react-router-dom";
+import { manglendeMedvirkningPath } from "@/routers/AppRouter";
+import {
+  NewFinalVurderingRequestDTO,
+  VurderingType,
+} from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
+import { useValgtPersonident } from "@/hooks/useValgtBruker";
+import { useSendVurderingManglendeMedvirkning } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
+import { useForm } from "react-hook-form";
+import { useManglendeMedvirkningVurderingDocument } from "@/hooks/manglendemedvirkning/useManglendeMedvirkningVurderingDocument";
+import { useNotification } from "@/context/notification/NotificationContext";
+
+const texts = {
+  title: "Unntak fra medvirkelsesplikten",
+  info: "Skriv en kort begrunnelse for hvorfor bruker kan få unntak fra vilkårene i § 8-8, og hvilke opplysninger som ligger til grunn for vurderingen.",
+  begrunnelseLabel: "Begrunnelse (obligatorisk)",
+  begrunnelseDescription:
+    "Åpne forhåndsvisning for å se vurderingen. Når du trykker Lagre journalføres vurderingen automatisk.",
+  forhandsvisningLabel: "Forhåndsvis vurderingen",
+  missingBegrunnelse: "Vennligst angi begrunnelse",
+  sendVarselButtonText: "Sett unntak",
+  avbrytButton: "Avbryt",
+  success:
+    "Vurderingen om unntak fra medvirkningsplikten § 8-8 er lagret i historikken og blir journalført automatisk.",
+};
+
+interface UnntakSkjemaValues {
+  begrunnelse: string;
+}
+
+const begrunnelseMaxLength = 5000;
+
+interface Props {
+  forhandsvarselSendtDato: Date;
+}
+
+export default function UnntakSkjema({ forhandsvarselSendtDato }: Props) {
+  const personident = useValgtPersonident();
+  const { setNotification } = useNotification();
+  const sendVurdering = useSendVurderingManglendeMedvirkning();
+  const {
+    register,
+    watch,
+    formState: { errors },
+    handleSubmit,
+  } = useForm<UnntakSkjemaValues>({ defaultValues: { begrunnelse: "" } });
+  const { getUnntakDocument } = useManglendeMedvirkningVurderingDocument();
+
+  const submit = (values: UnntakSkjemaValues) => {
+    const requestBody: NewFinalVurderingRequestDTO = {
+      personident: personident,
+      vurderingType: VurderingType.UNNTAK,
+      begrunnelse: values.begrunnelse,
+      document: getUnntakDocument({
+        begrunnelse: values.begrunnelse,
+        forhandsvarselSendtDato: forhandsvarselSendtDato,
+      }),
+    };
+
+    sendVurdering.mutate(requestBody, {
+      onSuccess: () => {
+        setNotification({
+          message: texts.success,
+        });
+      },
+    });
+  };
+  return (
+    <Box background="surface-default" padding="6" className="mb-2">
+      <form onSubmit={handleSubmit(submit)} className="[&>*]:mb-4">
+        <Heading level="2" size="medium">
+          {texts.title}
+        </Heading>
+        <BodyShort>{texts.info}</BodyShort>
+        <Textarea
+          {...register("begrunnelse", {
+            maxLength: begrunnelseMaxLength,
+            required: texts.missingBegrunnelse,
+          })}
+          value={watch("begrunnelse")}
+          label={texts.begrunnelseLabel}
+          description={texts.begrunnelseDescription}
+          error={errors.begrunnelse?.message}
+          size="small"
+          minRows={6}
+          maxLength={begrunnelseMaxLength}
+        />
+        {sendVurdering.isError && (
+          <SkjemaInnsendingFeil error={sendVurdering.error} />
+        )}
+        <HStack gap="4">
+          <Button loading={sendVurdering.isPending} type="submit">
+            {texts.sendVarselButtonText}
+          </Button>
+          <Forhandsvisning
+            contentLabel={texts.forhandsvisningLabel}
+            getDocumentComponents={() =>
+              getUnntakDocument({
+                begrunnelse: watch("begrunnelse"),
+                forhandsvarselSendtDato: forhandsvarselSendtDato,
+              })
+            }
+          />
+          <Button as={Link} to={manglendeMedvirkningPath} variant="secondary">
+            {texts.avbrytButton}
+          </Button>
+        </HStack>
+      </form>
+    </Box>
+  );
+}