-
+
+
+
+ {header}
+
- {header.length > 36 ? (
-
- {header}
-
- ) : (
-
- {header}
-
- )}
+ {body}
-
-
- {body}
);
};
diff --git a/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx b/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx
index 29d3d56ce..68374aa99 100644
--- a/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx
+++ b/src/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus.tsx
@@ -1,21 +1,38 @@
-import CheckIkon from '@/assets/ikoner/check.svg?react';
-import PabegyntIkon from '@/assets/ikoner/pabegynt.svg?react';
-import AvbruttIkon from '@/assets/ikoner/stop.svg?react';
-import VarselIkon from '@/assets/ikoner/varsel.svg?react';
import { AvtaleContext } from '@/AvtaleProvider';
import Avsluttet from '@/AvtaleSide/AvtaleStatus/Avsluttet';
import Gjennomføres from '@/AvtaleSide/AvtaleStatus/Gjennomføres';
import StatusPanel from '@/AvtaleSide/AvtaleStatus/StatusPanel';
-import GodkjenningStatus from '@/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus';
import TilskuddsperioderAvslått from '@/AvtaleSide/steg/GodkjenningSteg/TilskuddsperioderAvslått';
import LagreKnapp from '@/komponenter/LagreKnapp/LagreKnapp';
import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
+import { Avtale, Avtaleinnhold } from '@/types/avtale';
import { formatterDato, NORSK_DATO_FORMAT } from '@/utils/datoUtils';
import { BodyShort } from '@navikt/ds-react';
+import moment from 'moment';
import React, { FunctionComponent, useContext } from 'react';
-const VeilederAvtaleStatus: FunctionComponent = () => {
- const { avtale, overtaAvtale } = useContext(AvtaleContext);
+interface Props {
+ avtale: Pick<
+ Avtale,
+ | 'erUfordelt'
+ | 'statusSomEnum'
+ | 'annullertTidspunkt'
+ | 'tiltakstype'
+ | 'tilskuddPeriode'
+ | 'godkjentAvDeltaker'
+ | 'godkjentAvArbeidsgiver'
+ | 'godkjentAvVeileder'
+ | 'gjeldendeTilskuddsperiode'
+ | 'avtaleInngått'
+ | 'erAnnullertEllerAvbrutt'
+ | 'annullertGrunn'
+ | 'avbruttGrunn'
+ > & { gjeldendeInnhold: Pick
};
+}
+
+const VeilederAvtaleStatus: FunctionComponent = ({ avtale }) => {
+ const { overtaAvtale } = useContext(AvtaleContext);
+ const dagerSidenDeltakerFikkVarsling = moment(avtale.godkjentAvArbeidsgiver).diff(moment().toString(), 'days');
const skalViseAvslåttTilskuddsperiode =
avtale.godkjentAvVeileder &&
@@ -32,13 +49,10 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
if (avtale.erUfordelt) {
return (
-
- Avtalen er opprettet av arbeidsgiver. Den er ikke tildelt en veileder ennå.
-
+ Avtalen er opprettet av arbeidsgiver.
overtaAvtale()}
@@ -55,12 +69,11 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
case 'ANNULLERT':
return (
- Du eller en annen veileder har annullert tiltaket{' '}
- {formatterDato(avtale.annullertTidspunkt!)}. Årsak: {avtale.annullertGrunn}.
+ Du eller en annen veileder har annullert avtalen {formatterDato(avtale.annullertTidspunkt!)}
+ . Årsak: {avtale.annullertGrunn}.
}
/>
@@ -68,61 +81,64 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
case 'AVBRUTT':
return (
- Du eller en annen veileder har avbrutt tiltaket. Årsak: {avtale.avbruttGrunn}.
+ Du eller en annen veileder har avbrutt avtalen. Årsak: {avtale.avbruttGrunn}.
}
/>
);
case 'PÅBEGYNT':
- return ;
+ return ;
case 'MANGLER_GODKJENNING': {
if (avtale.godkjentAvVeileder) {
+ return ;
+ } else if (avtale.godkjentAvDeltaker && avtale.godkjentAvArbeidsgiver) {
return (
- Venter på godkjenning fra beslutter.
-
-
- >
+
+ Før du godkjenner avtalen må du sjekke at alt er i orden og innholdet er riktig.
+
}
/>
);
- } else if (avtale.godkjentAvDeltaker && avtale.godkjentAvArbeidsgiver) {
+ } else if (avtale.godkjentAvDeltaker) {
return (
+ Avtalen må godkjennes av arbeidsgiver. Arbeidsgiver fikk en automatisk varsling på Min
+ side Arbeidsgiver når avtalen ble opprettet.
+
+ }
+ />
+ );
+ } else if (avtale.godkjentAvArbeidsgiver) {
+ return (
+
-
- Før du godkjenner avtalen må du sjekke at alt er i orden og innholdet er riktig.
-
-
-
- >
+
+ Avtalen må godkjennes av deltaker. Deltaker fikk en varsling på min side Personbruker om
+ å godkjenne avtalen for {-dagerSidenDeltakerFikkVarsling} dager siden.
+
}
/>
);
} else {
return (
-
- Deltaker og arbeidsgiver må ha godkjent avtalen før du kan godkjenne.
-
-
-
- >
+
+ Avtalen må godkjennes av arbeidsgiver og deltaker. Arbeidsgiver fikk en automatisk
+ varsling på Min side Arbeidsgiver når avtalen ble opprettet, og deltaker fikk en
+ varsling på min side Personbruker om å godkjenne avtalen for 4 dager siden.
+
}
/>
);
@@ -133,7 +149,6 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
avtale.tiltakstype === 'VARIG_LONNSTILSKUDD' ? (
@@ -143,15 +158,16 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
- Du skal ikke registrere tiltaksgjennomføringen i Arena. Avtalen journalføres automatisk
- i Gosys.
+ Alle parter har nå godkjent avtalen og beslutter har godkjent tilskudd. Deltaker får nå
+ et vedtaksbrev på min side Personbruker. Arbeidsgiver og eller kontaktperson for
+ refusjon vil nå motta automatisk varsling på SMS for å sende inn refusjoner. Du skal
+ ikke registrere tiltaksgjennomføringen i Arena. Avtalen journalføres automatisk i Gosys.
>
}
/>
) : (
@@ -161,16 +177,24 @@ const VeilederAvtaleStatus: FunctionComponent = () => {
- Du må fullføre registreringen i Arena. Avtalen journalføres automatisk i Gosys.
+ Alle parter har nå godkjent avtalen og beslutter har godkjent tilskudd. Deltaker får nå
+ et vedtaksbrev på min side Personbruker. Arbeidsgiver og eller kontaktperson for
+ refusjon vil nå motta automatisk varsling på SMS for å sende inn refusjoner. Du må
+ fullføre registreringen i Arena. Avtalen journalføres automatisk i Gosys.
>
}
/>
);
case 'GJENNOMFØRES':
- return ;
+ return ;
case 'AVSLUTTET':
- return ;
+ return (
+
+ );
}
return null;
diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.less b/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.less
deleted file mode 100644
index b44273800..000000000
--- a/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.less
+++ /dev/null
@@ -1,15 +0,0 @@
-.lenkedeling {
- &__link {
- display: flex;
- }
-
- &__ikon {
- display: inline-block;
- margin-right: 0.45rem;
- margin-bottom: -0.1rem;
- }
-
- @media print {
- display: none;
- }
-}
diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.tsx b/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.tsx
deleted file mode 100644
index c39610ef8..000000000
--- a/src/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-import ShareIkon from '@/assets/ikoner/del-lenke.svg?react';
-import SendVarselModal from '@/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal';
-import { Link } from '@navikt/ds-react';
-import React, { FunctionComponent, useState } from 'react';
-import './DelLenkeTilAvtalen.less';
-import BEMHelper from '@/utils/bem';
-
-const DelLenkeTilAvtalen: FunctionComponent = () => {
- const cls = BEMHelper('lenkedeling');
- const [isOpen, setOpen] = useState(false);
-
- return (
- <>
- setOpen(true)} href="#" role="menuitem" className={cls.element('link')}>
-
-
-
- Del lenke til avtalen
-
-
- setOpen(false)} />
-
- >
- );
-};
-
-export default DelLenkeTilAvtalen;
diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less
deleted file mode 100644
index 64b4c0a25..000000000
--- a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.less
+++ /dev/null
@@ -1,57 +0,0 @@
-@import (reference) '../../tiltak_variabler.less';
-
-.kopierlenke {
- &__modal {
- max-width: 46rem;
- padding: 4rem 1.5rem;
- }
-
- &__innholdstittel {
- margin: 1rem 0 2rem 0;
- }
-
- &__undertittel {
- margin-top: 2rem;
- }
-
- &__lenke {
- width: 100%;
- margin-bottom: 1rem;
- word-break: break-all;
- }
-
- &__lenkedeling {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- &__kopierKnapp {
- width: 11rem;
- align-self: center;
- }
-}
-
-@media (min-width: @screen-sm-min) {
- .kopierlenke {
- &__lenke {
- margin-bottom: 0.7rem;
- margin-right: 1rem;
- font-size: 1.2rem;
- }
-
- &__lenkedeling {
- flex-direction: row;
- align-items: flex-end;
- justify-content: space-between;
- }
-
- &__undertittel {
- width: 25rem;
- }
-
- &__modal {
- padding: 4rem 3rem;
- }
- }
-}
diff --git a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx b/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx
deleted file mode 100644
index e003cb828..000000000
--- a/src/AvtaleSide/DelLenkeTilAvtalen/SendVarselModal.tsx
+++ /dev/null
@@ -1,95 +0,0 @@
-import { AvtaleContext } from '@/AvtaleProvider';
-import LagreKnapp from '@/komponenter/LagreKnapp/LagreKnapp';
-import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
-import { pathTilOversiktISelvbetjeningProd } from '@/paths';
-import { delAvtaleMedAvtalepart } from '@/services/rest-service';
-import BEMHelper from '@/utils/bem';
-import { Heading, Ingress, Link, Modal, Button } from '@navikt/ds-react';
-import React, { useContext } from 'react';
-import { copyTextToClipboard } from '@/utils/copyTextToClipboard';
-import './SendVarselModal.less';
-
-interface Props {
- isOpen: boolean;
- lukkModal: () => void;
-}
-
-const cls = BEMHelper('kopierlenke');
-
-const SendVarselModal: React.FunctionComponent = (props) => {
- const { avtale } = useContext(AvtaleContext);
-
- return (
- props.lukkModal()}
- aria-modal={props.isOpen}
- >
-
-
- Del lenke til avtalen
-
-
-
-
-
- Lenke til avtalen kan sendes på SMS hvis telefonnummer er registrert i avtalen. Hvis det er ønskelig
- å sende lenke til avtalen via andre kanaler, for eksempel aktivitetsplanen eller e-post, er det
- adressen under som må benyttes.
-
-
-
-
-
- Send lenke på SMS
-
-
- delAvtaleMedAvtalepart(avtale.id, 'ARBEIDSGIVER')}
- suksessmelding="SMS sendt til arbeidsgiveren"
- variant={'primary'}
- />
-
- delAvtaleMedAvtalepart(avtale.id, 'DELTAKER')}
- suksessmelding="SMS sendt til deltakeren"
- variant={'primary'}
- />
-
- {avtale.tiltakstype === 'MENTOR' && (
- delAvtaleMedAvtalepart(avtale.id, 'MENTOR')}
- suksessmelding="SMS sendt til mentor"
- variant={'primary'}
- />
- )}
-
-
-
-
- Send lenke manuelt
-
-
-
- {pathTilOversiktISelvbetjeningProd}
-
-
copyTextToClipboard(pathTilOversiktISelvbetjeningProd)}
- >
- Kopier lenke
-
-
-
-
- );
-};
-
-export default SendVarselModal;
diff --git a/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx b/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx
index f9e5fcff3..3bd5f512b 100644
--- a/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx
+++ b/src/AvtaleSide/Oppgavelinje/OppgaveLenker.tsx
@@ -1,6 +1,5 @@
import { AvtaleContext } from '@/AvtaleProvider';
import AnnullerAvtalen from '@/AvtaleSide/AnnullerAvtalen/AnnullerAvtalen';
-import DelLenkeTilAvtalen from '@/AvtaleSide/DelLenkeTilAvtalen/DelLenkeTilAvtalen';
import OvertaAvtalen from '@/AvtaleSide/OvertaAvtalen/OvertaAvtalen';
import EndreInkluderingsutgifter from '@/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreInkluderingsutgifter/EndreInkluderingsutgifter';
import EndreOmMentor from '@/AvtaleSide/steg/GodkjenningSteg/endringAvAvtaleInnhold/EndreOmMentor/EndreOmMentor';
@@ -43,7 +42,6 @@ const OppgaveLenker: React.FunctionComponent = () => {
-
{avtale.godkjentAvVeileder !== null && (
<>
diff --git a/src/AvtaleSide/steg/ArbeidsoppgaverSteg/ArbeidsoppgaverSteg.tsx b/src/AvtaleSide/steg/ArbeidsoppgaverSteg/ArbeidsoppgaverSteg.tsx
index e6e20a7ea..3eb69811a 100644
--- a/src/AvtaleSide/steg/ArbeidsoppgaverSteg/ArbeidsoppgaverSteg.tsx
+++ b/src/AvtaleSide/steg/ArbeidsoppgaverSteg/ArbeidsoppgaverSteg.tsx
@@ -11,7 +11,7 @@ const ArbeidsoppgaverSteg: FunctionComponent = (props) => {
const avtaleContext = useContext(AvtaleContext);
return (
-
+
Hvilke arbeidsoppgaver skal utføres?
Her skal du beskrive hvilke arbeidsoppgaver som deltakeren skal utføre hos dere under arbeidstreningen.
diff --git a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx
index b8025414c..f944a808a 100644
--- a/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx
+++ b/src/AvtaleSide/steg/BeregningTilskudd/BeregningTilskuddSteg.tsx
@@ -20,6 +20,7 @@ import Feriepenger from '@/AvtaleSide/steg/BeregningTilskudd/Feriepenger';
import ObligatoriskTjenestepensjon from '@/AvtaleSide/steg/BeregningTilskudd/ObligatoriskTjenestepensjon';
import Arbeidsgiveravgift from '@/AvtaleSide/steg/BeregningTilskudd/Arbeidsgiveravgift';
import './BeregningTilskuddSteg.less';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const cls = BEMHelper('beregningTilskuddSteg');
@@ -29,44 +30,47 @@ const BeregningTilskuddSteg: FunctionComponent = () => {
const { avtale, lagreAvtale } = useContext(AvtaleContext);
return (
-
- Beregning av tilskudd
- {avtale.tiltakstype !== 'SOMMERJOBB' && }
- {avtale.tiltakstype === 'SOMMERJOBB' && }
-
- Lønn per måned i faktisk stillingsprosent inkludert faste og uregelmessige tillegg
-
-
-
-
-
-
-
-
-
-
-
+ <>
+
+
+ Beregning av tilskudd
+ {avtale.tiltakstype !== 'SOMMERJOBB' && }
+ {avtale.tiltakstype === 'SOMMERJOBB' && }
+
+ Lønn per måned i faktisk stillingsprosent inkludert faste og uregelmessige tillegg
+
+
+
+
+
+
+
+
+
+
+
-
-
-
- {innloggetBruker.erNavAnsatt &&
- avtale.gjeldendeInnhold.stillingprosent !== undefined &&
- avtale.gjeldendeInnhold.stillingprosent > 0 &&
- avtale.gjeldendeInnhold.stillingprosent < 100 && (
-
- )}
-
-
-
-
-
+
+
+
+ {innloggetBruker.erNavAnsatt &&
+ avtale.gjeldendeInnhold.stillingprosent !== undefined &&
+ avtale.gjeldendeInnhold.stillingprosent > 0 &&
+ avtale.gjeldendeInnhold.stillingprosent < 100 && (
+
+ )}
+
+
+
+
+
+ >
);
};
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.less b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.less
deleted file mode 100644
index 95b448682..000000000
--- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.less
+++ /dev/null
@@ -1,14 +0,0 @@
-.godkjenningsrad {
- &__status {
- float: right;
- }
- &__godkjenningIkon {
- display: inline-block;
- margin-left: 1rem;
- vertical-align: bottom;
- }
- display: flex;
- justify-content: space-between;
- align-items: center;
- align-content: stretch;
-}
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.tsx b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.tsx
deleted file mode 100644
index 61c7ce30b..000000000
--- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningRad/GodkjenningRad.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import CheckIkon from '@/assets/ikoner/check.svg?react';
-import VarselIkon from '@/assets/ikoner/varsel.svg?react';
-import { TiltaksType } from '@/types/avtale';
-import { formatterDato } from '@/utils/datoUtils';
-import { BodyShort, Label } from '@navikt/ds-react';
-import React from 'react';
-import './GodkjenningRad.less';
-
-interface Props {
- godkjentAvtale?: string;
- navn: string;
- tiltakstype?: TiltaksType;
-}
-
-const GodkjenningRad: React.FunctionComponent = (props: Props) => {
- const Ikon = props.godkjentAvtale ? CheckIkon : VarselIkon;
- const harGodkjentTekst = props.tiltakstype === 'MENTOR' ? 'Signert' : 'Godkjent';
- const måGodkjenneTekst = props.tiltakstype === 'MENTOR' ? 'Må signere' : 'Må godkjenne';
-
- const godkjentStatus: string = props.godkjentAvtale
- ? harGodkjentTekst + ' ' + formatterDato(props.godkjentAvtale)
- : måGodkjenneTekst;
-
- const navn = props.navn;
-
- return (
-
-
{navn}
-
- {godkjentStatus}
-
-
-
- );
-};
-
-export default GodkjenningRad;
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less
deleted file mode 100644
index 48179ed4c..000000000
--- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.less
+++ /dev/null
@@ -1,17 +0,0 @@
-@import (reference) '../../../../tiltak_variabler.less';
-
-.godkjenningstatus {
- padding: 1rem;
- border: 2px solid @navBlaLighten60;
-
- &__rader {
- > div:not(:last-child) {
- padding-top: 0.5rem;
- padding-bottom: 0.5rem;
- border-bottom: 1px solid #e7e9e9;
- }
- > div:last-child {
- padding-top: 0.5rem;
- }
- }
-}
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx
deleted file mode 100644
index a8ff280da..000000000
--- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningStatus/GodkjenningStatus.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
-import { Avtale } from '@/types/avtale';
-import { Heading } from '@navikt/ds-react';
-import React from 'react';
-import GodkjenningRad from './GodkjenningRad/GodkjenningRad';
-import './GodkjenningStatus.less';
-
-interface Props {
- avtale: Avtale;
-}
-
-const GodkjenningStatus: React.FunctionComponent = (props) => {
- return (
-
-
- Hvem har godkjent?
-
-
-
-
- {props.avtale.tiltakstype === 'MENTOR' && (
-
- )}
-
-
-
-
-
- );
-};
-
-export default GodkjenningStatus;
diff --git a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningSteg.tsx b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningSteg.tsx
index 33c878657..6c9039c81 100644
--- a/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningSteg.tsx
+++ b/src/AvtaleSide/steg/GodkjenningSteg/GodkjenningSteg.tsx
@@ -30,10 +30,21 @@ const GodkjenningSteg: React.FunctionComponent = (props) => {
-
- {avtale.avtaleInngått ? 'Oppsummering av inngått avtale' : 'Godkjenning av avtale'}
-
- {avtale.avtaleInngått && }
+ {innloggetBruker.rolle === 'DELTAKER' || innloggetBruker.rolle === 'MENTOR' ? (
+ avtale.avtaleInngått && (
+ <>
+ Oppsummering av inngått avtale
+ {avtale.avtaleInngått && }
+ >
+ )
+ ) : (
+ <>
+
+ {avtale.avtaleInngått ? 'Oppsummering av inngått avtale' : 'Godkjenning av avtale'}
+
+ {avtale.avtaleInngått && }
+ >
+ )}
{createElement(props.oppsummering, { avtaleinnhold: avtale.gjeldendeInnhold })}
diff --git a/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx b/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx
index 312ba4559..64a3512b9 100644
--- a/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx
+++ b/src/AvtaleSide/steg/InkluderingstilskuddSteg/InkluderingstilskuddSteg.tsx
@@ -18,6 +18,7 @@ import Tilskuddsbeskrivelse from './Tilskuddsbeskrivelse';
import TilskuddsutgiftTabell from './TilskuddsutgiftTabell';
import Datovelger from '@/komponenter/datovelger/Datovelger';
import VisueltDisabledInputFelt from '@/komponenter/VisueltDisabledInputFelt/VisueltDisabledInputFelt';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const InkluderingstilskuddSteg: FunctionComponent = () => {
const cls = BEMHelper('inkluderingstilskudd');
@@ -50,7 +51,8 @@ const InkluderingstilskuddSteg: FunctionComponent = () => {
return (
<>
-
+
+
Inkluderingstilskudd
diff --git a/src/AvtaleSide/steg/KontaktInformasjonSteg/KontaktinfoSteg.tsx b/src/AvtaleSide/steg/KontaktInformasjonSteg/KontaktinfoSteg.tsx
index 907b9b624..13adecaea 100644
--- a/src/AvtaleSide/steg/KontaktInformasjonSteg/KontaktinfoSteg.tsx
+++ b/src/AvtaleSide/steg/KontaktInformasjonSteg/KontaktinfoSteg.tsx
@@ -9,6 +9,7 @@ import DeltakerinfoDel from './DeltakerinfoDel/DeltakerinfoDel';
import './kontaktinfo.less';
import KontaktpersonRefusjoninfoDel from './KontaktpersonRefusjoninfoDel/KontaktpersonRefusjoninfoDel';
import VeilederinfoDel from './VeilederinfoDel/VeilederinfoDel';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const KontaktinfoSteg: FunctionComponent = () => {
const { avtale, lagreAvtale } = useContext(AvtaleContext);
@@ -27,20 +28,23 @@ const KontaktinfoSteg: FunctionComponent = () => {
].includes(avtale.tiltakstype);
return (
-
-
-
-
- {skalViseKontaktpersonForRefusjon && }
- {skalViseRelasjoner && }
-
-
-
+ <>
+
+
+
+
+
+ {skalViseKontaktpersonForRefusjon && }
+ {skalViseRelasjoner && }
+
+
+
+ >
);
};
diff --git a/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx b/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx
index 914df33d6..eb1c948cf 100644
--- a/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx
+++ b/src/AvtaleSide/steg/MaalSteg/MaalSteg.tsx
@@ -5,6 +5,7 @@ import React, { FunctionComponent, useContext, useState } from 'react';
import EtMaal from './Maal/EtMaal';
import { useMål } from './Maal/maalUtils';
import OpprettMaal from './Maal/OpprettMaal';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const MaalSteg: FunctionComponent = () => {
const avtaleContext = useContext(AvtaleContext);
@@ -29,7 +30,8 @@ const MaalSteg: FunctionComponent = () => {
return (
<>
-
+
+
{
const avtaleContext = useContext(AvtaleContext);
@@ -31,83 +32,86 @@ const OmMentorSteg = () => {
const cls = BEMHelper('omMentorSteg');
return (
-
- Om mentoren
-
-
-
-
-
avtaleContext.settAvtaleInnholdVerdi('mentorFornavn', verdi)}
- />
- avtaleContext.settAvtaleInnholdVerdi('mentorEtternavn', verdi)}
- />
-
-
- avtaleContext.settAvtaleInnholdVerdi('mentorTlf', verdi)}
- />
-
-
-
avtaleContext.settAvtaleInnholdVerdi('mentorOppgaver', verdi)}
- maxLengde={1000}
- feilmelding="Beskrivelse av arbeidsoppgaver er påkrevd"
- />
-
-
-
{
- setMentorAntallTimerInput(verdi);
- avtaleContext.settAvtaleInnholdVerdi('mentorAntallTimer', inputToNumber(verdi));
- }}
- />
- ) => {
- settForHøyTimelønn(undefined);
- }}
- onBlur={(event) => {
- if (/^\d{0,4}(\.\d{0,2})?$/.test(event.target.value)) {
- avtaleContext.settAvtaleInnholdVerdi(
- 'mentorTimelonn',
- Math.round(parseFloat(event.target.value)),
- );
- } else {
- avtaleContext.settAvtaleInnholdVerdi('mentorTimelonn', undefined);
- settForHøyTimelønn('Overskrider maks timelønn');
- }
- }}
- error={forHøyTimelønn}
- />
-
-
-
-
- *Inkludert feriepenger, arbeidsgiveravgift og obligatorisk tjenestepensjon
-
-
-
-
-
+ <>
+
+
+ Om mentoren
+
+
+
+
+
avtaleContext.settAvtaleInnholdVerdi('mentorFornavn', verdi)}
+ />
+ avtaleContext.settAvtaleInnholdVerdi('mentorEtternavn', verdi)}
+ />
+
+
+ avtaleContext.settAvtaleInnholdVerdi('mentorTlf', verdi)}
+ />
+
+
+
avtaleContext.settAvtaleInnholdVerdi('mentorOppgaver', verdi)}
+ maxLengde={1000}
+ feilmelding="Beskrivelse av arbeidsoppgaver er påkrevd"
+ />
+
+
+
{
+ setMentorAntallTimerInput(verdi);
+ avtaleContext.settAvtaleInnholdVerdi('mentorAntallTimer', inputToNumber(verdi));
+ }}
+ />
+ ) => {
+ settForHøyTimelønn(undefined);
+ }}
+ onBlur={(event) => {
+ if (/^\d{0,4}(\.\d{0,2})?$/.test(event.target.value)) {
+ avtaleContext.settAvtaleInnholdVerdi(
+ 'mentorTimelonn',
+ Math.round(parseFloat(event.target.value)),
+ );
+ } else {
+ avtaleContext.settAvtaleInnholdVerdi('mentorTimelonn', undefined);
+ settForHøyTimelønn('Overskrider maks timelønn');
+ }
+ }}
+ error={forHøyTimelønn}
+ />
+
+
+
+
+ *Inkludert feriepenger, arbeidsgiveravgift og obligatorisk tjenestepensjon
+
+
+
+
+
+ >
);
};
diff --git a/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/OppfolgingOgTilretteleggingSteg.tsx b/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/OppfolgingOgTilretteleggingSteg.tsx
index f2e131209..2e612c0b2 100644
--- a/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/OppfolgingOgTilretteleggingSteg.tsx
+++ b/src/AvtaleSide/steg/OppfolgingOgTilretteleggingSteg/OppfolgingOgTilretteleggingSteg.tsx
@@ -6,39 +6,43 @@ import PakrevdTextarea from '@/komponenter/PakrevdTextarea/PakrevdTextarea';
import React, { useContext } from 'react';
import './oppfolgingOgTilretteleggingSteg.less';
import BEMHelper from '@/utils/bem';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const OppfolgingOgTilretteleggingSteg = () => {
const avtaleContext = useContext(AvtaleContext);
const cls = BEMHelper('oppfolgingOgTilretteleggingSteg');
return (
-
-
- Oppfølging
-
- avtaleContext.settAvtaleInnholdVerdi('oppfolging', verdi)}
- maxLengde={1000}
- feilmelding="Beskrivelse av oppfølgingen er påkrevd"
- />
-
- Tilrettelegging
-
- avtaleContext.settAvtaleInnholdVerdi('tilrettelegging', verdi)}
- maxLengde={1000}
- feilmelding="Beskrivelse av tilrettelegging er påkrevd"
- />
-
-
+ <>
+
+
+
+ Oppfølging
+
+ avtaleContext.settAvtaleInnholdVerdi('oppfolging', verdi)}
+ maxLengde={1000}
+ feilmelding="Beskrivelse av oppfølgingen er påkrevd"
+ />
+
+ Tilrettelegging
+
+ avtaleContext.settAvtaleInnholdVerdi('tilrettelegging', verdi)}
+ maxLengde={1000}
+ feilmelding="Beskrivelse av tilrettelegging er påkrevd"
+ />
+
+
+ >
);
};
diff --git a/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx b/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx
deleted file mode 100644
index ca7f2a0a9..000000000
--- a/src/AvtaleSide/steg/StillingSteg/StillingSteg.spec.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-import { expect, test } from 'vitest';
-import { render, screen } from '@testing-library/react';
-
-import { AvtaleContext, Context } from '@/AvtaleProvider';
-import arbeidstreningAvtaleMock from '@/mocking/arbeidstrening-avtale-mock';
-
-import StillingSteg from './StillingSteg';
-
-test(' renders correctly', async () => {
- render(
-
-
- ,
- );
- expect(await screen.findByText('Fylles ut av NAV og arbeidsgiveren')).toBeDefined();
-});
diff --git a/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx b/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx
index 9c3944e99..cd6e7dd93 100644
--- a/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx
+++ b/src/AvtaleSide/steg/StillingSteg/StillingSteg.tsx
@@ -10,6 +10,7 @@ import { BodyShort, RadioGroup } from '@navikt/ds-react';
import { FunctionComponent, useContext } from 'react';
import './StillingsSteg.less';
import StillingsTittelVelger from './StillingsTittelVelger';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const cls = BEMHelper('StillingsSteg');
@@ -19,63 +20,66 @@ const StillingSteg: FunctionComponent = () => {
const { valgtStilling, setValgtStilling } = useStillingFraContext();
return (
-
- Stilling
-
- Stilling/yrke (kun ett yrke kan legges inn)
-
-
- avtaleContext.settAvtaleInnholdVerdi('arbeidsoppgaver', verdi)}
- maxLengde={1000}
- feilmelding="Beskrivelse av arbeidsoppgavene er påkrevd"
- />
- {(avtaleContext.avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
- avtaleContext.avtale.tiltakstype === 'VARIG_LONNSTILSKUDD') && (
- <>
- Er stillingen fast eller midlertidig
-
-
- avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'FAST' })}
- checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'FAST'}
- name="stillingstype"
- value="FAST"
+ <>
+
+
+ Stilling
+
+ Stilling/yrke (kun ett yrke kan legges inn)
+
+
+ avtaleContext.settAvtaleInnholdVerdi('arbeidsoppgaver', verdi)}
+ maxLengde={1000}
+ feilmelding="Beskrivelse av arbeidsoppgavene er påkrevd"
+ />
+ {(avtaleContext.avtale.tiltakstype === 'MIDLERTIDIG_LONNSTILSKUDD' ||
+ avtaleContext.avtale.tiltakstype === 'VARIG_LONNSTILSKUDD') && (
+ <>
+ Er stillingen fast eller midlertidig
+
+
- Fast
-
-
- avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'MIDLERTIDIG' })
- }
- checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'MIDLERTIDIG'}
- name="stillingstype"
- value="MIDLERTIDIG"
- >
- Midlertidig
-
-
-
- >
- )}
-
-
+ avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'FAST' })}
+ checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'FAST'}
+ name="stillingstype"
+ value="FAST"
+ >
+ Fast
+
+
+ avtaleContext.settAvtaleInnholdVerdier({ stillingstype: 'MIDLERTIDIG' })
+ }
+ checked={avtaleContext.avtale.gjeldendeInnhold.stillingstype === 'MIDLERTIDIG'}
+ name="stillingstype"
+ value="MIDLERTIDIG"
+ >
+ Midlertidig
+
+
+
+ >
+ )}
+
+
+ >
);
};
diff --git a/src/AvtaleSide/steg/VarighetSteg/VarighetSteg.tsx b/src/AvtaleSide/steg/VarighetSteg/VarighetSteg.tsx
index 30a2696fe..ca6078798 100644
--- a/src/AvtaleSide/steg/VarighetSteg/VarighetSteg.tsx
+++ b/src/AvtaleSide/steg/VarighetSteg/VarighetSteg.tsx
@@ -16,6 +16,7 @@ import moment from 'moment';
import 'moment/dist/locale/nb';
import { FunctionComponent, useContext, useEffect, useState } from 'react';
import './varighetSteg.less';
+import AvtaleStatus from '@/AvtaleSide/AvtaleStatus/AvtaleStatus';
const VarighetSteg: FunctionComponent = () => {
const { avtale, lagreAvtale } = useContext(AvtaleContext);
@@ -41,7 +42,8 @@ const VarighetSteg: FunctionComponent = () => {
return (
-
+
+
diff --git a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
index 2c76759ab..1797ddd43 100644
--- a/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
+++ b/src/OpprettAvtale/OpprettAvtaleArbeidsgiver/OpprettAvtaleArbeidsgiver.tsx
@@ -12,8 +12,8 @@ import { Avtalerolle } from '@/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtale
import {
basename,
pathTilInformasjonssideInnlogget,
- pathTilOpprettAvtaleFullfortArbeidsgiver,
inkludereIArbeidslivetLenke,
+ pathTilKontaktinformasjonSteg,
} from '@/paths';
import { opprettAvtaleSomArbeidsgiver, opprettMentorAvtale } from '@/services/rest-service';
import { TiltaksType } from '@/types/avtale';
@@ -85,7 +85,7 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => {
Avtalerolle.ARBEIDSGIVER,
);
amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType });
- navigate(pathTilOpprettAvtaleFullfortArbeidsgiver(mentorAvtale.id));
+ navigate(pathTilKontaktinformasjonSteg(mentorAvtale.id));
return;
}
return;
@@ -93,7 +93,7 @@ const OpprettAvtaleArbeidsgiver: FunctionComponent = () => {
const avtale = await opprettAvtaleSomArbeidsgiver(deltakerFnr, valgtBedriftNr, valgtTiltaksType);
amplitude.logEvent('#tiltak-avtale-opprettet-arbeidsgiver', { tiltakstype: valgtTiltaksType });
navigate({
- pathname: pathTilOpprettAvtaleFullfortArbeidsgiver(avtale.id),
+ pathname: pathTilKontaktinformasjonSteg(avtale.id),
search: window.location.search,
});
return;
diff --git a/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx b/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx
index 7bbb9a216..6865bf94c 100644
--- a/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx
+++ b/src/OpprettAvtale/OpprettAvtaleVeileder/OpprettAvtaleVeileder.tsx
@@ -7,7 +7,7 @@ import useValidering from '@/komponenter/useValidering';
import HvemSkalInngaaAvtalen from '@/OpprettAvtale/OpprettAvtaleVeileder/HvemSkalInngaaAvtalen';
import InformasjonsboksTopVeilederOppretterAvtale from '@/OpprettAvtale/OpprettAvtaleVeileder/InformasjonsboksTopVeilederOppretterAvtale';
import TiltaksTypeRadioPanel from '@/OpprettAvtale/OpprettAvtaleVeileder/TiltaksTypeRadioPanel';
-import { pathTilOpprettAvtaleFullfortVeileder } from '@/paths';
+import { pathTilKontaktinformasjonSteg } from '@/paths';
import {
hentBedriftBrreg,
opprettAvtaleSomVeileder,
@@ -136,14 +136,14 @@ const OpprettAvtaleVeileder: FunctionComponent = () => {
Avtalerolle.VEILEDER,
);
amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType });
- navigate(pathTilOpprettAvtaleFullfortVeileder(mentorAvtale.id));
+ navigate(pathTilKontaktinformasjonSteg(mentorAvtale.id));
return;
}
return;
}
const avtale = await opprettAvtaleSomVeileder(deltakerFnr, bedriftNr, valgtTiltaksType);
amplitude.logEvent('#tiltak-avtale-opprettet', { tiltakstype: valgtTiltaksType });
- navigate(pathTilOpprettAvtaleFullfortVeileder(avtale.id));
+ navigate(pathTilKontaktinformasjonSteg(avtale.id));
return;
}
diff --git a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less
deleted file mode 100644
index 0ae786680..000000000
--- a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.less
+++ /dev/null
@@ -1,101 +0,0 @@
-@import (reference) '../../tiltak_variabler.less';
-
-.opprettelseFullfortArbeidsgiver {
- padding: 2rem 1rem;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- &__innholdstittel {
- margin: 1rem 0 2rem 0;
- }
-
- &__undertittel {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
-
- &__sidetittel {
- &-wrapper {
- display: flex;
- flex-direction: column;
- margin: 2rem 0;
- }
-
- &-ikon {
- margin-bottom: 1rem;
- }
- }
-
- &__lenke {
- width: 100%;
- margin-bottom: 1rem;
- word-break: break-all;
- }
-
- &__lenkedeling {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .nav-veilederpanel {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-bottom: 2.5rem;
- margin-bottom: 1rem;
- border-color: @navBlaLighten60;
-
- .nav-veileder__frame img,
- .nav-veileder__frame svg {
- height: 100%;
- }
-
- p {
- margin-top: 1rem;
- }
- }
-
- .lenke {
- align-self: center;
- }
-
- p {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: @screen-sm-min) {
- .opprettelseFullfortArbeidsgiver {
- margin: 0 auto;
- max-width: @screen-sm-min;
-
- &__sidetittel {
- &-wrapper {
- flex-direction: row;
- }
-
- &-ikon {
- margin-right: 1rem;
- margin-bottom: 0;
- }
- }
-
- &__lenke {
- margin-bottom: 0.7rem;
- margin-right: 1rem;
- font-size: 1.2rem;
- }
-
- &__lenkedeling {
- flex-direction: row;
- align-items: flex-end;
- justify-content: space-between;
- }
-
- .nav-veilederpanel {
- padding-left: 2rem;
- padding-right: 2rem;
- }
- }
-}
diff --git a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx b/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx
deleted file mode 100644
index 61ba890d3..000000000
--- a/src/OpprettAvtale/OpprettelseFullfortArbeidsgiver/OpprettelseFullfortArbeidsgiver.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-import Banner from '@/komponenter/Banner/Banner';
-import { BodyShort, Heading } from '@navikt/ds-react';
-import { pathTilKontaktinformasjonSteg } from '@/paths';
-import VerticalSpacer from '@/komponenter/layout/VerticalSpacer';
-import VeilederpanelMedAvsjekkIkon from '@/komponenter/Veilederpanel/VeilederpanelMedAvsjekkIkon';
-import TilbakeTilOversiktLenke from '@/AvtaleSide/TilbakeTilOversiktLenke/TilbakeTilOversiktLenke';
-import LenkeKnapp from '@/komponenter/lenkeknapp/LenkeKnapp';
-import './OpprettelseFullfortArbeidsgiver.less';
-import { useParams } from 'react-router-dom';
-
-const OpprettelseFullfortArbeidsgiver: React.FunctionComponent = () => {
- const { avtaleId } = useParams();
- return (
- <>
-
-
-
-
-
- Avtalen er opprettet
-
-
- Avtalen er nå opprettet og du kan begynne å fylle den ut. Avtalen er nå også tilgjengelig for
- veilederne på NAV-kontoret til deltakeren.
-
-
-
- Gå til avtalen
-
-
-
- >
- );
-};
-
-export default OpprettelseFullfortArbeidsgiver;
diff --git a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less b/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less
deleted file mode 100644
index 63730e5e5..000000000
--- a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.less
+++ /dev/null
@@ -1,114 +0,0 @@
-@import (reference) '../../tiltak_variabler.less';
-
-.opprettelseFullfortVeileder {
- padding: 2rem 1rem;
- display: flex;
- flex-direction: column;
- align-items: center;
-
- &__innholdstittel {
- margin: 1rem 0 2rem 0;
- }
-
- &__undertittel {
- margin-top: 2rem;
- margin-bottom: 2rem;
- }
-
- &__kopier-knapp {
- margin-top: 3rem;
- width: 14rem;
- align-self: center;
- }
-
- &__knapp {
- margin-top: 3rem;
- margin-bottom: 1.5rem;
- width: 14rem;
- align-self: center;
- }
-
- &__sidetittel {
- &-wrapper {
- display: flex;
- flex-direction: column;
- margin: 2rem 0;
- }
-
- &-ikon {
- margin-bottom: 1rem;
- }
- }
-
- &__lenke {
- width: 100%;
- margin-bottom: 1rem;
- word-break: break-all;
- }
-
- &__lenkedeling {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- .nav-veilederpanel {
- padding-left: 1.5rem;
- padding-right: 1.5rem;
- padding-bottom: 2.5rem;
- margin-bottom: 1rem;
- border-color: @navBlaLighten60;
-
- .nav-veileder__frame img,
- .nav-veileder__frame svg {
- height: 100%;
- }
-
- p {
- margin-top: 1rem;
- }
- }
-
- .lenke {
- align-self: center;
- }
-
- p {
- margin-top: 1rem;
- }
-}
-
-@media (min-width: @screen-sm-min) {
- .opprettelseFullfortVeileder {
- margin: 0 auto;
- max-width: @screen-sm-min;
-
- &__sidetittel {
- &-wrapper {
- flex-direction: row;
- }
-
- &-ikon {
- margin-right: 1rem;
- margin-bottom: 0;
- }
- }
-
- &__lenke {
- margin-bottom: 0.7rem;
- margin-right: 1rem;
- font-size: 1.2rem;
- }
-
- &__lenkedeling {
- flex-direction: row;
- align-items: flex-end;
- justify-content: space-between;
- }
-
- .nav-veilederpanel {
- padding-left: 2rem;
- padding-right: 2rem;
- }
- }
-}
diff --git a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.tsx b/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.tsx
deleted file mode 100644
index dd7d37db0..000000000
--- a/src/OpprettAvtale/OpprettelseFullfortVeileder/OpprettelseFullfortVeileder.tsx
+++ /dev/null
@@ -1,66 +0,0 @@
-import { BodyShort, Button, Heading, Link } from '@navikt/ds-react';
-import React from 'react';
-import { copyTextToClipboard } from '@/utils/copyTextToClipboard';
-import { useNavigate, useParams } from 'react-router-dom';
-import VeilederpanelMedAvsjekkIkon from '@/komponenter/Veilederpanel/VeilederpanelMedAvsjekkIkon';
-import { pathTilKontaktinformasjonSteg, pathTilOversiktISelvbetjeningProd } from '@/paths';
-
-import './OpprettelseFullfortVeileder.less';
-import TilbakeTilOversiktLenke from '@/AvtaleSide/TilbakeTilOversiktLenke/TilbakeTilOversiktLenke';
-
-const OpprettelseFullfortVeileder: React.FunctionComponent = () => {
- const { avtaleId } = useParams();
- const navigate = useNavigate();
-
- const tilAvtalenKlikk = () => {
- navigate(pathTilKontaktinformasjonSteg(avtaleId!));
- };
-
- const inputLabel = (
- <>
-
- For at arbeidsgiver skal kunne fylle ut og godkjenne avtalen må du kopiere og sende dem lenken under.
-
-
- Når du har fylt ut telefonnummeret til alle i avtalen, så kan du sende den på SMS via "del lenke til
- avtalen" i menyen.
-
-
- Hvis det er ønskelig å sende lenke til avtalen via andre kanaler, for eksempel aktivitetsplanen eller
- e-post, er det adressen under som må benyttes.
-
- >
- );
-
- const veilederpanel = (
-
-
- Avtalen er opprettet
-
- {inputLabel}
-
-
- {pathTilOversiktISelvbetjeningProd}
-
-
copyTextToClipboard(pathTilOversiktISelvbetjeningProd)}
- className="opprettelseFullfortVeileder__kopier-knapp"
- >
- Kopier lenke
-
-
-
- );
-
- return (
-
- {veilederpanel}
-
- Gå til avtalen
-
-
-
- );
-};
-
-export default OpprettelseFullfortVeileder;
diff --git a/src/komponenter/Innholdsboks/Innholdsboks.tsx b/src/komponenter/Innholdsboks/Innholdsboks.tsx
index 26e93f688..d70121902 100644
--- a/src/komponenter/Innholdsboks/Innholdsboks.tsx
+++ b/src/komponenter/Innholdsboks/Innholdsboks.tsx
@@ -1,20 +1,16 @@
import * as React from 'react';
import './Innholdsboks.less';
import classnames from 'classnames';
-import UtfyllerBanner from './UfyllerBanner/UfyllerBanner';
import { PropsWithChildren } from 'react';
-type Utfyller = 'arbeidsgiver' | 'veileder' | 'veileder_og_arbeidsgiver' | undefined;
-
interface Props {
className?: string;
- utfyller?: Utfyller;
ariaLabel?: string;
+ style?: React.CSSProperties;
}
const Innholdsboks: React.FunctionComponent> = (props) => (
-
- {props.utfyller &&
}
+
);
diff --git a/src/komponenter/Innholdsboks/UfyllerBanner/UfyllerBanner.tsx b/src/komponenter/Innholdsboks/UfyllerBanner/UfyllerBanner.tsx
deleted file mode 100644
index 49c6f73a9..000000000
--- a/src/komponenter/Innholdsboks/UfyllerBanner/UfyllerBanner.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-import BEMHelper from '@/utils/bem';
-import classnames from 'classnames';
-import { BodyShort } from '@navikt/ds-react';
-import UtfyllingsIkon from '@/assets/ikoner/pen.svg?react';
-import './UtfyllerBanner.less';
-
-type Utfyller = 'arbeidsgiver' | 'veileder' | 'veileder_og_arbeidsgiver' | undefined;
-
-interface Props {
- utfyller: Utfyller;
-}
-
-const cls = BEMHelper('utfyllerBanner');
-
-const UfyllerBanner: React.FunctionComponent
= (props: Props) => {
- let wrapperClass: string;
- let utfyllesAv: string;
-
- if (props.utfyller === 'veileder') {
- wrapperClass = cls.element('veileder');
- utfyllesAv = 'Fylles ut av NAV';
- } else if (props.utfyller === 'arbeidsgiver') {
- wrapperClass = cls.element('arbeidsgiver');
- utfyllesAv = 'Fylles ut av arbeidsgiveren';
- } else if (props.utfyller === 'veileder_og_arbeidsgiver') {
- wrapperClass = cls.element('begge');
- utfyllesAv = 'Fylles ut av NAV og arbeidsgiveren';
- } else {
- return null;
- }
-
- return (
-
-
-
-
- {utfyllesAv}
-
-
-
- );
-};
-
-export default UfyllerBanner;
diff --git a/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less b/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less
deleted file mode 100644
index 05eda21b0..000000000
--- a/src/komponenter/Innholdsboks/UfyllerBanner/UtfyllerBanner.less
+++ /dev/null
@@ -1,28 +0,0 @@
-@import (reference) '../../../tiltak_variabler.less';
-
-.utfyllerBanner {
- display: flex;
- align-items: center;
- height: 2.5rem;
- border-radius: 4px 4px 0 0;
-
- &__arbeidsgiver {
- background-color: @navBlaLighten80;
- }
-
- &__veileder {
- background-color: @navLillaLighten80;
- }
-
- &__begge {
- background-color: #ffe9cc;
- }
-
- &__fyllesUtAvTekst {
- padding-left: 1rem;
- }
-
- &__utfyllingsIkon {
- margin-left: 2rem;
- }
-}
diff --git a/src/paths.ts b/src/paths.ts
index ecb8e6659..8cd92c4fb 100644
--- a/src/paths.ts
+++ b/src/paths.ts
@@ -16,14 +16,6 @@ export const pathTilOpprettAvtale = '/opprett-avtale';
export const pathTilOpprettAvtaleArbeidsgiver = '/opprett-avtale-arbeidsgiver';
-export const pathTilOpprettAvtaleFullfortVeileder = (avtaleId: string) =>
- `/opprett-avtale-fullfort-veileder/${avtaleId}`;
-
-export const pathTilOpprettAvtaleFullfortArbeidsgiver = (avtaleId: string) =>
- `/opprett-avtale-fullfort-arbeidsgiver/${avtaleId}`;
-
-export const pathTilOversiktISelvbetjeningProd = `https://arbeidsgiver.nav.no${basename}`;
-
export const inkludereIArbeidslivetLenke = 'https://www.nav.no/arbeidsgiver/inkludere';
export const pathTilAvtale = (avtaleId: string, rolle: Rolle = 'INGEN_ROLLE'): string =>
diff --git a/src/services/rest-service.ts b/src/services/rest-service.ts
index 41a814d45..4652139a8 100644
--- a/src/services/rest-service.ts
+++ b/src/services/rest-service.ts
@@ -364,10 +364,6 @@ export const hentFeatureTogglesVarianter = async (featureToggles: Feature[]): Pr
return response.data;
};
-export const delAvtaleMedAvtalepart = async (avtaleId: string, rolle: Rolle): Promise => {
- await api.post(`/avtaler/${avtaleId}/del-med-avtalepart`, JSON.stringify(rolle));
-};
-
export const oppdatereKostnadsstedet = async (avtaleId: string, kostnadssted: Kostnadssted): Promise => {
const response = await api.post(`avtaler/${avtaleId}/endre-kostnadssted`, JSON.stringify(kostnadssted));
return response.data;
diff --git a/src/stories/AvtaleStatuserArbeidsgiver.mdx b/src/stories/AvtaleStatuserArbeidsgiver.mdx
new file mode 100644
index 000000000..6bbc70084
--- /dev/null
+++ b/src/stories/AvtaleStatuserArbeidsgiver.mdx
@@ -0,0 +1,77 @@
+import { Meta, Story } from '@storybook/blocks';
+
+import * as ArbeidsgiverAvtaleStatuser from './AvtaleStatuserArbeidsgiver.stories';
+
+
+
+# Status meldinger arbeidsgiveren får under tiltak pågår
+
+De forskjellige statusene er UFORDELT, ANNULLERT, AVBRUTT, PÅBEGYNT, MANGLER GODKJENNING, KLAR FOR OPPSTART, GJENNOMFØRES og AVSLUTTET
+
+## UFORDELT
+
+Avtallen er ufordelt.
+Dette skjer når arbeidsgiver har opprettet en avtale men avtalen har enda ikke blitt tilknyttet en veileder
+
+
+
+## ANNULLERT
+
+Avtallen har blitt annullert av en veileder
+
+
+
+## AVBRUTT
+
+Avtalen er blitt avbrutt av en veileder
+
+
+
+## PÅBEGYNT
+
+Avtale er påbegynt
+Dette skjer når en avtale har blitt tilknyttet en veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtalen er ferdig fylt ut og mangler godkjenninger.
+Statusen når arbeidsgiver ikke har godkjent.
+
+
+
+## MANGLER GODKJENNING
+
+Avtalen er ferdig fylt ut og mangler godkjenninger.
+Avtale er godkjent av arbeidsgiver men mangler godkjenning fra deltaker eller veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtalen er ferdig fylt ut og mangler godkjenninger.
+Avtale er godkjent av arbeidsgiver og deltaker men mangler godkjenning fra veileder
+
+
+
+## KLAR FOR OPPSTART
+
+Avtale er Klar for oppstart.
+Alle partene har godkjent avtalen og tiltaket kan begynne når avtalens startdato har kommet.
+
+
+
+## GJENNOMFØRES
+
+Avtalen gjennomføres
+Alle partene har godkjent avtalen og tiltaket gjennomføres.
+
+
+
+## AVSLUTTET
+
+Avtalen er avsluttet
+Tiltaket har gått sin gang fra startDato til sluttDato
+
+
diff --git a/src/stories/AvtaleStatuserArbeidsgiver.stories.tsx b/src/stories/AvtaleStatuserArbeidsgiver.stories.tsx
new file mode 100644
index 000000000..8fe353eb4
--- /dev/null
+++ b/src/stories/AvtaleStatuserArbeidsgiver.stories.tsx
@@ -0,0 +1,225 @@
+import ArbeidsgiverAvtaleStatus from '@/AvtaleSide/AvtaleStatus/ArbeidsgiverAvtaleStatus';
+import { Meta, StoryObj } from '@storybook/react';
+import { AvbrytelseGrunn, AvtaleStatus } from '@/types/avtale';
+
+const meta = {
+ title: 'Tiltaksgjennomforing/Statuser/Arbeidsgiver',
+ component: ArbeidsgiverAvtaleStatus,
+ parameters: {
+ // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+ layout: 'fullscreen',
+ },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+const erUfordelt = {
+ erUfordelt: true,
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const ErUfordelt: Story = {
+ name: 'Annullert',
+ args: { avtale: erUfordelt },
+};
+
+const annullert = {
+ erUfordelt: false,
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const Annullert: Story = {
+ name: 'Annullert',
+ args: { avtale: annullert },
+};
+
+const avbrutt = {
+ erUfordelt: false,
+ statusSomEnum: 'AVBRUTT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const Avbrutt: Story = {
+ name: 'Avbrutt',
+ args: { avtale: avbrutt },
+};
+
+const påbegynt = {
+ erUfordelt: false,
+ statusSomEnum: 'PÅBEGYNT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const Påbegynt: Story = {
+ name: 'Påbegynt',
+ args: { avtale: påbegynt },
+};
+
+const manglerGodkjenningArbeidsgiverHarIkkeGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvDeltaker: '',
+ godkjentAvVeileder: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const ManglerGodkjenningArbeidsgiverHarIkkeGodkjent: Story = {
+ name: ' Mangler Godkjenning Arbeidsgiver har ikke godkjent avtalen enda',
+ args: { avtale: manglerGodkjenningArbeidsgiverHarIkkeGodkjent },
+};
+
+const manglerGodkjenningArbeidsgiverHarGodkjentMenIkkeDeltakerOgNAV = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '2024-05-03T12:26:24.40876',
+ godkjentAvDeltaker: '',
+ godkjentAvVeileder: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const ManglerGodkjenningArbeidsgiverHarGodkjentMenIkkeDeltakerOgNAV: Story = {
+ name: 'Mangler Godkjenning Arbeidisgiver har godkjent men manger godkjenning av Deltakeren og Veileder',
+ args: { avtale: manglerGodkjenningArbeidsgiverHarGodkjentMenIkkeDeltakerOgNAV },
+};
+
+const manglerGodkjenningFraVeilederArbeidsgiverOgDeltakerHarGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '2024-05-03T12:26:24.40876',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const ManglerGodkjenningFraVeilederArbeidsgiverOgDeltakerHarGodkjent: Story = {
+ name: 'Mangler Godkjenning Arbeidisgiver har godkjent men manger godkjenning av Deltakeren og Veileder',
+ args: { avtale: manglerGodkjenningFraVeilederArbeidsgiverOgDeltakerHarGodkjent },
+};
+
+const klarForOppstart = {
+ erUfordelt: false,
+ statusSomEnum: 'KLAR_FOR_OPPSTART' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const KlarForOppstart: Story = {
+ name: 'Klar For Oppstart',
+ args: { avtale: klarForOppstart },
+};
+
+const gjennomføres = {
+ erUfordelt: false,
+ statusSomEnum: 'GJENNOMFØRES' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ avtaleInngått: '2024-04-21',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const Gjennomføres: Story = {
+ name: 'Gjennomføres',
+ args: { avtale: gjennomføres },
+};
+
+const avsluttet = {
+ erUfordelt: false,
+ statusSomEnum: 'AVSLUTTET' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvDeltaker: '',
+ godkjentAvVeileder: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2024-05-01',
+ sluttDato: '2025-04-30',
+ },
+};
+
+export const Avsluttet: Story = {
+ name: 'Avsluttet',
+ args: { avtale: avsluttet },
+};
diff --git a/src/stories/AvtaleStatuserDeltaker.mdx b/src/stories/AvtaleStatuserDeltaker.mdx
new file mode 100644
index 000000000..8232f153d
--- /dev/null
+++ b/src/stories/AvtaleStatuserDeltaker.mdx
@@ -0,0 +1,59 @@
+import { Meta, Story } from '@storybook/blocks';
+
+import * as DeltakerAvtaleStatuser from './AvtaleStatuserDeltaker.stories';
+
+
+
+# Status meldinger deltaker får men han går på tiltak
+
+De forskjellige statusene er ANNULLERT, AVBRUTT, PÅBEGYNT, MANGLER_GODKJENNING, KLAR_FOR_OPPSTART, GJENNOMFØRES og AVSLUTTET.
+Deltaker har ikke statusen UFORDELT
+
+## ANNULLERT
+
+Avtallen har blitt annullert av en veileder
+
+
+
+## AVBRUTT
+
+Avtalen er blitt avbrutt av en veileder
+
+
+
+## PÅBEGYNT
+
+Avtale er påbegynt
+Dette skjer når en avtale har blitt tilknyttet en veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er godkjent av deltaker men mangler godkjenning fra arbeidsgiver
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er ikke godkjent av deltaker
+
+
+
+## KLAR FOR OPPSTART
+
+Avtale er Klar for oppstart
+
+
+
+## GJENNOMFØRES
+
+Avtalen Gjennomføres
+
+
+
+## AVSLUTTET
+
+Avtalen er avsluttet
+
+
diff --git a/src/stories/AvtaleStatuserDeltaker.stories.tsx b/src/stories/AvtaleStatuserDeltaker.stories.tsx
new file mode 100644
index 000000000..02e5e777a
--- /dev/null
+++ b/src/stories/AvtaleStatuserDeltaker.stories.tsx
@@ -0,0 +1,167 @@
+import DeltakerAvtaleStatus from '@/AvtaleSide/AvtaleStatus/DeltakerAvtaleStatus';
+import { Meta, StoryObj } from '@storybook/react';
+import { AvbrytelseGrunn, AvtaleStatus } from '@/types/avtale';
+
+const meta = {
+ title: 'Tiltaksgjennomforing/Statuser/Deltaker',
+ component: DeltakerAvtaleStatus,
+ parameters: {
+ // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+ layout: 'fullscreen',
+ },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+const annullert = {
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvDeltaker: '20-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Annullert: Story = {
+ name: 'Annullert',
+ args: { avtale: annullert },
+};
+
+const avbrutt = {
+ statusSomEnum: 'AVBRUTT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvDeltaker: '20-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avbrutt: Story = {
+ name: 'Avbrutt',
+ args: { avtale: avbrutt },
+};
+
+const påbegynt = {
+ statusSomEnum: 'PÅBEGYNT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ godkjentAvDeltaker: '20-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Påbegynt: Story = {
+ name: 'Påbegynt',
+ args: { avtale: påbegynt },
+};
+
+const manglerGodkjenningDeltakerHarGodkjent = {
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvDeltaker: '2024-05-03T12:26:24.40876',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningDeltakerHarGodkjent: Story = {
+ name: 'Mangler Godkjenning Deltaker har godkjent men manger godkjenning av Arbeidsgiver og Veileder',
+ args: { avtale: manglerGodkjenningDeltakerHarGodkjent },
+};
+
+const manglerGodkjenningDeltakerHarIkkeGodkjent = {
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvDeltaker: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningDeltakerHarIkkeGodkjent: Story = {
+ name: ' Mangler Godkjenning Deltaker har ikke godkjent avtalen enda',
+ args: { avtale: manglerGodkjenningDeltakerHarIkkeGodkjent },
+};
+
+const klarForOppstart = {
+ statusSomEnum: 'KLAR_FOR_OPPSTART' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvDeltaker: '',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const KlarForOppstart: Story = {
+ name: 'Klar For Oppstart',
+ args: { avtale: klarForOppstart },
+};
+
+const gjennomføres = {
+ statusSomEnum: 'GJENNOMFØRES' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvDeltaker: '',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Gjennomføres: Story = {
+ name: 'Gjennomføres',
+ args: { avtale: gjennomføres },
+};
+
+const avsluttet = {
+ statusSomEnum: 'AVSLUTTET' as AvtaleStatus,
+ annullertTidspunkt: '',
+ godkjentAvDeltaker: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttDato: '2021-08-01',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avsluttet: Story = {
+ name: 'Avsluttet',
+ args: { avtale: avsluttet },
+};
diff --git a/src/stories/AvtaleStatuserMentor.mdx b/src/stories/AvtaleStatuserMentor.mdx
new file mode 100644
index 000000000..7d195ca56
--- /dev/null
+++ b/src/stories/AvtaleStatuserMentor.mdx
@@ -0,0 +1,53 @@
+import { Meta, Story } from '@storybook/blocks';
+
+import * as MentorAvtaleStatuser from './AvtaleStatuserMentor.stories';
+
+
+
+# Status meldinger deltaker får men han går på tiltak
+
+De forskjellige statusene er ANNULLERT, AVBRUTT, PÅBEGYNT, MANGLER_GODKJENNING, KLAR_FOR_OPPSTART, GJENNOMFØRES og AVSLUTTET.
+Mentor har ikke statusen UFORDELT
+
+## ANNULLERT
+
+Avtallen har blitt annullert av en veileder
+
+
+
+## AVBRUTT
+
+Avtalen er blitt avbrutt av en veileder
+
+
+
+## PÅBEGYNT
+
+Avtale er påbegynt
+Dette skjer når en avtale har blitt tilknyttet en veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtale har ikke blitt godkjent av de andre partene enda.
+
+
+
+## KLAR_FOR_OPPSTART
+
+Avtale er Klar for oppstart
+
+
+
+## GJENNOMFØRES
+
+Avtalen gjennomføres
+
+
+
+## AVSLUTTET
+
+Avtalen er avsluttet
+
+
diff --git a/src/stories/AvtaleStatuserMentor.stories.tsx b/src/stories/AvtaleStatuserMentor.stories.tsx
new file mode 100644
index 000000000..716a94a0f
--- /dev/null
+++ b/src/stories/AvtaleStatuserMentor.stories.tsx
@@ -0,0 +1,134 @@
+import MentorAvtaleStatus from '@/AvtaleSide/AvtaleStatus/MentorAvtaleStatus';
+import { Meta, StoryObj } from '@storybook/react';
+import { AvbrytelseGrunn, AvtaleStatus } from '@/types/avtale';
+
+const meta = {
+ title: 'Tiltaksgjennomforing/Statuser/Mentor',
+ component: MentorAvtaleStatus,
+ parameters: {
+ // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+ layout: 'fullscreen',
+ },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+const annullert = {
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Annullert: Story = {
+ name: 'Annullert',
+ args: { avtale: annullert },
+};
+
+const avbrutt = {
+ statusSomEnum: 'AVBRUTT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avbrutt: Story = {
+ name: 'Avbrutt',
+ args: { avtale: avbrutt },
+};
+
+const påbegynt = {
+ statusSomEnum: 'PÅBEGYNT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Påbegynt: Story = {
+ name: 'Påbegynt',
+ args: { avtale: påbegynt },
+};
+
+const manglerGodkjenning = {
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenning: Story = {
+ name: 'Mangler Godkjenning Arbeidisgiver har godkjent men manger godkjenning av Deltakeren og Veileder',
+ args: { avtale: manglerGodkjenning },
+};
+
+const klarForOppstart = {
+ statusSomEnum: 'KLAR_FOR_OPPSTART' as AvtaleStatus,
+ annullertTidspunkt: '',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const KlarForOppstart: Story = {
+ name: 'Klar For Oppstart',
+ args: { avtale: klarForOppstart },
+};
+
+const gjennomføres = {
+ statusSomEnum: 'GJENNOMFØRES' as AvtaleStatus,
+ annullertTidspunkt: '',
+ avtaleInngått: '2021-08-01',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Gjennomføres: Story = {
+ name: 'Gjennomføres',
+ args: { avtale: gjennomføres },
+};
+
+const avsluttet = {
+ statusSomEnum: 'AVSLUTTET' as AvtaleStatus,
+ annullertTidspunkt: '',
+ avtaleInngått: '',
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avsluttet: Story = {
+ name: 'Avsluttet',
+ args: { avtale: avsluttet },
+};
diff --git a/src/stories/AvtaleStatuserVeileder.mdx b/src/stories/AvtaleStatuserVeileder.mdx
new file mode 100644
index 000000000..3318fedbc
--- /dev/null
+++ b/src/stories/AvtaleStatuserVeileder.mdx
@@ -0,0 +1,91 @@
+import { Meta, Story } from '@storybook/blocks';
+
+import * as VeilederAvtaleStatuser from './AvtaleStatuserVeileder.stories';
+
+
+
+# Status meldinger deltaker får men han går på tiltak
+
+De forskjellige statusene er UFORDELT, ANNULLERT, AVBRUTT, PÅBEGYNT, MANGLER GODKJENNING, KLAR FOR OPPSTART, GJENNOMFØRES og AVSLUTTET
+
+## UFORDELT
+
+Avtallen er ufordelt
+Dette skjer når arbeidsgiver har opprettet en avtale men avtalen har enda ikke blitt tilknyttet en veileder
+
+
+
+## ANNULLERT
+
+Avtallen har blitt annullert av en veileder
+
+
+
+## AVBRUTT
+
+Avtalen er blitt avbrutt av en veileder
+
+
+
+## PÅBEGYNT
+
+Avtale er påbegynt
+Dette skjer når en avtale har blitt tilknyttet en veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er godkjent av veileder men mangler godkjenning fra beslutter
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er godkjent av arbeidsgiver og deltaker men ikke Veileder
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er godkjent av deltaker men mangler godkjenning fra arbeidsgiver
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er godkjent av arbeidsgiver men mangler godkjenning fra deltaker
+
+
+
+## MANGLER GODKJENNING
+
+Avtale er mangler godkjenning av arbeidsgiver og deltaker
+
+
+
+## KLAR FOR OPPSTART
+
+Avtale er klar for oppstart Utenfor Arena
+Vil gjelde Arbeidstrening, Mentor og Inkluderingstilskudd siden disse er fortsatt i Arena
+
+
+
+## KLAR_FOR_OPPSTART
+
+Avtale er klar For oppstart i Arena
+Vil gjelde Sommerjobb, Midlertidig Lønnstilskudd og Varig Lønnstilskudd siden disse er ute av Arena
+
+
+
+## GJENNOMFØRES
+
+Avtalen gjennomføres
+
+
+
+## AVSLUTTET
+
+Avtalen er avsluttet
+
+
diff --git a/src/stories/AvtaleStatuserVeileder.stories.tsx b/src/stories/AvtaleStatuserVeileder.stories.tsx
new file mode 100644
index 000000000..aaa6a6eab
--- /dev/null
+++ b/src/stories/AvtaleStatuserVeileder.stories.tsx
@@ -0,0 +1,860 @@
+import VeilederAvtaleStatus from '@/AvtaleSide/AvtaleStatus/VeilederAvtaleStatus';
+import { Meta, StoryObj } from '@storybook/react';
+import { AvbrytelseGrunn, AvtaleStatus, TilskuddPeriodeStatus, TiltaksType } from '@/types/avtale';
+
+const meta = {
+ title: 'Tiltaksgjennomforing/Statuser/Veileder',
+ component: VeilederAvtaleStatus,
+ parameters: {
+ // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
+ layout: 'fullscreen',
+ },
+} satisfies Meta;
+
+export default meta;
+type Story = StoryObj;
+
+const erUfordelt = {
+ erUfordelt: true,
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ErUfordelt: Story = {
+ name: 'Annullert',
+ args: { avtale: erUfordelt },
+};
+
+const annullert = {
+ erUfordelt: false,
+ statusSomEnum: 'ANNULLERT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Annullert: Story = {
+ name: 'Annullert',
+ args: { avtale: annullert },
+};
+
+const avbrutt = {
+ erUfordelt: false,
+ statusSomEnum: 'AVBRUTT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avbrutt: Story = {
+ name: 'Avbrutt',
+ args: { avtale: avbrutt },
+};
+
+const påbegynt = {
+ erUfordelt: false,
+ statusSomEnum: 'PÅBEGYNT' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Påbegynt: Story = {
+ name: 'Påbegynt',
+ args: { avtale: påbegynt },
+};
+
+const manglerGodkjenningVeilederHarGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningVeilederHarGodkjent: Story = {
+ name: 'Mangler Godkjenning Veileder har godkjent men manger godkjenning av Beslutter',
+ args: { avtale: manglerGodkjenningVeilederHarGodkjent },
+};
+
+const manglerGodkjenningDeltakerOgArbeidsgiverHarGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningDeltakerOgArbeidsgiverHarGodkjent: Story = {
+ name: ' Mangler Godkjenning Deltaker og Arbeidsgiver har godkjent avtalen',
+ args: { avtale: manglerGodkjenningDeltakerOgArbeidsgiverHarGodkjent },
+};
+
+const manglerGodkjenningDeltakerHarGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvVeileder: '',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningDeltakerHarGodkjent: Story = {
+ name: 'Mangler Godkjenning Deltaker har godkjent men manger godkjenning av Arbeidsgiver',
+ args: { avtale: manglerGodkjenningDeltakerHarGodkjent },
+};
+
+const manglerGodkjenningArbeidsgiverHarGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '',
+ godkjentAvArbeidsgiver: '2024-05-10',
+ godkjentAvVeileder: '',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningArbeidsgiverHarGodkjent: Story = {
+ name: 'Mangler Godkjenning Arbeidisgiver har godkjent men manger godkjenning av Deltakeren',
+ args: { avtale: manglerGodkjenningArbeidsgiverHarGodkjent },
+};
+
+const manglerGodkjenningArbeidsgiverOgDeltakerHarIkkeGodkjent = {
+ erUfordelt: false,
+ statusSomEnum: 'MANGLER_GODKJENNING' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '',
+ godkjentAvArbeidsgiver: '',
+ godkjentAvVeileder: '',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const ManglerGodkjenningArbeidsgiverOgDeltakerHarIkkeGodkjent: Story = {
+ name: 'Mangler Godkjenning Arbeidisgiver har godkjent men manger godkjenning av Deltakeren og Veileder',
+ args: { avtale: manglerGodkjenningArbeidsgiverOgDeltakerHarIkkeGodkjent },
+};
+
+const klarForOppstartUteforArena = {
+ erUfordelt: false,
+ statusSomEnum: 'KLAR_FOR_OPPSTART' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const KlarForOppstartUteforArena: Story = {
+ name: 'Klar For Oppstart',
+ args: { avtale: klarForOppstartUteforArena },
+};
+
+const klarForOppstartArena = {
+ erUfordelt: false,
+ statusSomEnum: 'KLAR_FOR_OPPSTART' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'INKLUDERINGSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const KlarForOppstartArena: Story = {
+ name: 'Klar For Oppstart',
+ args: { avtale: klarForOppstartArena },
+};
+
+const gjennomføres = {
+ erUfordelt: false,
+ statusSomEnum: 'GJENNOMFØRES' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Gjennomføres: Story = {
+ name: 'Gjennomføres',
+ args: { avtale: gjennomføres },
+};
+
+const avsluttet = {
+ erUfordelt: false,
+ statusSomEnum: 'AVSLUTTET' as AvtaleStatus,
+ annullertTidspunkt: '2021-08-01',
+ tiltakstype: 'MIDLERTIDIG_LONNSTILSKUDD' as TiltaksType,
+ tilskuddPeriode: [
+ {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ ],
+ godkjentAvDeltaker: '2021-08-01',
+ godkjentAvArbeidsgiver: '20-08-01',
+ godkjentAvVeileder: '2021-08-01',
+ gjeldendeTilskuddsperiode: {
+ beløp: 23324,
+ startDato: '2023-05-03',
+ sluttDato: '2023-05-31',
+ lonnstilskuddProsent: 60,
+ id: '370b1f98-9431-4286-98ce-1cc61c824cb2',
+ godkjentAvNavIdent: undefined,
+ godkjentTidspunkt: undefined,
+ enhet: undefined,
+ enhetsnavn: undefined,
+ avslagsårsaker: new Set([]),
+ avslagsforklaring: undefined,
+ avslåttAvNavIdent: undefined,
+ avslåttTidspunkt: undefined,
+ løpenummer: 1,
+ status: 'UBEHANDLET' as TilskuddPeriodeStatus,
+ refusjonStatus: undefined,
+ aktiv: true,
+ kanBesluttesFom: '-999999999-01-01',
+ },
+ avtaleInngått: '2021-08-01',
+ erAnnullertEllerAvbrutt: true,
+ annullertGrunn: 'annulert grunn',
+ avbruttGrunn: 'Begynt i arbeid' as AvbrytelseGrunn,
+ gjeldendeInnhold: {
+ startDato: '2021-08-01',
+ sluttDato: '2021-08-01',
+ },
+};
+
+export const Avsluttet: Story = {
+ name: 'Avsluttet',
+ args: { avtale: avsluttet },
+};