Ut av sanity

package.json

@@ -36,7 +36,6 @@
     "@navikt/fnrvalidator": "^1.3.3",
     "@navikt/land-verktoy": "3.2.15",
     "@portabletext/react": "^3.0.11",
-    "@sanity/client": "^6.7.0",
     "@sentry/browser": "^7.74.1",
     "@types/amplitude-js": "^8.16.4",
     "@types/body-parser": "^1.19.4",
@@ -141,14 +140,14 @@
     "svg-inline-loader": "^0.8.2",
     "terser-webpack-plugin": "^5.3.9",
     "testcafe": "^3.3.0",
-    "ts-node": "^10.9.1",
     "ts-jest": "^29.1.1",
+    "ts-node": "^10.9.1",
     "typescript": "^5.2.2",
-    "util": "^0.12.5",
     "url-loader": "^4.1.1",
+    "util": "^0.12.5",
     "webpack": "^5.89.0",
-    "webpack-dev-server": "^4.15.1",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1"
   },
   "overrides": {
     "react-day-picker": {

src/App.tsx

@@ -76,7 +76,7 @@ const App = () => {
   };
 
   const fetchToggles = () => {
-    return hentToggles(settToggles).catch((err: Error) => {
+    return hentToggles(settToggles).catch(() => {
       settError(true);
     });
   };

src/arbeidssøkerskjema/Forside.tsx

@@ -1,46 +1,25 @@
 import React from 'react';
 import FeltGruppe from '../components/gruppe/FeltGruppe';
-import { useSpråkContext } from '../context/SpråkContext';
-import { hentBeskjedMedNavn } from '../utils/språk';
-import { hentTekst } from '../utils/søknad';
-import { useNavigate } from 'react-router-dom';
 import LocaleTekst from '../language/LocaleTekst';
 import {
   ERouteArbeidssøkerskjema,
   RoutesArbeidssokerskjema,
 } from './routes/routesArbeidssokerskjema';
 import { useSkjema } from './SkjemaContext';
-import { useForsideInnhold, useMount } from '../utils/hooks';
-import { ForsideType } from '../models/søknad/stønadstyper';
+import { useMount } from '../utils/hooks';
 import { hentPath } from '../utils/routing';
 import Språkvelger from '../components/språkvelger/Språkvelger';
 import { logSidevisningArbeidssokerskjema } from '../utils/amplitude';
-import { useLokalIntlContext } from '../context/LokalIntlContext';
-import {
-  Accordion,
-  BodyShort,
-  Button,
-  ConfirmationPanel,
-  Heading,
-  Panel,
-} from '@navikt/ds-react';
-import styled from 'styled-components';
-import { PortableText } from '@portabletext/react';
-import VeilederSnakkeboble from '../assets/VeilederSnakkeboble';
-
-const DisclaimerTittel = styled(Heading)`
-  margin-bottom: 1rem;
-`;
-
-const StyledConfirmationPanel = styled(ConfirmationPanel)`
-  margin-bottom: 2rem;
-`;
+import { Heading, Panel } from '@navikt/ds-react';
+import { VeilederBoks } from '../components/forside/VeilederBoks';
+import { StartSøknadKnapp } from '../components/forside/KnappStartSøknad';
+import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
+import { Seksjon } from '../components/forside/Seksjon';
+import { Overskrift } from '../components/forside/Overskrift';
+import { Tekst } from '../components/forside/Tekst';
+import { isIE } from 'react-device-detect';
 
 const Forside: React.FC<{ visningsnavn: string }> = ({ visningsnavn }) => {
-  const [locale] = useSpråkContext();
-  const navigate = useNavigate();
-  const intl = useLokalIntlContext();
-
   const { skjema, settSkjema } = useSkjema();
 
   useMount(() => logSidevisningArbeidssokerskjema('Forside'));
@@ -51,95 +30,49 @@ const Forside: React.FC<{ visningsnavn: string }> = ({ visningsnavn }) => {
       harBekreftet: bekreftelse,
     });
   };
-  const forside = useForsideInnhold(ForsideType.arbeidssøker);
 
-  const disclaimer = forside['disclaimer_' + locale];
-  const seksjon = forside['seksjon_' + locale];
+  const nesteSide =
+    hentPath(RoutesArbeidssokerskjema, ERouteArbeidssøkerskjema.Spørsmål) || '';
 
   return (
     <div className={'forside'}>
       <div className={'forside__innhold'}>
         <Panel className={'forside__panel'}>
-          <div className="veileder">
-            <VeilederSnakkeboble
-              tekst={hentBeskjedMedNavn(
-                visningsnavn,
-                intl.formatMessage({ id: 'skjema.hei' })
-              )}
-            />
-          </div>
+          <VeilederBoks navn={visningsnavn} />
+
           <FeltGruppe>
             <Språkvelger />
           </FeltGruppe>
-          <Heading size="xlarge">
+
+          <Heading level="1" size="xlarge">
             <LocaleTekst tekst={'skjema.sidetittel'} />
           </Heading>
-          {seksjon &&
-            seksjon.map((blokk: any, index: number) => {
-              return blokk._type === 'dokumentasjonskrav' ? (
-                <div className="seksjon" key={index}>
-                  <Accordion>
-                    <Accordion.Item>
-                      <Accordion.Header>{blokk.tittel}</Accordion.Header>
-                      <Accordion.Content>
-                        <BodyShort>
-                          <PortableText value={blokk.innhold} />
-                        </BodyShort>
-                      </Accordion.Content>
-                    </Accordion.Item>
-                  </Accordion>
-                </div>
-              ) : (
-                <div className="seksjon" key={index}>
-                  {blokk.tittel && (
-                    <Heading level="2" size="small">
-                      {blokk.tittel}
-                    </Heading>
-                  )}
-                  <BodyShort>
-                    <PortableText value={blokk.innhold} />
-                  </BodyShort>
-                </div>
-              );
-            })}
 
-          {disclaimer && (
-            <>
-              <DisclaimerTittel level="2" size="small">
-                {hentTekst('skjema.forside.disclaimer.tittel', intl)}
-              </DisclaimerTittel>
-              <StyledConfirmationPanel
-                checked={!!skjema.harBekreftet}
-                label={hentBeskjedMedNavn(
-                  visningsnavn,
-                  intl.formatMessage({ id: 'side.bekreftelse' })
-                )}
-                onChange={() => settBekreftelse(!skjema.harBekreftet)}
-              >
-                <BodyShort>
-                  <PortableText value={disclaimer} />
-                </BodyShort>
-              </StyledConfirmationPanel>
-            </>
+          <Seksjon>
+            <Tekst tekst="forside.arbeidssøker.info" />
+            <Tekst tekst="forside.arbeidssøker.krav" />
+            <LocaleTekst tekst="forside.arbeidssøker.lerMer" />
+          </Seksjon>
+
+          <Seksjon>
+            <Overskrift tekst="forside.arbeidssøker.overskrift.riktigeOpplysninger" />
+            <Tekst tekst="forside.arbeidssøker.riktigeOpplysninger" />
+            <Tekst tekst="forside.arbeidssøker.meldeEndringer" />
+            <LocaleTekst
+              tekst={'forside.arbeidssøker.personopplysningeneDineLenke'}
+            />
+          </Seksjon>
+
+          {!isIE && (
+            <DisclaimerBoks
+              navn={visningsnavn}
+              tekst={'forside.overgangsstønad.disclaimerTekst'}
+              harBekreftet={skjema.harBekreftet}
+              settBekreftelse={settBekreftelse}
+            />
           )}
 
-          {skjema.harBekreftet ? (
-            <FeltGruppe classname={'sentrert'} aria-live="polite">
-              <Button
-                onClick={() =>
-                  navigate({
-                    pathname: hentPath(
-                      RoutesArbeidssokerskjema,
-                      ERouteArbeidssøkerskjema.Spørsmål
-                    ),
-                  })
-                }
-                variant="primary"
-              >
-                <LocaleTekst tekst={'skjema.knapp.start'} />
-              </Button>
-            </FeltGruppe>
-          ) : null}
+          {skjema.harBekreftet && <StartSøknadKnapp nesteSide={nesteSide} />}
         </Panel>
       </div>
     </div>

src/barnetilsyn/BarnetilsynContext.tsx

@@ -25,6 +25,7 @@ import { useSpråkContext } from '../context/SpråkContext';
 import { LokalIntlShape } from '../language/typer';
 import { useLokalIntlContext } from '../context/LokalIntlContext';
 import { oppdaterBarneliste, oppdaterBarnIBarneliste } from '../utils/barn';
+import { LocaleType } from '../language/typer';
 
 // -----------  CONTEXT  -----------
 const initialState = (intl: LokalIntlShape): ISøknad => {
@@ -70,7 +71,7 @@ const [BarnetilsynSøknadProvider, useBarnetilsynSøknad] = createUseContext(
         mellomlagretBarnetilsyn?.locale &&
         mellomlagretBarnetilsyn?.locale !== locale
       ) {
-        setLocale(mellomlagretBarnetilsyn.locale);
+        setLocale(mellomlagretBarnetilsyn.locale as LocaleType);
       }
     }, [mellomlagretBarnetilsyn, locale, setLocale]);
 

src/barnetilsyn/BarnetilsynInformasjon.tsx

@@ -0,0 +1,84 @@
+import FeltGruppe from '../components/gruppe/FeltGruppe';
+import Språkvelger from '../components/språkvelger/Språkvelger';
+import LocaleTekst from '../language/LocaleTekst';
+import { isIE } from 'react-device-detect';
+import { OversettelseAlert } from '../components/forside/AlertOversettelse';
+import { DisclaimerBoks } from '../components/forside/DisclaimerBoks';
+import { StartSøknadKnapp } from '../components/forside/KnappStartSøknad';
+import { Tekst } from '../components/forside/Tekst';
+import { Seksjon } from '../components/forside/Seksjon';
+import { Overskrift } from '../components/forside/Overskrift';
+import { InformasjonProps } from '../components/forside/typer';
+import { hentPath } from '../utils/routing';
+import {
+  RoutesBarnetilsyn,
+  ERouteBarnetilsyn,
+} from './routing/routesBarnetilsyn';
+
+export const BarnetilsynInformasjon: React.FC<InformasjonProps> = ({
+  person,
+  harBekreftet,
+  settBekreftelse,
+}) => {
+  const nesteSide = hentPath(RoutesBarnetilsyn, ERouteBarnetilsyn.OmDeg) || '';
+  return (
+    <>
+      <FeltGruppe>
+        <Språkvelger />
+      </FeltGruppe>
+
+      <OversettelseAlert />
+
+      <Seksjon>
+        <Tekst tekst="forside.barnetilsyn.info" />
+        <Tekst tekst="forside.barnetilsyn.fåStønadSkoleår" />
+        <LocaleTekst tekst="forside.barnetilsyn.merOmStønad" />
+      </Seksjon>
+
+      <Seksjon>
+        <LocaleTekst tekst="forside.barnetilsyn.arbeidssøkerUtdanning" />
+      </Seksjon>
+
+      <Seksjon>
+        <Overskrift tekst="forside.barnetilsyn.overskrift.riktigeOpplysninger" />
+        <Tekst tekst="forside.barnetilsyn.riktigeOpplysninger" />
+        <Tekst tekst="forside.barnetilsyn.meldeEndringer" />
+      </Seksjon>
+
+      <Seksjon>
+        <Overskrift tekst="forside.barnetilsyn.overskrift.sendeDokumentasjon" />
+        <Tekst tekst="forside.barnetilsyn.beskjedDokumentere" />
+        <Tekst tekst="forside.barnetilsyn.merInformasjon" />
+        <LocaleTekst tekst="forside.barnetilsyn.oversiktDokumentasjon" />
+      </Seksjon>
+
+      <Seksjon>
+        <Overskrift tekst="forside.barnetilsyn.overskrift.henteInformasjon" />
+        <Tekst tekst="forside.barnetilsyn.henteInformasjon" />
+        <Tekst tekst="forside.barnetilsyn.viHenter" />
+        <LocaleTekst tekst="forside.barnetilsyn.henterPunktliste" />
+        <Tekst tekst="forside.barnetilsyn.tidligereOpplysninger" />
+        <LocaleTekst tekst="forside.barnetilsyn.personopplysningeneDine" />
+      </Seksjon>
+
+      <Seksjon>
+        <Overskrift tekst="forside.barnetilsyn.overskrift.slikSøkerDu" />
+        <Tekst tekst="forside.barnetilsyn.slikSøkerDu" />
+        <Tekst tekst="forside.barnetilsyn.slikSøkerDu2" />
+        <Tekst tekst="forside.barnetilsyn.slikSøkerDu3" />
+        <Tekst tekst="forside.barnetilsyn.slikSøkerDu4" />
+      </Seksjon>
+
+      {!isIE && (
+        <DisclaimerBoks
+          navn={person.søker.forkortetNavn}
+          tekst={'forside.barnetilsyn.disclaimerTekst'}
+          harBekreftet={harBekreftet}
+          settBekreftelse={settBekreftelse}
+        />
+      )}
+
+      {harBekreftet && <StartSøknadKnapp nesteSide={nesteSide} />}
+    </>
+  );
+};