navikt · runska · Jan 4, 2024 · Jan 2, 2024 · Jan 2, 2024 · Jan 3, 2024
diff --git a/.github/workflows/build-deploy.yaml b/.github/workflows/build-deploy.yaml
@@ -4,7 +4,7 @@ on:
   push:
     branches:
       - main
-      - UU-endringer
+      - amplitude-browser
     paths-ignore:
       - "**.md"
       - "**/**.md"

diff --git a/.nais/dev.yaml b/.nais/dev.yaml
@@ -46,7 +46,7 @@ spec:
     - name: FOREBYGGINGSPLAN_URL
       value: https://forebyggingsplan-frontend.intern.dev.nav.no/forebyggingsplan
     - name: MIN_SIDE_ARBEIDSGIVER_URL
-      value: https://min-side-arbeidsgiver.intern.dev.nav.no/min-side-arbeidsgiver
+      value: https://arbeidsgiver.intern.dev.nav.no/min-side-arbeidsgiver
     - name: KONTAKT_OSS_ARBEIDSGIVER_URL
       value: https://arbeidsgiver-kontakt-oss.dev.nav.no/kontakt-oss
     - name: GRAFANA_AGENT_COLLECTOR_URL

diff --git a/package.json b/package.json
@@ -19,6 +19,7 @@
     ]
   },
   "dependencies": {
+    "@amplitude/analytics-browser": "^2.3.8",
     "@grafana/faro-web-sdk": "^1.2.1",
     "@navikt/arbeidsgiver-notifikasjon-widget": "6.4.0",
     "@navikt/bedriftsmeny": "^6.11.0",
@@ -35,7 +36,6 @@
     "@types/node-fetch": "^3.0.3",
     "@types/react-router-dom": "^5.3.3",
     "@types/uuid": "^9.0.4",
-    "amplitude-js": "^8.21.9",
     "cheerio": "^1.0.0-rc.12",
     "dotenv": "^16.3.1",
     "msw": "^1.3.2",

diff --git a/src/Aktiviteter/Aktiviteter.tsx b/src/Aktiviteter/Aktiviteter.tsx
@@ -35,8 +35,8 @@ import { useOrgnr } from "../hooks/useOrgnr";
 import { useHentAktiviteter } from "../hooks/useHentAktiviteter";
 import { RestStatus } from "../integrasjoner/rest-status";
 import { AggregertStatistikkDto } from "../integrasjoner/aggregert-statistikk-api";
-import { sendÅpneAktivitetEvent } from "../amplitude/events";
 import DeresSykefraværsstatistikkBransje from "./DeresSykefraværsstatistikkBransje";
+import {sendÅpneAktivitetEvent} from "../amplitude/amplitude";
 
 export default function AktivitetSeksjon(props: {
   sykefraværsstatistikk: AggregertStatistikkDto;

diff --git a/src/Aktiviteter/Oppgave/Statusendringsknapper.tsx b/src/Aktiviteter/Oppgave/Statusendringsknapper.tsx
@@ -8,7 +8,8 @@ import {
   XMarkIcon,
 } from "@navikt/aksel-icons";
 import { StatusType } from "../AktivitetData";
-import { sendOppgaveStatusEvent } from "../../amplitude/events";
+
+import {sendOppgaveStatusEvent} from "../../amplitude/amplitude";
 
 export function Statusendringsknapper({
   status,

diff --git a/src/Banner/Banner.tsx b/src/Banner/Banner.tsx
@@ -3,11 +3,12 @@ import "@navikt/bedriftsmeny/lib/bedriftsmeny.css";
 import "@navikt/ds-css";
 import styles from "./Banner.module.scss";
 import { AltinnOrganisasjon } from "../integrasjoner/altinnorganisasjon-api";
-import { sendBedriftValgtEvent } from "../amplitude/events";
 import { useRouter } from "next/router";
 import Bedriftsmeny, { ForebyggeSykefravaer } from "@navikt/bedriftsmeny";
 import { NotifikasjonWidget } from "@navikt/arbeidsgiver-notifikasjon-widget";
 
+import {sendBedriftValgtEvent} from "../amplitude/amplitude";
+
 interface Props {
   tittelMedUnderTittel: string | JSX.Element;
   altinnOrganisasjoner: AltinnOrganisasjon[];

diff --git a/src/Forside/FiaSamarbeidsstatus/FiaSamarbeidsstatus.tsx b/src/Forside/FiaSamarbeidsstatus/FiaSamarbeidsstatus.tsx
@@ -2,7 +2,8 @@ import React, { useEffect } from "react";
 import { Heading, ReadMore } from "@navikt/ds-react";
 import styles from "./fiaSamarbeidsstatus.module.scss"
 import { HandsHeart } from "@navikt/ds-icons";
-import { sendLesMerÅpnetEvent, sendVisSamarbeidsstatusEvent } from "../../amplitude/events";
+
+import {sendLesMerÅpnetEvent, sendVisSamarbeidsstatusEvent} from "../../amplitude/amplitude";
 
 interface FiaSamarbeidsstatusProps{
     status: string;

diff --git a/src/Forside/Sykefraværsstatistikk/Sykefraværsstatistikk.test.tsx b/src/Forside/Sykefraværsstatistikk/Sykefraværsstatistikk.test.tsx
@@ -6,7 +6,7 @@ import {
   tomtDataobjekt,
 } from "../../integrasjoner/aggregert-statistikk-api";
 import { hentUtSykefraværsstatistikkData } from "../../komponenter/Infographic/datauthenting";
-import { Sykefraværsstatistikk } from "./Sykefraværsstatistikk";
+import {leggTilBedriftPåUrl, Sykefraværsstatistikk} from "./Sykefraværsstatistikk";
 import { axe } from "jest-axe";
 import { mockAggregertStatistikkMedBransjetall } from "./mockAggregertStatistikkMedBransjetall";
 import { RestStatus } from "../../integrasjoner/rest-status";
@@ -20,6 +20,17 @@ jest.mock("../../../src/hooks/useAltinnOrganisasjoner", () => ({
   useAltinnOrganisasjonerMedStatistikktilgang: () => RestStatus.LasterInn,
 }));
 
+describe("Tester at bedrift legges korrekt til på URL", () => {
+  it("returnerer opprinnelig URL dersom orgnummer er undefined", () => {
+    expect(leggTilBedriftPåUrl("url", undefined)).toBe("url");
+  });
+
+  it("legger på orgnr dersom orgnummer finnes", () => {
+    expect(leggTilBedriftPåUrl("url", "999999999")).toBe("url?bedrift=999999999");
+  });
+});
+
+
 describe("Sykefraværsstatistikk", () => {
   it("viser sykefraværsprosenten for Norge", async () => {
     render(

diff --git a/src/Forside/Sykefraværsstatistikk/Sykefraværsstatistikk.tsx b/src/Forside/Sykefraværsstatistikk/Sykefraværsstatistikk.tsx
@@ -1,6 +1,5 @@
 import { ReactNode } from "react";
 import { useOrgnr } from "../../hooks/useOrgnr";
-import { leggTilBedriftPåUrl } from "../../utils/navigasjon";
 import styles from "./sykefraværsstatistikk.module.scss";
 import { Detail, Heading, Label, Loader } from "@navikt/ds-react";
 import { InfographicFlis } from "../../komponenter/Infographic/InfographicFlis/InfographicFlis";
@@ -26,11 +25,15 @@ export interface SykefraværsstatistikkProps extends SykefraværsstatistikkData
   sykefraværsstatistikkUrl: string;
 }
 
+export function leggTilBedriftPåUrl(url: string, orgnr?: string) {
+  return orgnr ? `${url}?bedrift=${orgnr}` : url;
+}
+
 export const Sykefraværsstatistikk = (props: SykefraværsstatistikkProps) => {
   const orgnr = useOrgnr();
   const sykefraværsstatistikkUrlMedBedrift = leggTilBedriftPåUrl(
     props.sykefraværsstatistikkUrl,
-    orgnr
+    orgnr,
   );
 
   const organisasjonerHvorBrukerHarStatistikktilgang =
@@ -74,7 +77,7 @@ export const Sykefraværsstatistikk = (props: SykefraværsstatistikkProps) => {
           harTilgangTilOrg={
             (orgnr &&
               organisasjonerHvorBrukerHarStatistikktilgang.status ===
-              RestStatus.Suksess &&
+                RestStatus.Suksess &&
               organisasjonerHvorBrukerHarStatistikktilgang.data
                 .map((org) => org.OrganizationNumber)
                 .includes(orgnr)) ||

diff --git a/src/InkluderendeArbeidslivPanel/InkluderendeArbeidslivPanel.tsx b/src/InkluderendeArbeidslivPanel/InkluderendeArbeidslivPanel.tsx
@@ -1,106 +1,125 @@
-import { Accordion, BodyShort, LinkPanel } from "@navikt/ds-react";
+import { Accordion, BodyShort, Link, LinkPanel } from "@navikt/ds-react";
 import React, { FunctionComponent } from "react";
 import styles from "./InkluderendeArbeidslivPanel.module.scss";
 import classNames from "classnames";
-import { LenkeMedEventutsendelse } from "../LenkeMedNavigereEvent/LenkeMedEventutsendelse";
-import { navigerEtterCallbacks } from "../utils/navigasjon";
-import { sendNavigereEvent } from "../amplitude/events";
 
 const Lenkepanel: React.FunctionComponent<{
-    lenketekst: string; destinasjon: string;
+  lenketekst: string;
+  destinasjon: string;
 }> = ({ destinasjon, lenketekst }) => {
-    const eventutsendelse = () => sendNavigereEvent(destinasjon, lenketekst) as Promise<boolean>;
-    return (<LinkPanel
-        className={styles.inkluderendeArbeidslivPanel__lenkepanel}
-        href={destinasjon}
-        onClickCapture={(e) => {
-            e.preventDefault();
-        }}
-        onClick={() => {
-            navigerEtterCallbacks(destinasjon, [eventutsendelse]);
-        }}
+  return (
+    <LinkPanel
+      className={styles.inkluderendeArbeidslivPanel__lenkepanel}
+      href={destinasjon}
     >
-        <LinkPanel.Title className={styles.inkluderendeArbeidslivPanel__lenkepanel__tittel}>
-            {lenketekst}
-        </LinkPanel.Title>
-    </LinkPanel>);
+      <LinkPanel.Title
+        className={styles.inkluderendeArbeidslivPanel__lenkepanel__tittel}
+      >
+        {lenketekst}
+      </LinkPanel.Title>
+    </LinkPanel>
+  );
 };
 const SOFT_HYPHEN = String.fromCharCode(173);
 
 export const InkluderendeArbeidslivPanel: FunctionComponent = () => {
-    return (
-        <Accordion>
-            <Accordion.Item>
-                <Accordion.Header className={classNames("navds-panel", "navds-link-panel", "navds-panel--border", styles.inkluderendeArbeidslivAccordion)}>
-                    <LinkPanel.Title>
-                        Inkluderende arbeidsliv
-                    </LinkPanel.Title>
-                </Accordion.Header>
-                <Accordion.Content>
-                    <BodyShort
-                        className={classNames(styles.inkluderendeArbeidslivPanel__avsnitt, styles.inkluderendeArbeidslivPanel__avsnitt__tittel)}
-                    >
-                        Hva er Inkluderende Arbeidsliv (IA)?
-                    </BodyShort>
-                    <BodyShort className={styles.inkluderendeArbeidslivPanel__avsnitt}>
-                        Partene i arbeidslivet har laget en intensjonsavtale om et mer
-                        inkluderende arbeidsliv.
-                    </BodyShort>
-                    <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
-                        <BodyShort className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}>
-                            Målene i IA-avtalen for perioden 2019-2024 er:
-                        </BodyShort>
-                        <ul>
-                            <li>Redusere sykefraværet</li>
-                            <li>Hindre frafall fra arbeidslivet</li>
-                        </ul>
-                    </div>
-                    <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
-                        <BodyShort className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}>
-                            For å nå målene er det valgt ut to innsatsområder:
-                        </BodyShort>
-                        <ul>
-                            <li>Forebyggende arbeidsmiljøarbeid</li>
-                            <li>
-                                Innsats mot lange og/eller hyppige gjentagende sykefravær
-                            </li>
-                        </ul>
-                    </div>
-                    <LenkeMedEventutsendelse
-                        href={"https://www.regjeringen.no/no/tema/arbeidsliv/arbeidsmiljo-og-sikkerhet/inkluderende_arbeidsliv/ia-avtalen-20192022/ia-avtalen-20192022/id2623741/"}
-                        lenketekst="Les mer om IA-avtalen på sidene til regjeringen"
-                        className={classNames(styles.inkluderendeArbeidslivPanel__avsnitt, styles.inkluderendeArbeidslivPanel__lenke)}
-                    />
-                    <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
-                        <BodyShort className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}>
-                            Virkemidler som NAV leverer i IA-avtalen:
-                        </BodyShort>
-                        <div className={styles.inkluderendeArbeidslivPanel__lenkepanel__gruppe}>
-                            <Lenkepanel
-                                lenketekst={`Tilskudd til ekspert${SOFT_HYPHEN}bistand`}
-                                destinasjon="https://www.nav.no/arbeidsgiver/ekspertbistand"
-                            />
-                            <Lenkepanel
-                                lenketekst={`Kompetanse${SOFT_HYPHEN}tiltak for sykmeldte`}
-                                destinasjon="https://www.nav.no/no/bedrift/oppfolging/sykmeldt-arbeidstaker/nyttig-a-vite/delta-i-prosjekt-med-kompetansetiltak-for-sykmeldte"
-                            />
-                            <Lenkepanel
-                                lenketekst="HelseIArbeid"
-                                destinasjon="https://www.nav.no/no/bedrift/oppfolging/sykmeldt-arbeidstaker/relatert-informasjon/nav-anbefaler-nytt-nasjonalt-konsept-helseiarbeid"
-                            />
-                            <Lenkepanel
-                                lenketekst={`Tjenester fra NAV Arbeidslivs${SOFT_HYPHEN}senter`}
-                                destinasjon="https://arbeidsgiver.nav.no/forebygge-sykefravaer/#oppfolging-fra-nav-arbeidslivssenter"
-                            />
-                        </div>
-                    </div>
-                    <LenkeMedEventutsendelse
-                        href={"https://arbeidsgiver.nav.no/forebygge-sykefravaer"}
-                        lenketekst="Se fullstendig oversikt over NAVs tilbud her"
-                        className={classNames(styles.inkluderendeArbeidslivPanel__avsnitt, styles.inkluderendeArbeidslivPanel__lenke)}
-                    />
-                </Accordion.Content>
-            </Accordion.Item>
-        </Accordion>
-    );
+  return (
+    <Accordion>
+      <Accordion.Item>
+        <Accordion.Header
+          className={classNames(
+            "navds-panel",
+            "navds-link-panel",
+            "navds-panel--border",
+            styles.inkluderendeArbeidslivAccordion,
+          )}
+        >
+          <LinkPanel.Title>Inkluderende arbeidsliv</LinkPanel.Title>
+        </Accordion.Header>
+        <Accordion.Content>
+          <BodyShort
+            className={classNames(
+              styles.inkluderendeArbeidslivPanel__avsnitt,
+              styles.inkluderendeArbeidslivPanel__avsnitt__tittel,
+            )}
+          >
+            Hva er Inkluderende Arbeidsliv (IA)?
+          </BodyShort>
+          <BodyShort className={styles.inkluderendeArbeidslivPanel__avsnitt}>
+            Partene i arbeidslivet har laget en intensjonsavtale om et mer
+            inkluderende arbeidsliv.
+          </BodyShort>
+          <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
+            <BodyShort
+              className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}
+            >
+              Målene i IA-avtalen for perioden 2019-2024 er:
+            </BodyShort>
+            <ul>
+              <li>Redusere sykefraværet</li>
+              <li>Hindre frafall fra arbeidslivet</li>
+            </ul>
+          </div>
+          <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
+            <BodyShort
+              className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}
+            >
+              For å nå målene er det valgt ut to innsatsområder:
+            </BodyShort>
+            <ul>
+              <li>Forebyggende arbeidsmiljøarbeid</li>
+              <li>Innsats mot lange og/eller hyppige gjentagende sykefravær</li>
+            </ul>
+          </div>
+          <Link
+            href={
+              "https://www.regjeringen.no/no/tema/arbeidsliv/arbeidsmiljo-og-sikkerhet/inkluderende_arbeidsliv/ia-avtalen-20192022/ia-avtalen-20192022/id2623741/"
+            }
+            className={classNames(
+              styles.inkluderendeArbeidslivPanel__avsnitt,
+              styles.inkluderendeArbeidslivPanel__lenke,
+            )}
+          >
+            Les mer om IA-avtalen på sidene til regjeringen
+          </Link>
+          <div className={styles.inkluderendeArbeidslivPanel__avsnitt}>
+            <BodyShort
+              className={styles.inkluderendeArbeidslivPanel__avsnitt__tittel}
+            >
+              Virkemidler som NAV leverer i IA-avtalen:
+            </BodyShort>
+            <div
+              className={styles.inkluderendeArbeidslivPanel__lenkepanel__gruppe}
+            >
+              <Lenkepanel
+                lenketekst={`Tilskudd til ekspert${SOFT_HYPHEN}bistand`}
+                destinasjon="https://www.nav.no/arbeidsgiver/ekspertbistand"
+              />
+              <Lenkepanel
+                lenketekst={`Kompetanse${SOFT_HYPHEN}tiltak for sykmeldte`}
+                destinasjon="https://www.nav.no/no/bedrift/oppfolging/sykmeldt-arbeidstaker/nyttig-a-vite/delta-i-prosjekt-med-kompetansetiltak-for-sykmeldte"
+              />
+              <Lenkepanel
+                lenketekst="HelseIArbeid"
+                destinasjon="https://www.nav.no/no/bedrift/oppfolging/sykmeldt-arbeidstaker/relatert-informasjon/nav-anbefaler-nytt-nasjonalt-konsept-helseiarbeid"
+              />
+              <Lenkepanel
+                lenketekst={`Tjenester fra NAV Arbeidslivs${SOFT_HYPHEN}senter`}
+                destinasjon="https://arbeidsgiver.nav.no/forebygge-sykefravaer/#oppfolging-fra-nav-arbeidslivssenter"
+              />
+            </div>
+          </div>
+          <Link
+            href={"https://arbeidsgiver.nav.no/forebygge-sykefravaer"}
+            className={classNames(
+              styles.inkluderendeArbeidslivPanel__avsnitt,
+              styles.inkluderendeArbeidslivPanel__lenke,
+            )}
+          >
+            Se fullstendig oversikt over NAVs tilbud her
+          </Link>
+        </Accordion.Content>
+      </Accordion.Item>
+    </Accordion>
+  );
 };
diff --git a/src/LenkeMedNavigereEvent/LenkeMedEventutsendelse.tsx b/src/LenkeMedNavigereEvent/LenkeMedEventutsendelse.tsx