IS-2621: Add stansdato datepicker

src/data/manglendemedvirkning/manglendeMedvirkningTypes.ts

@@ -6,23 +6,34 @@ interface VurderingRequestDTO {
   document: DocumentComponentDto[];
 }
 
-export interface NewForhandsvarselVurderingRequestDTO
-  extends VurderingRequestDTO {
+export interface ForhandsvarselVurdering extends VurderingRequestDTO {
   vurderingType: VurderingType.FORHANDSVARSEL;
   varselSvarfrist: Date;
 }
 
-export interface NewFinalVurderingRequestDTO extends VurderingRequestDTO {
-  vurderingType:
-    | VurderingType.OPPFYLT
-    | VurderingType.STANS
-    | VurderingType.UNNTAK
-    | VurderingType.IKKE_AKTUELL;
+export interface StansVurdering extends VurderingRequestDTO {
+  vurderingType: VurderingType.STANS;
+  stansdato: Date;
+}
+
+export interface OppfyltVurdering extends VurderingRequestDTO {
+  vurderingType: VurderingType.OPPFYLT;
+}
+
+export interface UnntakVurdering extends VurderingRequestDTO {
+  vurderingType: VurderingType.UNNTAK;
+}
+
+export interface IkkeAktuellVurdering extends VurderingRequestDTO {
+  vurderingType: VurderingType.IKKE_AKTUELL;
 }
 
 export type NewVurderingRequestDTO =
-  | NewForhandsvarselVurderingRequestDTO
-  | NewFinalVurderingRequestDTO;
+  | ForhandsvarselVurdering
+  | StansVurdering
+  | OppfyltVurdering
+  | UnntakVurdering
+  | IkkeAktuellVurdering;
 
 export interface VurderingResponseDTO {
   uuid: string;
@@ -31,6 +42,7 @@ export interface VurderingResponseDTO {
   vurderingType: VurderingType;
   veilederident: string;
   begrunnelse: string;
+  stansdato?: Date;
   document: DocumentComponentDto[];
   varsel: Varsel | null;
 }

src/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning.tsx

@@ -3,14 +3,12 @@ import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { ISMANGLENDEMEDVIRKNING_ROOT } from "@/apiConstants";
 import { post } from "@/api/axios";
 import {
-  NewForhandsvarselVurderingRequestDTO,
-  NewFinalVurderingRequestDTO,
-  VurderingResponseDTO,
   NewVurderingRequestDTO,
+  VurderingResponseDTO,
 } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
 import { manglendeMedvirkningQueryKeys } from "@/data/manglendemedvirkning/manglendeMedvirkningQueryHooks";
 
-function useSendVurdering<T extends NewVurderingRequestDTO>() {
+export function useSendVurdering<T extends NewVurderingRequestDTO>() {
   const personident = useValgtPersonident();
   const queryClient = useQueryClient();
   const path = `${ISMANGLENDEMEDVIRKNING_ROOT}/manglende-medvirkning/vurderinger`;
@@ -28,11 +26,3 @@ function useSendVurdering<T extends NewVurderingRequestDTO>() {
     },
   });
 }
-
-export function useSendVurderingManglendeMedvirkning() {
-  return useSendVurdering<NewFinalVurderingRequestDTO>();
-}
-
-export function useSendForhandsvarselManglendeMedvirkning() {
-  return useSendVurdering<NewForhandsvarselVurderingRequestDTO>();
-}

src/hooks/manglendemedvirkning/useManglendeMedvirkningVurderingDocument.ts

@@ -7,10 +7,10 @@ import {
 import { useDocumentComponents } from "@/hooks/useDocumentComponents";
 import {
   getForhandsvarselManglendeMedvirkningTexts,
-  getUnntakManglendeMedvirkningTexts,
   getIkkeAktuellManglendeMedvirkningTexts,
   getOppfyltManglendeMedvirkningTexts,
   getStansTexts,
+  getUnntakManglendeMedvirkningTexts,
 } from "@/data/manglendemedvirkning/manglendeMedvirkningDocumentTexts";
 
 type ForhandsvarselDocumentValues = {
@@ -34,7 +34,7 @@ type IkkeAktuellDocumentValues = {
 
 type StansDocumentValues = {
   begrunnelse: string;
-  varselSvarfrist: Date;
+  stansdato: Date;
 };
 
 interface Documents {
@@ -145,7 +145,7 @@ export function useManglendeMedvirkningVurderingDocument(): Documents {
   function getStansDocument(
     values: StansDocumentValues
   ): DocumentComponentDto[] {
-    const stansTexts = getStansTexts(values.varselSvarfrist);
+    const stansTexts = getStansTexts(values.stansdato);
     return [
       createHeaderH1(stansTexts.header),
       createParagraph(stansTexts.fom),

src/mocks/ismanglendemedvirkning/mockIsmanglendemedvirkning.ts

@@ -31,6 +31,8 @@ export const mockIsmanglendemedvirkning = [
               svarfrist: addDays(new Date(), -1),
             }
           : null;
+      const stansdato =
+        body.vurderingType === "STANS" ? body.stansdato : undefined;
       const sentVurdering: VurderingResponseDTO = {
         uuid: generateUUID(),
         createdAt: new Date(),
@@ -39,6 +41,7 @@ export const mockIsmanglendemedvirkning = [
         veilederident: VEILEDER_DEFAULT.ident,
         begrunnelse: body.begrunnelse,
         document: body.document,
+        stansdato: stansdato,
         varsel: varsel,
       };
       manglendeMedvirkningVurderinger = [

src/sider/manglendemedvirkning/forhandsvarsel/ForhandsvarselSkjema.tsx

@@ -5,9 +5,9 @@ import { Forhandsvisning } from "@/components/Forhandsvisning";
 import { ButtonRow } from "@/components/Layout";
 import { addDays, addWeeks } from "@/utils/datoUtils";
 import { useManglendeMedvirkningVurderingDocument } from "@/hooks/manglendemedvirkning/useManglendeMedvirkningVurderingDocument";
-import { useSendForhandsvarselManglendeMedvirkning } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
+import { useSendVurdering } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
 import {
-  NewForhandsvarselVurderingRequestDTO,
+  ForhandsvarselVurdering,
   VurderingType,
 } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
 import { useValgtPersonident } from "@/hooks/useValgtBruker";
@@ -42,7 +42,7 @@ interface SkjemaValues {
 
 export default function ForhandsvarselSkjema() {
   const personident = useValgtPersonident();
-  const sendForhandsvarsel = useSendForhandsvarselManglendeMedvirkning();
+  const sendForhandsvarsel = useSendVurdering<ForhandsvarselVurdering>();
   const {
     register,
     watch,
@@ -54,7 +54,7 @@ export default function ForhandsvarselSkjema() {
     useManglendeMedvirkningVurderingDocument();
 
   const submit = (values: SkjemaValues) => {
-    const forhandsvarselRequestDTO: NewForhandsvarselVurderingRequestDTO = {
+    const forhandsvarselRequestDTO: ForhandsvarselVurdering = {
       vurderingType: VurderingType.FORHANDSVARSEL,
       personident: personident,
       begrunnelse: values.begrunnelse,

src/sider/manglendemedvirkning/ikkeaktuell/IkkeAktuellSkjema.tsx

@@ -10,10 +10,10 @@ import { SkjemaInnsendingFeil } from "@/components/SkjemaInnsendingFeil";
 import { Link } from "react-router-dom";
 import { manglendeMedvirkningPath } from "@/routers/AppRouter";
 import React from "react";
-import { useSendVurderingManglendeMedvirkning } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
+import { useSendVurdering } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
 import { useForm } from "react-hook-form";
 import {
-  NewFinalVurderingRequestDTO,
+  IkkeAktuellVurdering,
   VurderingType,
 } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
 import { useValgtPersonident } from "@/hooks/useValgtBruker";
@@ -49,7 +49,7 @@ export default function IkkeAktuellSkjema() {
   const { setNotification } = useNotification();
   const { getIkkeAktuellDocument } = useManglendeMedvirkningVurderingDocument();
   const personident = useValgtPersonident();
-  const sendVurdering = useSendVurderingManglendeMedvirkning();
+  const sendVurdering = useSendVurdering<IkkeAktuellVurdering>();
   const {
     register,
     watch,
@@ -59,7 +59,7 @@ export default function IkkeAktuellSkjema() {
   } = useForm<SkjemaValues>();
 
   const submit = (values: SkjemaValues) => {
-    const vurderingRequestDTO: NewFinalVurderingRequestDTO = {
+    const vurderingRequestDTO: IkkeAktuellVurdering = {
       personident,
       vurderingType: VurderingType.IKKE_AKTUELL,
       begrunnelse: values.begrunnelse,

src/sider/manglendemedvirkning/oppfylt/OppfyltSkjema.tsx

@@ -11,10 +11,10 @@ import { Forhandsvisning } from "@/components/Forhandsvisning";
 import { Link } from "react-router-dom";
 import { manglendeMedvirkningPath } from "@/routers/AppRouter";
 import React from "react";
-import { useSendVurderingManglendeMedvirkning } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
+import { useSendVurdering } from "@/data/manglendemedvirkning/useSendVurderingManglendeMedvirkning";
 import { useForm } from "react-hook-form";
 import {
-  NewFinalVurderingRequestDTO,
+  OppfyltVurdering,
   VurderingType,
 } from "@/data/manglendemedvirkning/manglendeMedvirkningTypes";
 import { useValgtPersonident } from "@/hooks/useValgtBruker";
@@ -54,7 +54,7 @@ export default function OppfyltSkjema({ forhandsvarselSendtDato }: Props) {
   const { setNotification } = useNotification();
   const { getOppfyltDocument } = useManglendeMedvirkningVurderingDocument();
   const personident = useValgtPersonident();
-  const sendVurdering = useSendVurderingManglendeMedvirkning();
+  const sendVurdering = useSendVurdering<OppfyltVurdering>();
   const {
     register,
     watch,
@@ -67,7 +67,7 @@ export default function OppfyltSkjema({ forhandsvarselSendtDato }: Props) {
       begrunnelse: values.begrunnelse,
       forhandsvarselSendtDato: forhandsvarselSendtDato,
     };
-    const vurderingRequestDTO: NewFinalVurderingRequestDTO = {
+    const vurderingRequestDTO: OppfyltVurdering = {
       vurderingType: VurderingType.OPPFYLT,
       personident,
       begrunnelse: values.begrunnelse,