warning boks vises med riktig tekst når bruker ikke kan varsles eller er i KRR

warning boks vises med riktig tekst når bruker ikke kan varsles eller er i KRR

warning boksene står riktig

Fjern reset (#1335)

* Fjern reset

* bruk manuelt isDirty-flagg

* legg til dirty-sjekk på om status er endret

---------

Co-authored-by: erikb <erik.bosnes@nav.no>

riktig tekst for bruker og annen tekst for veileder,  fjernet kan ikke varsles warning?

annen warning vises ikke i mens data blir loadet

aktivitetsplan vises selvom du har warning

Disable jekyll for gh-pages

Legg til default tekst på ekstern-oppgave knapp (#1337)

Ta inn useEffect igjen

fjernet kan ikke varsles advarsel

riktig warning tekst

Tester krr tekst (#1340)

* WIP: Tester for oppfolging

* WIP: Tester for oppfolging

* Disable tester

---------

Co-authored-by: henriktheboss <122083502+henriktheboss@users.noreply.github.com>

Tester oppfolging (#1342)

* WIP: Tester for oppfolging

* WIP: Tester for oppfolging

* Disable tester

* Mer tester

---------

Co-authored-by: henriktheboss <122083502+henriktheboss@users.noreply.github.com>

wip

Fix test mocking

Better tests and some refactor

rikitg links og oppdatert tekst

Author: henriktheboss

.github/workflows/gh-pages.yml

@@ -38,6 +38,7 @@ jobs:
               if: success()
               uses: crazy-max/ghaction-github-pages@v2
               with:
+                  jekyll: false
                   build_dir: build
               env:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

src/BasePage.tsx

@@ -1,5 +1,5 @@
-import OppfolgingStatus from './moduler/oppfolging-status/OppfolgingStatus';
 import { Outlet } from 'react-router-dom';
+import OppfolgingStatus from './moduler/oppfolging-status/OppfolgingStatus';
 
 export const BasePage = () => {
     return (

src/api/aktivitetsplanGraphql.ts

@@ -179,7 +179,7 @@ interface OppfolgingsPerioder {
     slutt: string | undefined;
 }
 
-type AktivitetsplanResponse = GraphqlResponse<{ perioder: OppfolgingsPerioder[] }>;
+export type AktivitetsplanResponse = GraphqlResponse<{ perioder: OppfolgingsPerioder[] }>;
 
 export const hentAktiviteterGraphql = async (): Promise<AktivitetsplanResponse> => {
     const fnr = hentFraSessionStorage(LocalStorageElement.FNR) || '';

src/api/dialogGraphql.ts

@@ -35,7 +35,7 @@ const query = `
     }
 `;
 
-type DialogResponse = GraphqlResponse<{ dialoger: Dialog[]; stansVarsel?: Eskaleringsvarsel }>;
+export type DialogResponse = GraphqlResponse<{ dialoger: Dialog[]; stansVarsel?: Eskaleringsvarsel }>;
 
 const queryBody = (fnr: string) => ({
     query,

src/api/graphql/graphqlResult.ts

@@ -4,7 +4,7 @@ interface GraphqlError {
 
 export interface GraphqlResponse<T> {
     data: T;
-    errors: GraphqlError[];
+    errors?: GraphqlError[];
 }
 
 export const sjekkGraphqlFeil = <T>(response: GraphqlResponse<T>): Promise<GraphqlResponse<T>> => {

src/datatypes/eksternAktivitetTypes.ts

@@ -11,7 +11,8 @@ type Lenke = RequiredLenkeProps;
 type SentimentType = 'POSITIVE' | 'NEUTRAL' | 'NEGATIVE';
 
 export interface Oppgave extends Lenke {
-    knapptekst: string;
+    // TODO: Få denne fra backend, den finnes ikke der idag (desverre :( )
+    knapptekst?: string;
 }
 
 export interface LenkeMedType extends RequiredLenkeProps {

src/datatypes/oppfolgingTypes.ts

@@ -14,17 +14,17 @@ export interface OppfolgingStatus {
     underOppfolging: boolean;
     underKvp: boolean;
     kanStarteOppfolging: boolean;
-    oppfolginUtgang: string;
+    oppfolgingUtgang: string | null;
     oppfolgingsPerioder: Oppfolgingsperiode[];
     harSkriveTilgang: boolean;
-    inaktivIArena: boolean;
+    inaktivIArena: boolean | null;
     kanReaktiveres: boolean;
     inaktiveringsdato: string;
     erSykmeldtMedArbeidsgiver: boolean;
     servicegruppe: string;
     formidlingsgruppe: string;
     rettighetsgruppe: string;
-    registrertKRR : boolean;
+    registrertKRR: boolean;
 }
 
 export interface Oppfolgingsperiode {

src/hovedside/Hovedside.test.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { describe } from 'vitest';
 import { WrappedHovedside } from '../testUtils/WrappedHovedside';
 import { act, render } from '@testing-library/react';
-import { emptyLoadedVeilederState } from '../testUtils/defaultInitialStore';
+import { emptyHalfLoadedVeilederState } from '../testUtils/defaultInitialStore';
 import { setupServer } from 'msw/node';
 import { rest } from 'msw';
 import { failOrGrahpqlResponse, mockfnr } from '../mocks/utils';
@@ -16,7 +16,7 @@ import { oppfolgingsdperiodeAdapter } from '../moduler/aktivitet/aktivitet-slice
 
 const initialState = {
     data: {
-        ...emptyLoadedVeilederState.data,
+        ...emptyHalfLoadedVeilederState.data,
         aktiviteter: oppfolgingsdperiodeAdapter.getInitialState({ status: Status.NOT_STARTED }),
         arenaAktiviteter: {
             status: Status.NOT_STARTED,

src/hovedside/Hovedside.tsx

@@ -11,6 +11,7 @@ import Verktoylinje from '../moduler/verktoylinje/Verktoylinje';
 import { useRoutes } from '../routing/useRoutes';
 import Aktivitetstavle from './tavle/Aktivitetstavle';
 import { Loader } from '@navikt/ds-react';
+import OppfolgingStatus from '../moduler/oppfolging-status/OppfolgingStatus';
 
 const Hovedside = () => {
     const navigate = useNavigate();

src/mocks/data/dialog.ts

@@ -2,13 +2,13 @@ import { RestRequest } from 'msw';
 
 import { erEksternBruker, ulesteDialoger } from '../demo/localStorage';
 import { rndId } from '../utils';
+import { Dialog } from '../../datatypes/dialogTypes';
 
-const dialoger = [
+const dialoger: Dialog[] = [
     {
         id: '1',
         aktivitetId: '1',
         overskrift: 'NOT USED',
-        sisteTekst: 'Hei. Hva er status her? Har du finnet Kaptain Sabeltann?',
         sisteDato: '2018-01-28T12:48:56.097+01:00',
         opprettetDato: '2018-02-27T12:48:56.081+01:00',
         historisk: false,
@@ -43,8 +43,6 @@ const dialoger = [
         id: '3',
         aktivitetId: '141439',
         overskrift: 'NOT USED',
-        sisteTekst:
-            'Det er viktig at du gjennomfører denne aktiviteten med Nav. Gjør du ikke det, kan det medføre at stønaden du mottar fra Nav bortfaller for en periode eller stanses. Hvis du ikke kan gjennomføre aktiviteten, ber vi deg ta kontakt med veilederen din så snart som mulig.',
         sisteDato: '2018-11-21T13:13:20.685+01:00',
         opprettetDato: '2018-11-21T13:13:20.663+01:00',
         historisk: false,
@@ -70,7 +68,6 @@ const dialoger = [
         id: '2',
         aktivitetId: null,
         overskrift: 'Du har fått et varsel fra Nav',
-        sisteTekst: 'Jeg har ikke hørt noe fra deg i det siste. Har du forlist?\n',
         sisteDato: '2018-02-01T11:52:20.615+01:00',
         opprettetDato: '2018-02-01T11:52:20.535+01:00',
         historisk: false,
@@ -96,10 +93,6 @@ const dialoger = [
         id: '4',
         aktivitetId: null,
         overskrift: 'Automatiske dialoger',
-        sisteTekst:
-            'Hei!\n' +
-            'Du er registrert som arbeidssøker og Nav trenger å bli kjent med ditt behov for hjelp fra oss, slik at vi kan gi deg riktig veiledning.\n' +
-            'Hva mener du? Klik her og vurder hva du selv tenker https://behovsvurdering.nav.no\n',
         sisteDato: '2018-01-28T12:48:56.097+01:00',
         opprettetDato: '2018-02-27T12:48:56.081+01:00',
         historisk: false,
@@ -160,7 +153,6 @@ const dialoger = [
         id: '2',
         aktivitetId: '10',
         overskrift: 'Du har fått et varsel fra Nav',
-        sisteTekst: 'Jeg har ikke hørt noe fra deg i det siste. Har du forlist?\n',
         sisteDato: '2017-02-17T12:52:20.615+01:00',
         opprettetDato: '2017-02-17T11:52:20.535+01:00',
         historisk: false,
@@ -193,49 +185,4 @@ const dialoger = [
     },
 ];
 
-export const opprettDialog = async (req: RestRequest) => {
-    const body = await req.json();
-
-    const dialogId = body.dialogId === undefined ? rndId() : `${body.dialogId}`;
-    const nyHenvendelse = {
-        id: rndId(),
-        dialogId: dialogId,
-        avsender: erEksternBruker() ? 'BRUKER' : 'VEILEDER',
-        avsenderId: 'Z123456',
-        overskrift: body.overskrift,
-        tekst: body.tekst,
-        lest: !ulesteDialoger(),
-        sendt: new Date(),
-    } as any;
-
-    const eksisterendeDialoger = dialoger.filter((dialog) => body.dialogId !== undefined && dialog.id === dialogId);
-
-    if (eksisterendeDialoger.length === 1) {
-        const oldDialog = eksisterendeDialoger[0];
-        oldDialog.sisteTekst = body.tekst;
-        oldDialog.sisteDato = nyHenvendelse.sendt;
-        oldDialog.henvendelser.push(nyHenvendelse);
-        return oldDialog;
-    } else {
-        const nyDialog = {
-            id: nyHenvendelse.dialogId,
-            ferdigBehandlet: !body.ikkeFerdigbehandlet,
-            venterPaSvar: !!body.venterPaSvar,
-            aktivitetId: body.aktivitetId === undefined ? null : body.aktivitetId,
-            overskrift: body.overskrift,
-            sisteTekst: body.tekst,
-            sisteDato: new Date(),
-            opprettetDato: new Date(),
-            historisk: false,
-            lest: !ulesteDialoger(),
-            lestAvBrukerTidspunkt: null,
-            erLestAvBruker: false,
-            henvendelser: [nyHenvendelse],
-            egenskaper: body.egenskaper === undefined ? [] : body.egenskaper,
-        } as any;
-        dialoger.push(nyDialog);
-        return nyDialog;
-    }
-};
-
 export default dialoger;

src/mocks/data/oppfolging.ts

@@ -6,7 +6,8 @@ import {
     erKRRBruker,
     erManuellBruker,
     erPrivatBruker,
-    ingenOppfPerioder, kanIkkeVarsles
+    ingenOppfPerioder,
+    kanIkkeVarsles,
 } from '../demo/localStorage';
 import { mockfnr } from '../utils';
 
@@ -63,8 +64,13 @@ const oppfolging = {
     servicegruppe: 'IVURD',
     inaktiveringsdato: '2018-08-31T10:46:10.971+01:00',
     kanVarsles: !kanIkkeVarsles(),
-    registrertKRR : !erIkkeRegistrertIKRR(),
-} as Partial<OppfolgingStatus>;
+    registrertKRR: !erIkkeRegistrertIKRR(),
+    erSykmeldtMedArbeidsgiver: false,
+    formidlingsgruppe: 'ARBS',
+    inaktivIArena: null,
+    oppfolgingUtgang: null,
+    rettighetsgruppe: 'IYT',
+} as OppfolgingStatus;
 
 export const mockOppfolging = oppfolging;
 

src/mocks/demo/demoToggles.ts

@@ -53,7 +53,7 @@ export const features = [
         checked: erManuellBruker,
     },
     {
-        label: 'KRR',
+        label: 'Er reservert i KRR',
         id: LocalStorageElement.KRR_BRUKER,
         checked: erKRRBruker,
     },

src/mocks/fixtures/stillingFraNavFixtures.ts

@@ -70,7 +70,7 @@ export const enStillingFraNavAktivitet = ({
 };
 export const jaCvKanDeles = {
     kanDeles: true,
-    endretTidspunkt: new Date(),
+    endretTidspunkt: new Date().toISOString(),
     endretAv: 'V123',
     endretAvType: 'BRUKER',
 };

src/mocks/handlers.ts

@@ -43,6 +43,7 @@ import { failOrGetResponse, failOrGrahpqlResponse, jsonResponse } from './utils'
 import { VeilarbAktivitet } from '../datatypes/internAktivitetTypes';
 import { journalføring } from './data/journalføring';
 import { subDays, subMinutes } from 'date-fns';
+import { AktivitetsplanResponse } from '../api/aktivitetsplanGraphql';
 
 const getOppfFeiler = () => oppfFeilet() && !oppdateringKunFeiler();
 const getMaalFeiler = () => maalFeilet() && !oppdateringKunFeiler();
@@ -65,7 +66,6 @@ export const handlers = [
     // veilarbdialog
     rest.get('/veilarbdialog/api/eskaleringsvarsel/gjeldende', jsonResponse(eskaleringsvarsel)),
     rest.get('/veilarbdialog/api/dialog/sistOppdatert', jsonResponse({ sistOppdatert: 1678793406845 })),
-    rest.post('/veilarbdialog/api/dialog', jsonResponse(opprettDialog)),
     rest.post(
         '/veilarbdialog/graphql',
         failOrGrahpqlResponse(dialogFeilet, () => ({
@@ -181,14 +181,14 @@ export const handlers = [
 
 export const aktivitestplanResponse = (
     { aktiviteter }: { aktiviteter: VeilarbAktivitet[] } = { aktiviteter: aktiviteterData.aktiviteter },
-) => {
+): AktivitetsplanResponse => {
     return {
         data: {
             perioder: mockOppfolging.oppfolgingsPerioder.map((periode) => ({
                 id: periode.uuid,
                 aktiviteter: aktiviteter.filter((aktivitet) => aktivitet.oppfolgingsperiodeId === periode.uuid),
                 start: periode.startDato,
-                slutt: periode.sluttDato,
+                slutt: periode.sluttDato || undefined,
             })),
         },
     };

src/moduler/aktiver-digital-oppfolging/AktiverDigitalOppfolging.tsx

@@ -10,7 +10,7 @@ import AktiverDigitalOppfolgingVarsel from './AktiverDigitalOppfolgingVarsel';
 
 const AktiverDigitalOppfolging = () => {
     const oppfolgingStatus = useSelector(selectOppfolgingStatus);
-    const reservertKrr = useSelector(selectReservasjonKRR);
+    const reservertKrr = useSelector(selectReservasjonKRR) || false;
 
     const settOppfolgingFeilet = oppfolgingStatus === Status.ERROR;
     const lasterOppfolging = oppfolgingStatus === Status.PENDING || oppfolgingStatus === Status.RELOADING;

src/moduler/aktiver-digital-oppfolging/AktiverDigitalOppfolgingVarsel.tsx

@@ -1,13 +1,30 @@
 import { Alert, Heading, Link } from '@navikt/ds-react';
 import React from 'react';
+import { useErVeileder } from '../../Provider';
 
 interface Props {
     reservertIKRR: boolean;
     settDigitalFeilet: boolean;
 }
 
+const tekster = {
+    veileder: {
+        tittel: 'Brukeren er reservert i KRR',
+        tekst: 'Du kan ikke sende meldinger fordi brukeren har reservert seg mot digital kommunikasjon KRR.',
+        lenkeTekst: 'Brukeren må gå til norge.no for å fjerne reservasjonen.',
+    },
+    bruker: {
+        tittel: 'Du har reservert deg mot digital kommunikasjon',
+        tekst: 'Du kan ikke bruke aktivitetsplanen fordi du har reservert deg mot digital kommunikasjon i kontakt og reservasjonsregisteret (KRR)',
+        lenkeTekst: 'Gå til norge.no for å fjerne reservasjonen.',
+    },
+};
+
+const linkReservertIKrr = 'https://www.norge.no/nb/digital-borger/reservasjon'
+
 const AktiverDigitalOppfolgingVarsel = (props: Props) => {
     const { reservertIKRR, settDigitalFeilet } = props;
+    const erVeileder = useErVeileder();
 
     if (settDigitalFeilet) {
         return (
@@ -17,40 +34,24 @@ const AktiverDigitalOppfolgingVarsel = (props: Props) => {
         );
     }
 
+    //å være enten manuell eller reservert i krr for å kunne komme hit
     if (!reservertIKRR) {
         return (
-            <Alert variant="warning" className="mx-2 mb-5 max-w-2xl">
+            <Alert variant="warning" className="mx-2 mt-6 max-w-2xl">
                 Du har ikke digital oppfølging fra Nav. Du har derfor ikke en digital aktivitetsplan.
             </Alert>
         );
     } else if (reservertIKRR) {
+        const tekst = erVeileder ? tekster.veileder : tekster.bruker;
         return (
-            <Alert variant="warning" className="mx-2 mb-5 max-w-2xl">
+            <Alert variant="warning" className="mx-2 mt-6 max-w-2xl">
                 <Heading spacing size="small" level="3">
-                    Du har reservert deg mot digital kommunikasjon &nbsp;
+                    {tekst.tittel}
                 </Heading>
-                Du kan ikke bruke aktivitetsplanen fordi du har reservert deg
-                mot digital kommunikasjon i kontakt og reservasjonsregisteret (KRR)
-                <Link href={'https://www.norge.no/nb/digital-borgar/reservasjon'}>
-                    Gå til norge.no for å fjerne reservasjonen.
-                </Link>
+                <p>{tekst.tekst}</p>
+                    <Link href={linkReservertIKrr}>{tekst.lenkeTekst}</Link>
             </Alert>
-        );
-    }
-    if (window.localStorage.getItem('registrertKRR') === 'false') {
-        console.log("erKRRBruker i krr 121231342g eviwjfbo2ebvojwbvohjwr")
-        return (
-            <Alert variant="warning" className="mx-2 mb-5 max-w-2xl">
-                <Heading spacing size="small" level="3">
-                    Vi har ikke din kontaktinformasjon &nbsp;
-                </Heading>
-                Du kan ikke sende meldinger i dialogen fordi du ikke har registrert
-                e-post eller telefonnummeret ditt i kontakt og reservasjonsregisteret (KRR).
-                <Link href={'https://www.norge.no/nb/digital-borgar/reservasjon'}>
-                    Gå til norge.no for å fjerne reservasjonen.
-                </Link>
-            </Alert>
-        );
+    );
     }
 };
 

src/moduler/aktivitet/aktivitet-slice.ts

@@ -88,7 +88,8 @@ function nyStateMedOppdatertAktivitet(state: AktivitetState, aktivitet: VeilarbA
     });
 }
 
-const getOrCreatePeriode = (state: typeof initialState, oppfolgingsperiodeId: string): PeriodeEntityState => {
+// Exported only for testing setup
+export const getOrCreatePeriode = (state: typeof initialState, oppfolgingsperiodeId: string): PeriodeEntityState => {
     return (
         selectOppfolgingsperiodeById(state, oppfolgingsperiodeId) || {
             // Hvis ingen oppfølgingsperiode funnet, opprett en ny

src/moduler/aktivitet/ny-aktivitet/NyAktivitetForm.test.tsx

@@ -7,7 +7,7 @@ import { configureStore } from '@reduxjs/toolkit';
 import { RootState } from '../../../store';
 import reducer from '../../../reducer';
 import { aktivitetAdapter, oppfolgingsdperiodeAdapter } from '../aktivitet-slice';
-import { defaultAktivPeriode, emptyLoadedVeilederState } from '../../../testUtils/defaultInitialStore';
+import { defaultAktivPeriode, emptyHalfLoadedVeilederState } from '../../../testUtils/defaultInitialStore';
 import { Status } from '../../../createGenericSlice';
 import { mockOppfolging } from '../../../mocks/data/oppfolging';
 import { setupServer } from 'msw/node';
@@ -16,7 +16,7 @@ import { lagNyAktivitet } from '../aktivitet-actions';
 
 const initialStore = {
     data: {
-        ...emptyLoadedVeilederState.data,
+        ...emptyHalfLoadedVeilederState.data,
         aktiviteter: oppfolgingsdperiodeAdapter.setOne(
             oppfolgingsdperiodeAdapter.getInitialState({
                 status: Status.NOT_STARTED,