From f6e37eea506174c7ee690021c9535de72401cbfe Mon Sep 17 00:00:00 2001 From: Marcus Date: Wed, 15 Jan 2025 13:53:16 +0100 Subject: [PATCH 01/10] =?UTF-8?q?legge=20til=20arbeids=C3=B8ker=20s=C3=B8k?= =?UTF-8?q?nad=20i=20ny=20modernisert=20flyt.=20med=20feturetoggle?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../innsending/api.ts" | 12 ++++ .../steg/2-Oppsummering.tsx" | 62 ++++++++++++------- 2 files changed, 50 insertions(+), 24 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/innsending/api.ts" "b/src/arbeidss\303\270kerskjema/innsending/api.ts" index 072ccaa84..22476fe89 100644 --- "a/src/arbeidss\303\270kerskjema/innsending/api.ts" +++ "b/src/arbeidss\303\270kerskjema/innsending/api.ts" @@ -12,3 +12,15 @@ export const sendInnSkjema = async (skjema: object) => { ); return response.data; }; + +export const sendInnArbeidsøkerSkjemaFamiliePdf = async (skjema: object) => { + const response = await axios.post( + `${Environment().apiProxyUrl}/api/søknadskvittering/arbeidssoker`, + skjema, + { + headers: { 'Content-Type': 'application/json;charset=utf-8' }, + withCredentials: true, + } + ); + return response.data; +}; diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index 62535fe56..fe07b2c03 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -12,7 +12,10 @@ import { useSkjema } from '../SkjemaContext'; import { VisLabelOgSvar } from '../../utils/visning'; import { IArbeidssøker } from '../../models/steg/aktivitet/arbeidssøker'; import LenkeMedIkon from '../../components/knapper/LenkeMedIkon'; -import { sendInnSkjema } from '../innsending/api'; +import { + sendInnArbeidsøkerSkjemaFamiliePdf, + sendInnSkjema, +} from '../innsending/api'; import { IStatus } from '../innsending/typer'; import LocaleTekst from '../../language/LocaleTekst'; import SeksjonGruppe from '../../components/gruppe/SeksjonGruppe'; @@ -28,6 +31,8 @@ import { logSidevisningArbeidssokerskjema } from '../../utils/amplitude'; import { useMount } from '../../utils/hooks'; import { useLokalIntlContext } from '../../context/LokalIntlContext'; import { Alert, BodyShort, Button, Heading } from '@navikt/ds-react'; +import { useToggles } from '../../context/TogglesContext'; +import { ToggleName } from '../../models/søknad/toggles'; interface Innsending { status: IStatus; @@ -37,6 +42,7 @@ interface Innsending { const Oppsummering: React.FC = () => { const location = useLocation(); + const { toggles } = useToggles(); const navigate = useNavigate(); const intl = useLokalIntlContext(); const { skjema, settSkjema } = useSkjema(); @@ -57,32 +63,40 @@ const Oppsummering: React.FC = () => { useMount(() => logSidevisningArbeidssokerskjema('Oppsummering')); + const sendInnArbeidsøkerSkjema = async ( + mappetSkjema: Record + ) => { + try { + const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; + const kvittering = brukModernisertFlyt + ? await sendInnArbeidsøkerSkjemaFamiliePdf(mappetSkjema) + : await sendInnSkjema(mappetSkjema); + + settinnsendingState({ + ...innsendingState, + status: IStatus.SUKSESS, + melding: `Vi har kontakt: ${kvittering.text}`, + venter: false, + }); + settSkjema({ + ...skjema, + innsendingsdato: parseISO(kvittering.mottattDato), + }); + navigate(nesteRoute.path); + } catch (e) { + settinnsendingState({ + ...innsendingState, + status: IStatus.FEILET, + melding: `Noe gikk galt: ${e}`, + venter: false, + }); + } + }; + const sendSkjema = (arbeidssøker: IArbeidssøker) => { const mappetSkjema = mapDataTilLabelOgVerdiTyper(arbeidssøker); - settinnsendingState({ ...innsendingState, venter: true }); - sendInnSkjema(mappetSkjema) - .then((kvittering) => { - settinnsendingState({ - ...innsendingState, - status: IStatus.SUKSESS, - melding: `Vi har kontakt: ${kvittering.text}`, - venter: false, - }); - settSkjema({ - ...skjema, - innsendingsdato: parseISO(kvittering.mottattDato), - }); - navigate(nesteRoute.path); - }) - .catch((e) => - settinnsendingState({ - ...innsendingState, - status: IStatus.FEILET, - melding: `Noe gikk galt: ${e}`, - venter: false, - }) - ); + sendInnArbeidsøkerSkjema(mappetSkjema); }; return ( From 6a6029a40631b6dce295a61b4da9c493090f12d7 Mon Sep 17 00:00:00 2001 From: Marcus Date: Wed, 15 Jan 2025 16:33:30 +0100 Subject: [PATCH 02/10] =?UTF-8?q?soknadskvittering=20ikke=20s=C3=B8knadskv?= =?UTF-8?q?ittering?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- "src/arbeidss\303\270kerskjema/innsending/api.ts" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/src/arbeidss\303\270kerskjema/innsending/api.ts" "b/src/arbeidss\303\270kerskjema/innsending/api.ts" index 22476fe89..2aee8a8ec 100644 --- "a/src/arbeidss\303\270kerskjema/innsending/api.ts" +++ "b/src/arbeidss\303\270kerskjema/innsending/api.ts" @@ -15,7 +15,7 @@ export const sendInnSkjema = async (skjema: object) => { export const sendInnArbeidsøkerSkjemaFamiliePdf = async (skjema: object) => { const response = await axios.post( - `${Environment().apiProxyUrl}/api/søknadskvittering/arbeidssoker`, + `${Environment().apiProxyUrl}/api/soknadskvittering/arbeidssoker`, skjema, { headers: { 'Content-Type': 'application/json;charset=utf-8' }, From 0fd7409aa06d8ad497c28de7592c9c91351c6b72 Mon Sep 17 00:00:00 2001 From: Marcus Date: Thu, 16 Jan 2025 09:23:26 +0100 Subject: [PATCH 03/10] log --- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index fe07b2c03..bdb22667a 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -67,7 +67,10 @@ const Oppsummering: React.FC = () => { mappetSkjema: Record ) => { try { - const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; + console.log('mappetSkjema', mappetSkjema); + + const brukModernisertFlyt = + toggles[ToggleName.visNyInnsendingsknapp] || true; const kvittering = brukModernisertFlyt ? await sendInnArbeidsøkerSkjemaFamiliePdf(mappetSkjema) : await sendInnSkjema(mappetSkjema); @@ -94,6 +97,8 @@ const Oppsummering: React.FC = () => { }; const sendSkjema = (arbeidssøker: IArbeidssøker) => { + console.log('send skjema'); + const mappetSkjema = mapDataTilLabelOgVerdiTyper(arbeidssøker); settinnsendingState({ ...innsendingState, venter: true }); sendInnArbeidsøkerSkjema(mappetSkjema); From 9fbed38d0741b9d00643ee08d036ddb635ee1c82 Mon Sep 17 00:00:00 2001 From: Marcus Date: Thu, 16 Jan 2025 10:05:45 +0100 Subject: [PATCH 04/10] rm log --- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 4 ---- 1 file changed, 4 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index bdb22667a..9e5604020 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -67,8 +67,6 @@ const Oppsummering: React.FC = () => { mappetSkjema: Record ) => { try { - console.log('mappetSkjema', mappetSkjema); - const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp] || true; const kvittering = brukModernisertFlyt @@ -97,8 +95,6 @@ const Oppsummering: React.FC = () => { }; const sendSkjema = (arbeidssøker: IArbeidssøker) => { - console.log('send skjema'); - const mappetSkjema = mapDataTilLabelOgVerdiTyper(arbeidssøker); settinnsendingState({ ...innsendingState, venter: true }); sendInnArbeidsøkerSkjema(mappetSkjema); From 5027005c8c47c3725a5e2fdecf6927689e045236 Mon Sep 17 00:00:00 2001 From: Marcus Date: Fri, 17 Jan 2025 11:11:37 +0100 Subject: [PATCH 05/10] fix --- "src/arbeidss\303\270kerskjema/innsending/api.ts" | 2 +- .../arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 10 +++------- 2 files changed, 4 insertions(+), 8 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/innsending/api.ts" "b/src/arbeidss\303\270kerskjema/innsending/api.ts" index 2aee8a8ec..0baace18a 100644 --- "a/src/arbeidss\303\270kerskjema/innsending/api.ts" +++ "b/src/arbeidss\303\270kerskjema/innsending/api.ts" @@ -13,7 +13,7 @@ export const sendInnSkjema = async (skjema: object) => { return response.data; }; -export const sendInnArbeidsøkerSkjemaFamiliePdf = async (skjema: object) => { +export const sendInnArbeidsøkerSkjema = async (skjema: object) => { const response = await axios.post( `${Environment().apiProxyUrl}/api/soknadskvittering/arbeidssoker`, skjema, diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index 9e5604020..e2662cdcb 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -12,10 +12,7 @@ import { useSkjema } from '../SkjemaContext'; import { VisLabelOgSvar } from '../../utils/visning'; import { IArbeidssøker } from '../../models/steg/aktivitet/arbeidssøker'; import LenkeMedIkon from '../../components/knapper/LenkeMedIkon'; -import { - sendInnArbeidsøkerSkjemaFamiliePdf, - sendInnSkjema, -} from '../innsending/api'; +import { sendInnSkjema } from '../innsending/api'; import { IStatus } from '../innsending/typer'; import LocaleTekst from '../../language/LocaleTekst'; import SeksjonGruppe from '../../components/gruppe/SeksjonGruppe'; @@ -66,11 +63,10 @@ const Oppsummering: React.FC = () => { const sendInnArbeidsøkerSkjema = async ( mappetSkjema: Record ) => { + const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; try { - const brukModernisertFlyt = - toggles[ToggleName.visNyInnsendingsknapp] || true; const kvittering = brukModernisertFlyt - ? await sendInnArbeidsøkerSkjemaFamiliePdf(mappetSkjema) + ? await sendInnArbeidsøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); settinnsendingState({ From 7e4efa15748dfdc3ac0cc31d64774055b6a366e8 Mon Sep 17 00:00:00 2001 From: Marcus Date: Mon, 20 Jan 2025 09:01:36 +0100 Subject: [PATCH 06/10] rename funksjon --- "src/arbeidss\303\270kerskjema/innsending/api.ts" | 2 +- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/innsending/api.ts" "b/src/arbeidss\303\270kerskjema/innsending/api.ts" index 0baace18a..e37a19f9a 100644 --- "a/src/arbeidss\303\270kerskjema/innsending/api.ts" +++ "b/src/arbeidss\303\270kerskjema/innsending/api.ts" @@ -13,7 +13,7 @@ export const sendInnSkjema = async (skjema: object) => { return response.data; }; -export const sendInnArbeidsøkerSkjema = async (skjema: object) => { +export const sendInnArbeidssøkerSkjema = async (skjema: object) => { const response = await axios.post( `${Environment().apiProxyUrl}/api/soknadskvittering/arbeidssoker`, skjema, diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index e2662cdcb..8f67da49a 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -12,7 +12,7 @@ import { useSkjema } from '../SkjemaContext'; import { VisLabelOgSvar } from '../../utils/visning'; import { IArbeidssøker } from '../../models/steg/aktivitet/arbeidssøker'; import LenkeMedIkon from '../../components/knapper/LenkeMedIkon'; -import { sendInnSkjema } from '../innsending/api'; +import { sendInnArbeidssøkerSkjema, sendInnSkjema } from '../innsending/api'; import { IStatus } from '../innsending/typer'; import LocaleTekst from '../../language/LocaleTekst'; import SeksjonGruppe from '../../components/gruppe/SeksjonGruppe'; @@ -60,13 +60,13 @@ const Oppsummering: React.FC = () => { useMount(() => logSidevisningArbeidssokerskjema('Oppsummering')); - const sendInnArbeidsøkerSkjema = async ( + const sendInnArbeidsøkerSkjemaOgNavigerVidere = async ( mappetSkjema: Record ) => { const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; try { const kvittering = brukModernisertFlyt - ? await sendInnArbeidsøkerSkjema(mappetSkjema) + ? await sendInnArbeidssøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); settinnsendingState({ @@ -93,7 +93,7 @@ const Oppsummering: React.FC = () => { const sendSkjema = (arbeidssøker: IArbeidssøker) => { const mappetSkjema = mapDataTilLabelOgVerdiTyper(arbeidssøker); settinnsendingState({ ...innsendingState, venter: true }); - sendInnArbeidsøkerSkjema(mappetSkjema); + sendInnArbeidsøkerSkjemaOgNavigerVidere(mappetSkjema); }; return ( From a2190ab136929e4a1a617bf997a482ab810b7cba Mon Sep 17 00:00:00 2001 From: Marcus Date: Mon, 20 Jan 2025 09:18:20 +0100 Subject: [PATCH 07/10] fix --- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index 8f67da49a..ef35d3168 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -63,8 +63,8 @@ const Oppsummering: React.FC = () => { const sendInnArbeidsøkerSkjemaOgNavigerVidere = async ( mappetSkjema: Record ) => { - const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; try { + const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; const kvittering = brukModernisertFlyt ? await sendInnArbeidssøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); From f6773c2482fb9592a6d2dfc7ecebe5ca353e2215 Mon Sep 17 00:00:00 2001 From: Marcus Date: Mon, 20 Jan 2025 09:28:18 +0100 Subject: [PATCH 08/10] log for debug --- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 2 ++ 1 file changed, 2 insertions(+) diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index ef35d3168..e4402c7a6 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -65,6 +65,8 @@ const Oppsummering: React.FC = () => { ) => { try { const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; + console.log('brukModernisertFlyt:', brukModernisertFlyt); + console.log('toggles:', toggles); const kvittering = brukModernisertFlyt ? await sendInnArbeidssøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); From 260136ef8ee84942e6964a3cbece756c7993f0e9 Mon Sep 17 00:00:00 2001 From: Marcus Date: Mon, 20 Jan 2025 10:18:25 +0100 Subject: [PATCH 09/10] hente featuretoggle fra unleash --- "src/arbeidss\303\270kerskjema/SkjemaApp.tsx" | 12 ++++++++++++ .../steg/2-Oppsummering.tsx" | 2 -- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/SkjemaApp.tsx" "b/src/arbeidss\303\270kerskjema/SkjemaApp.tsx" index d43dd7922..652a67467 100644 --- "a/src/arbeidss\303\270kerskjema/SkjemaApp.tsx" +++ "b/src/arbeidss\303\270kerskjema/SkjemaApp.tsx" @@ -13,6 +13,8 @@ import Kvittering from './steg/3-Kvittering'; import { SkjemaProvider } from './SkjemaContext'; import RedirectArbeidssoker from './routes/RedirectArbeidssoker'; import { Loader } from '@navikt/ds-react'; +import { useToggles } from '../context/TogglesContext'; +import hentToggles from '../toggles/api'; const App = () => { const [autentisert, settAutentisering] = useState(false); @@ -25,9 +27,16 @@ const App = () => { ident, visningsnavn, }; + const { settToggles } = useToggles(); autentiseringsInterceptor(); + const fetchToggles = () => { + return hentToggles(settToggles).catch(() => { + settError(true); + }); + }; + useEffect(() => { verifiserAtBrukerErAutentisert(settAutentisering); }, [autentisert]); @@ -39,6 +48,9 @@ const App = () => { .then((response) => { settIdent(response.ident); settVisningsnavn(response.visningsnavn); + }) + .then(() => { + fetchToggles(); settError(false); settFeilmelding(''); diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index e4402c7a6..ef35d3168 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -65,8 +65,6 @@ const Oppsummering: React.FC = () => { ) => { try { const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; - console.log('brukModernisertFlyt:', brukModernisertFlyt); - console.log('toggles:', toggles); const kvittering = brukModernisertFlyt ? await sendInnArbeidssøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); From 28203a67a5f85e784cfd8f99006da07c65b10b64 Mon Sep 17 00:00:00 2001 From: Marcus Date: Mon, 20 Jan 2025 11:01:15 +0100 Subject: [PATCH 10/10] fiks ekommentarer --- "src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" index ef35d3168..4d6849c9c 100644 --- "a/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" +++ "b/src/arbeidss\303\270kerskjema/steg/2-Oppsummering.tsx" @@ -60,11 +60,11 @@ const Oppsummering: React.FC = () => { useMount(() => logSidevisningArbeidssokerskjema('Oppsummering')); - const sendInnArbeidsøkerSkjemaOgNavigerVidere = async ( + const sendInnArbeidssøkerSkjemaOgNavigerVidere = async ( mappetSkjema: Record ) => { + const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; try { - const brukModernisertFlyt = toggles[ToggleName.visNyInnsendingsknapp]; const kvittering = brukModernisertFlyt ? await sendInnArbeidssøkerSkjema(mappetSkjema) : await sendInnSkjema(mappetSkjema); @@ -93,7 +93,7 @@ const Oppsummering: React.FC = () => { const sendSkjema = (arbeidssøker: IArbeidssøker) => { const mappetSkjema = mapDataTilLabelOgVerdiTyper(arbeidssøker); settinnsendingState({ ...innsendingState, venter: true }); - sendInnArbeidsøkerSkjemaOgNavigerVidere(mappetSkjema); + sendInnArbeidssøkerSkjemaOgNavigerVidere(mappetSkjema); }; return (