Send med søknadstype som argument til amplitude-logging

Author: kristeine

src/frontend/components/Felleskomponenter/Steg/Steg.tsx

@@ -96,6 +96,7 @@ const Steg: React.FC<ISteg> = ({ tittel, skjema, gåVidereCallback, children })
         erUtvidet,
         settNåværendeRoute,
         modellVersjonOppdatert,
+        søknad,
     } = useApp();
     const {
         hentNesteSteg,
@@ -112,7 +113,7 @@ const Steg: React.FC<ISteg> = ({ tittel, skjema, gåVidereCallback, children })
     const nåværendeStegIndex = hentNåværendeStegIndex();
 
     const nyesteNåværendeRoute: RouteEnum = hentNåværendeSteg().route;
-    useFørsteRender(() => logSidevisningBarnetrygd(nyesteNåværendeRoute));
+    useFørsteRender(() => logSidevisningBarnetrygd(nyesteNåværendeRoute, søknad.søknadstype));
 
     useEffect(() => {
         window.scrollTo(0, 0);
@@ -140,13 +141,13 @@ const Steg: React.FC<ISteg> = ({ tittel, skjema, gåVidereCallback, children })
         }
         const målPath = komFra?.path ?? nesteRoute.path;
         komFra && settKomFra(undefined);
-        logSkjemaStegFullført(hentNåværendeStegIndex() + 1);
+        logSkjemaStegFullført(hentNåværendeStegIndex() + 1, søknad.søknadstype);
         navigate(målPath);
     };
 
     const håndterGåVidere = event => {
         event.preventDefault();
-        logKlikkGåVidere(hentNåværendeStegIndex() + 1);
+        logKlikkGåVidere(hentNåværendeStegIndex() + 1, søknad.søknadstype);
         if (skjema) {
             if (skjema.validerFelterOgVisFeilmelding()) {
                 skjema.settSøknadsdataCallback();

src/frontend/components/SøknadsSteg/Forside/Forside.tsx

@@ -72,7 +72,7 @@ const Forside: React.FC = () => {
             ? mellomlagretVerdi.søknad.søknadstype === ESøknadstype.UTVIDET
             : søknad.søknadstype === ESøknadstype.UTVIDET;
 
-    useFørsteRender(() => logSidevisningBarnetrygd(`${RouteEnum.Forside}`));
+    useFørsteRender(() => logSidevisningBarnetrygd(`${RouteEnum.Forside}`, søknad.søknadstype));
 
     useEffect(() => {
         settNåværendeRoute(RouteEnum.Forside);

src/frontend/components/SøknadsSteg/Forside/useBekreftelseOgStartSoknad.tsx

@@ -9,7 +9,8 @@ import { useSteg } from '../../../context/StegContext';
 import { EFeatureToggle } from '../../../typer/feature-toggles';
 import { ESøknadstype } from '../../../typer/kontrakt/generelle';
 import { ISteg } from '../../../typer/routes';
-import { logForsettPåSøknad, logSkjemaStartet } from '../../../utils/amplitude';
+import { hentSøknadstype } from '../../../typer/søknad';
+import { logFortsettPåSøknad, logSkjemaStartet } from '../../../utils/amplitude';
 
 export enum BekreftelseStatus {
     NORMAL = 'NORMAL',
@@ -84,7 +85,7 @@ export const useBekreftelseOgStartSoknad = (): {
         } else {
             navigate(nesteRoute.path);
         }
-        logForsettPåSøknad();
+        logFortsettPåSøknad(søknadstype || hentSøknadstype());
     };
     const startPåNytt = (): void => {
         avbrytOgSlettSøknad();
@@ -103,7 +104,7 @@ export const useBekreftelseOgStartSoknad = (): {
                 if (!erStegUtfyltFrafør(nåværendeStegIndex)) {
                     settSisteUtfylteStegIndex(nåværendeStegIndex);
                 }
-                logSkjemaStartet();
+                logSkjemaStartet(søknadstype);
                 navigate(nesteRoute.path);
             } else {
                 søknadstype === undefined && settSøknadstypeFeil(true);
@@ -119,7 +120,7 @@ export const useBekreftelseOgStartSoknad = (): {
                 if (!erStegUtfyltFrafør(nåværendeStegIndex)) {
                     settSisteUtfylteStegIndex(nåværendeStegIndex);
                 }
-                logSkjemaStartet();
+                logSkjemaStartet(hentSøknadstype());
                 navigate(nesteRoute.path);
             } else {
                 settBekreftelseStatus(BekreftelseStatus.FEIL);

src/frontend/utils/amplitude.ts

@@ -1,6 +1,7 @@
 import amplitude from 'amplitude-js';
 
 import * as bokmålTekster from '../assets/lang/nb.json' assert { type: 'json' };
+import { ESøknadstype } from '../typer/kontrakt/generelle';
 import { hentSøknadstype, søknadstyper } from '../typer/søknad';
 
 const amplitudeInstance = amplitude.getInstance();
@@ -22,44 +23,44 @@ export function logEvent(eventName: string, eventProperties: any) {
     amplitudeInstance.logEvent(eventName, eventProperties);
 }
 
-export const logSidevisningBarnetrygd = (side: string) => {
+export const logSidevisningBarnetrygd = (side: string, søknadstype: ESøknadstype) => {
     logEvent('sidevisning', {
         side,
         team_id: 'familie',
-        skjemanavn: søknadstyper[hentSøknadstype()].navn,
-        skjemaId: søknadstyper[hentSøknadstype()].id,
+        skjemanavn: søknadstyper[søknadstype].navn,
+        skjemaId: søknadstyper[søknadstype].id,
     });
 };
 
-export const logSkjemaStartet = () => {
+export const logSkjemaStartet = (søknadstype: ESøknadstype) => {
     logEvent('skjema startet', {
-        skjemanavn: søknadstyper[hentSøknadstype()].navn,
-        skjemaId: søknadstyper[hentSøknadstype()].id,
+        skjemanavn: søknadstyper[søknadstype].navn,
+        skjemaId: søknadstyper[søknadstype].id,
         team_id: 'familie',
     });
 };
 
-export const logForsettPåSøknad = () => {
+export const logFortsettPåSøknad = (søknadstype: ESøknadstype) => {
     logEvent('fortsett på søknad', {
-        skjemanavn: søknadstyper[hentSøknadstype()].navn,
-        skjemaId: søknadstyper[hentSøknadstype()].id,
+        skjemanavn: søknadstyper[søknadstype].navn,
+        skjemaId: søknadstyper[søknadstype].id,
         team_id: 'familie',
     });
 };
 
-export const logSkjemaStegFullført = (steg: number) => {
+export const logSkjemaStegFullført = (steg: number, søknadstype: ESøknadstype) => {
     logEvent('skjemasteg fullført', {
-        skjemanavn: søknadstyper[hentSøknadstype()].navn,
-        skjemaId: søknadstyper[hentSøknadstype()].id,
+        skjemanavn: søknadstyper[søknadstype].navn,
+        skjemaId: søknadstyper[søknadstype].id,
         team_id: 'familie',
         steg,
     });
 };
 
-export const logKlikkGåVidere = (steg: number) => {
+export const logKlikkGåVidere = (steg: number, søknadstype: ESøknadstype) => {
     logEvent('klikk gå videre', {
-        skjemanavn: søknadstyper[hentSøknadstype()].navn,
-        skjemaId: søknadstyper[hentSøknadstype()].id,
+        skjemanavn: søknadstyper[søknadstype].navn,
+        skjemaId: søknadstyper[søknadstype].id,
         team_id: 'familie',
         steg,
     });