New simpler receipt (#796)

src/components/Form/InfoStep/Situasjoner/TilbakeHosArbeidsgiver.tsx

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react'
 import { BodyLong } from '@navikt/ds-react'
 
-import { InformasjonOmTilpasninger } from '@/components/InformasjonOmTilpasninger/InformasjonOmTilpasninger'
+import { TrackedExternalLink } from '@/components/Link/TrackedExternalLink'
 
 export const TilbakeHosArbeidsgiver = (): ReactElement => {
   return (
@@ -15,7 +15,12 @@ export const TilbakeHosArbeidsgiver = (): ReactElement => {
         Husk at du alltid kan kontakte Nav dersom du trenger hjelp med noe eller hvis situasjonen din endrer seg.
       </BodyLong>
 
-      <InformasjonOmTilpasninger />
+      <BodyLong>
+        <TrackedExternalLink href="https://www.nav.no/tilrettelegging-jobb">
+          Les mer om tilrettelegging på jobb, og hva Nav kan bistå med
+        </TrackedExternalLink>
+        .
+      </BodyLong>
     </>
   )
 }

src/components/Form/InfoStep/Situasjoner/Usikker.tsx

@@ -5,6 +5,7 @@ import { alleredeSoktOmPengestotteContent } from '@/components/UI/AlleredeSoktOm
 import { TrackedExternalLink } from '@/components/Link/TrackedExternalLink'
 import { logAmplitudeEvent } from '@/libs/amplitude/amplitude'
 import { CONTACT_NAV_URL } from '@/constants/appConstants'
+import { NavPhoneNumber } from '@/components/UI/NavPhoneNumber'
 
 export const Usikker = (): ReactElement => {
   return (
@@ -115,7 +116,7 @@ export const Usikker = (): ReactElement => {
 
             <BodyLong>
               Dersom du lurer på noe annet, som f.eks. utbetaling av sykepenger eller generelle spørsmål, kan du når som
-              helst ta kontakt med oss på tlf. 55 55 33 33 eller på{' '}
+              helst ta kontakt med oss på tlf. <NavPhoneNumber /> eller på{' '}
               <TrackedExternalLink href={CONTACT_NAV_URL}>skriv til oss her på nav.no</TrackedExternalLink>
             </BodyLong>
           </Accordion.Content>

src/components/Form/Receipt/Receipt.tsx

@@ -3,60 +3,44 @@ import { VStack } from '@navikt/ds-react'
 
 import { Flexjar } from '@/components/Flexjar/flexjar'
 import { Form } from '@/server/services/schemas/formRequestSchema'
+import { BehovForOppfolgingAnswerTypes, FremtidigSituasjonAnswerTypes } from '@/domain/answerValues'
+import MaxDateInfo from '@/components/LandingInfo/MaxDateInfo'
 
-import BytteJobbReceipt from './contents/BytteJobbReceipt'
-import FortsattSykReceipt from './contents/FortsattSykReceipt'
-import TilbakeGradertReceipt from './contents/TilbakeGradertReceipt'
-import TilbakeHosArbeidsgiverReceipt from './contents/TilbakeHosArbeidsgiverReceipt'
-import TilbakeMedTilpasningerReceipt from './contents/TilbakeMedTilpasningerReceipt'
-import UsikkerReceipt from './contents/UsikkerReceipt'
-import ReceiptIngress from './ReceiptIngress'
-import SituationChange from './SituationChange'
-import UsefulLinks from './UsefulLinks'
+import ThankYouAlert from './contents/ThankYouAlert'
+import OppsummeringAvDineSvar from './contents/OppsummeringAvDineSvar'
+import HvaSkjerVidereTekst from './contents/HvaSkjerVidereTekst'
+import NyttigeLenker from './contents/NyttigeLenker'
+import KontaktInformasjon from './contents/KontaktInformasjon'
 
-function Content({
-  fremtidigSituasjonAnswer,
-}: {
-  fremtidigSituasjonAnswer:
-    | 'BYTTE_JOBB'
-    | 'FORTSATT_SYK'
-    | 'TILBAKE_GRADERT'
-    | 'TILBAKE_HOS_ARBEIDSGIVER'
-    | 'TILBAKE_MED_TILPASNINGER'
-    | 'USIKKER'
-}): ReactElement {
-  switch (fremtidigSituasjonAnswer) {
-    case 'BYTTE_JOBB':
-      return <BytteJobbReceipt />
-    case 'FORTSATT_SYK':
-      return <FortsattSykReceipt />
-    case 'TILBAKE_GRADERT':
-      return <TilbakeGradertReceipt />
-    case 'TILBAKE_HOS_ARBEIDSGIVER':
-      return <TilbakeHosArbeidsgiverReceipt />
-    case 'TILBAKE_MED_TILPASNINGER':
-      return <TilbakeMedTilpasningerReceipt />
-    case 'USIKKER':
-      return <UsikkerReceipt />
-    default:
-      const exhaustiveCheck: never = fremtidigSituasjonAnswer
-      return exhaustiveCheck
-  }
+interface Props {
+  response: Form
+  responseDateISOString: string | undefined
 }
 
-function Receipt({ response }: { response: Form }): ReactElement {
-  const fremtidigSituasjonAnswer = response[0].answerType
-  const behovForOppfolgingAnswer = response[1].answerType
+function Receipt({ response, responseDateISOString }: Props): ReactElement {
+  const fremtidigSituasjonAnswer: FremtidigSituasjonAnswerTypes = response[0].answerType
+  const behovForOppfolgingAnswer: BehovForOppfolgingAnswerTypes = response[1].answerType
 
   return (
     <VStack gap="6">
-      <ReceiptIngress behovForOppfolgingAnswer={behovForOppfolgingAnswer} />
-      <Content fremtidigSituasjonAnswer={fremtidigSituasjonAnswer} />
-      <SituationChange behovForOppfolgingAnswer={behovForOppfolgingAnswer} />
-      <UsefulLinks />
+      <ThankYouAlert responseDateISOString={responseDateISOString} />
+
+      <OppsummeringAvDineSvar
+        fremtidigSituasjonAnswer={fremtidigSituasjonAnswer}
+        behovForOppfolgingAnswer={behovForOppfolgingAnswer}
+      />
+
+      <HvaSkjerVidereTekst behovForOppfolgingAnswer={behovForOppfolgingAnswer} />
+
+      <MaxDateInfo />
+
+      <NyttigeLenker />
+
+      <KontaktInformasjon />
+
       <Flexjar
         feedbackId={`meroppfolging-kvittering-${fremtidigSituasjonAnswer}`}
-        sporsmal="Føler du at denne siden har gitt deg nok informasjon om hva som skjer etter at sykepengene tar slutt?"
+        sporsmal="Synes du at du har fått nok informasjon om hva som skjer etter at sykepengene tar slutt?"
       />
     </VStack>
   )