FO-2870 La til metrikker på søk

Author: AlexGaard

src/components/sok-sync.tsx

@@ -4,6 +4,26 @@ import { lagBeslutterOversiktSok } from '../utils/sok-utils';
 import { useSokStore } from '../stores/sok-store';
 import { hasFinishedWithData } from '../rest/utils';
 import { usePrevious } from '../utils';
+import { frontendlogger } from '../utils/frontend-logger';
+import { BeslutteroversiktSok } from '../rest/api';
+
+function logSokMetrikker(sok: BeslutteroversiktSok, currentPage: number): void {
+	const filterMetrikker: any = {};
+
+	if (sok.filter) {
+		filterMetrikker.antallEnheter = sok.filter.enheter ? sok.filter.enheter.length : 0;
+		filterMetrikker.status = sok.filter.status;
+		filterMetrikker.soktPaNavnEllerFnr = sok.filter.navnEllerFnr != null && sok.filter.navnEllerFnr.trim().length > 0;
+		filterMetrikker.visMineBrukere = sok.filter.visMineBrukere || false;
+	}
+
+	frontendlogger.logMetrikk('sok', {}, {
+		page: currentPage,
+		orderByField: sok.orderByField,
+		orderByDirection: sok.orderByDirection,
+		...filterMetrikker
+	});
+}
 
 export const SokSync = () => {
 	const { brukereFetcher } = useDataFetcherStore();
@@ -19,6 +39,7 @@ export const SokSync = () => {
 
 		const sok = lagBeslutterOversiktSok(filters, curPage, pageSize, seeAll, orderByDirection, orderByField);
 		brukereFetcher.fetch({ sok });
+		logSokMetrikker(sok, currentPage);
 		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [filters, currentPage, orderByDirection, orderByField, seeAll]);
 

src/utils/frontend-logger.ts

@@ -1,11 +1,27 @@
 import { APP_NAME } from './constants';
 import { logger } from './logger';
 
+const fixNullValues = (obj: object): object => {
+	Object.entries(obj).forEach(([key, value]) => {
+		if (value === null) {
+			(obj as any)[key] = undefined;
+		}
+	});
+	return obj;
+};
+
 const logEvent = (logTag: string, fields?: {}, tags?: {}): void => {
 	const frontlogger = (window as any).frontendlogger;
 
 	if (frontlogger && frontlogger.event) {
-		frontlogger.event(logTag, fields ? fields : {}, tags ? tags : {});
+		const eventFields = fields || {};
+		const eventTags = tags || {};
+
+		// Frontendlogger does not handle null values at this moment
+		fixNullValues(eventFields);
+		fixNullValues(eventTags);
+
+		frontlogger.event(logTag, fields, tags);
 	} else {
 		logger.log('Event', logTag, 'Fields:', fields, 'Tags:', tags);
 	}