diff --git a/apps/endringsmelding-pleiepenger/CHANGELOG.md b/apps/endringsmelding-pleiepenger/CHANGELOG.md index 88a978eee5..6c2b1d532f 100644 --- a/apps/endringsmelding-pleiepenger/CHANGELOG.md +++ b/apps/endringsmelding-pleiepenger/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/endringsmelding-pleiepenger +## 2.30.17 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 2.30.16 ### Patch Changes diff --git a/apps/endringsmelding-pleiepenger/package.json b/apps/endringsmelding-pleiepenger/package.json index 2d51cb0df5..c9e3dc6cba 100644 --- a/apps/endringsmelding-pleiepenger/package.json +++ b/apps/endringsmelding-pleiepenger/package.json @@ -5,7 +5,7 @@ "license": "MIT", "name": "@navikt/endringsmelding-pleiepenger", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "2.30.16", + "version": "2.30.17", "private": true, "dependencies": { "@navikt/ds-css": "6.16.0", diff --git a/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md b/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md index ce7a841a0b..6ef9c79c23 100644 --- a/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md +++ b/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/omsorgsdager-aleneomsorg-dialog +## 2.19.19 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 2.19.18 ### Patch Changes diff --git a/apps/omsorgsdager-aleneomsorg-dialog/package.json b/apps/omsorgsdager-aleneomsorg-dialog/package.json index 42e22c2a48..7433ebf928 100644 --- a/apps/omsorgsdager-aleneomsorg-dialog/package.json +++ b/apps/omsorgsdager-aleneomsorg-dialog/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/omsorgsdager-aleneomsorg-dialog", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "2.19.18", + "version": "2.19.19", "private": true, "type": "module", "scripts": { diff --git a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md index 01a3171b41..4cd1aa9b63 100644 --- a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md +++ b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/omsorgspengerutbetaling-arbeidstaker-soknad +## 1.4.19 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 1.4.18 ### Patch Changes diff --git a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/package.json b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/package.json index 2c26a3a141..4231f87dc4 100644 --- a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/package.json +++ b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/omsorgspengerutbetaling-arbeidstaker-soknad", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "1.4.18", + "version": "1.4.19", "private": true, "dependencies": { "@navikt/ds-css": "6.16.0", diff --git a/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md b/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md index 121312cf7d..11c6e56b82 100644 --- a/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md +++ b/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/omsorgspengerutbetaling-soknad +## 1.13.13 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 1.13.12 ### Patch Changes diff --git a/apps/omsorgspengerutbetaling-soknad/package.json b/apps/omsorgspengerutbetaling-soknad/package.json index 009f1accd8..c542475396 100644 --- a/apps/omsorgspengerutbetaling-soknad/package.json +++ b/apps/omsorgspengerutbetaling-soknad/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/omsorgspengerutbetaling-soknad", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "1.13.12", + "version": "1.13.13", "private": true, "type": "module", "dependencies": { diff --git a/apps/omsorgspengesoknad/CHANGELOG.md b/apps/omsorgspengesoknad/CHANGELOG.md index 4ba6c004db..a72fff92ad 100644 --- a/apps/omsorgspengesoknad/CHANGELOG.md +++ b/apps/omsorgspengesoknad/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/omsorgspengesoknad +## 1.28.18 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 1.28.17 ### Patch Changes diff --git a/apps/omsorgspengesoknad/package.json b/apps/omsorgspengesoknad/package.json index b3e0dbaf30..daae133c6a 100644 --- a/apps/omsorgspengesoknad/package.json +++ b/apps/omsorgspengesoknad/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/omsorgspengesoknad", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "1.28.17", + "version": "1.28.18", "private": true, "type": "module", "dependencies": { diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/CHANGELOG.md b/apps/pleiepenger-i-livets-sluttfase-soknad/CHANGELOG.md index 37bf58a56c..f696ecab77 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/CHANGELOG.md +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/CHANGELOG.md @@ -1,5 +1,13 @@ # @navikt/pleiepenger-i-livets-sluttfase-soknad +## 2.9.12 + +### Patch Changes + +- Bruke Aksel mal for oppsummeringssiden +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 2.9.11 ### Patch Changes diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/tests/fyll-ut-s\303\270knad-med-fnr.spec.ts" "b/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/tests/fyll-ut-s\303\270knad-med-fnr.spec.ts" index a806207ff7..bfb6113aab 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/tests/fyll-ut-s\303\270knad-med-fnr.spec.ts" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/tests/fyll-ut-s\303\270knad-med-fnr.spec.ts" @@ -15,7 +15,7 @@ test('Fyll ut søknad med fnr', async ({ page }) => { await page.goto(startUrl); /** Velkommen side */ - await expect(page.getByRole('heading', { level: 1, name: 'Hei PRESENTABEL' })).toBeVisible(); + await expect(page.getByRole('heading', { level: 2, name: 'Hei, PRESENTABEL' })).toBeVisible(); await page.getByLabel('Jeg bekrefter at jeg har forstått mitt ansvar som søker').click(); await page.getByRole('button', { name: 'Start søknad' }).click(); diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/utfylling-utils/pleietrengendeUtfyllingUtils.ts b/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/utfylling-utils/pleietrengendeUtfyllingUtils.ts index 3c2d026efa..62eaf1bf9c 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/utfylling-utils/pleietrengendeUtfyllingUtils.ts +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/e2e/playwright/utfylling-utils/pleietrengendeUtfyllingUtils.ts @@ -30,10 +30,10 @@ export const fyllUtPleietrengendeUtenFnr = async (page: Page) => { export const kontrollerPleietrengendeUtenFnr = async (page: Page) => { /** Kontroller oppsummering */ await expect(await page.getByText('Test Testesen').isVisible()).toBeTruthy(); - await expect(await page.getByText('Fødselsdato: 04.04.1994').isVisible()).toBeTruthy(); + await expect(await page.getByText('Fødselsdato04.04.1994').isVisible()).toBeTruthy(); await expect(await page.locator('a').getByText('navlogopng.png').nth(0).isVisible()).toBeTruthy(); await expect( - await page.getByText('Oppgitt grunn for at han/hun ikke har fødselsnummer eller D-nummer: Annet').isVisible(), + await page.getByText('Oppgitt grunn for at hen ikke har fødselsnummer eller D-nummerAnnet').isVisible(), ).toBeTruthy(); await expect(await page.getByText('Er dere flere som skal dele på pleiepengene?Nei').isVisible()).toBeTruthy(); }; diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/package.json b/apps/pleiepenger-i-livets-sluttfase-soknad/package.json index 0822618f9c..d343b54d26 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/package.json +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/pleiepenger-i-livets-sluttfase-soknad", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "2.9.11", + "version": "2.9.12", "private": true, "type": "module", "dependencies": { @@ -80,6 +80,14 @@ "vite-plugin-checker": "0.7.2", "vitest": "2.0.5" }, + "lint-staged": { + "apps/**/*.{ts,tsx}": [ + "eslint --fix" + ], + "packages/**/*.{ts,tsx}": [ + "eslint --fix" + ] + }, "scripts": { "build": "vite build --base=/familie/sykdom-i-familien/soknad/pleiepenger-i-livets-sluttfase", "build-storybook": "storybook build", diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/dager-med-tid-liste/DagerMedTidListe.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/dager-med-tid-liste/DagerMedTidListe.tsx index c5bd7f49a4..8158ba8c36 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/dager-med-tid-liste/DagerMedTidListe.tsx +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/dager-med-tid-liste/DagerMedTidListe.tsx @@ -11,7 +11,7 @@ interface Props { dagerMedTid: DagMedTid[]; viseUke?: boolean; visNormaltid?: boolean; - headingLevel?: number; + ukeHeadingLevel?: '2' | '3' | '4' | '5'; } const sortDays = (d1: DagMedTid, d2: DagMedTid): number => (dayjs(d1.dato).isSameOrBefore(d2.dato, 'day') ? -1 : 1); @@ -46,7 +46,7 @@ const renderDagerMedTid = (dager: DagMedTid[], visNormaltid?: boolean) => { ); }; -export const DagerMedTidListe = ({ dagerMedTid, viseUke, visNormaltid, headingLevel = 5 }: Props) => { +export const DagerMedTidListe = ({ dagerMedTid, viseUke, visNormaltid, ukeHeadingLevel = '5' }: Props) => { const weeksWithDays = groupBy(dagerMedTid, (dag) => `${dag.dato.getFullYear()}-${dayjs(dag.dato).isoWeek()}`); return (
@@ -58,7 +58,7 @@ export const DagerMedTidListe = ({ dagerMedTid, viseUke, visNormaltid, headingLe
{viseUke && ( diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/tid-enkeltdager/TidEnkeltdager.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/tid-enkeltdager/TidEnkeltdager.tsx index 90d1b56780..b9612f4697 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/tid-enkeltdager/TidEnkeltdager.tsx +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/components/tid-enkeltdager/TidEnkeltdager.tsx @@ -17,14 +17,14 @@ interface Props { dager: ISODagMedTid[]; renderAsAccordion?: boolean; visUke?: boolean; - headingLevel?: number; + headingLevel?: '2' | '3' | '4' | '5'; } const TidEnkeltdager: React.FunctionComponent = ({ dager, renderAsAccordion = false, visUke = false, - headingLevel = 5, + headingLevel = '5', }) => { const days: DagMedTid[] = []; dager.forEach((dag) => { @@ -51,14 +51,14 @@ const TidEnkeltdager: React.FunctionComponent = ({ } return (
0 ? '2rem' : '.5rem' }}> - + {dayjs(dagerMedTid[0].dato).format('MMMM YYYY')}
@@ -80,7 +80,11 @@ const TidEnkeltdager: React.FunctionComponent = ({
{dayjs(dagerMedTid[0].dato).format('MMMM YYYY')}
- + ); diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/BehandlingAvPersonopplysningerContent.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/BehandlingAvPersonopplysningerContent.tsx index 060dcef6c8..1615ed4c14 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/BehandlingAvPersonopplysningerContent.tsx +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/BehandlingAvPersonopplysningerContent.tsx @@ -1,48 +1,48 @@ +import { Heading, Link, List, VStack } from '@navikt/ds-react'; import React from 'react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import InfoList from '@navikt/sif-common-core-ds/src/components/lists/info-list/InfoList'; -import { Heading, Link } from '@navikt/ds-react'; -import getLenker from '../../lenker'; import { AppText } from '../../i18n'; +import getLenker from '../../lenker'; const BehandlingAvPersonopplysningerContent: React.FunctionComponent = () => { return ( - - - - -

- -

- - + +
+ + + +

+ +

+
+
+

- -
  • + + -
    • -
  • + + -
    • -
  • + + -
    • -
  • + + -
    • -
  • + + -
    • -     - -

    - -

    - + + +

    + +

    +
    +
    { ), }} /> - - +
    +     ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/OmS\303\270knaden.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/OmS\303\270knaden.tsx" index 608530ec7e..f04e9352fc 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/OmS\303\270knaden.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/OmS\303\270knaden.tsx" @@ -1,31 +1,36 @@ -import { BodyLong, Heading } from '@navikt/ds-react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import ExpandableInfo from '@navikt/sif-common-core-ds/src/components/expandable-info/ExpandableInfo'; +import { Accordion, Box, Heading, List, VStack } from '@navikt/ds-react'; import { AppText, useAppIntl } from '../../i18n'; import BehandlingAvPersonopplysningerContent from './BehandlingAvPersonopplysningerContent'; const OmSøknaden = () => { const { text } = useAppIntl(); return ( - - - - - -

    - -

    -

    - -

    -

    - -

    - - - -     -     + + + + + + + + + + + + + + + + + + + + {text('page.velkommen.omSøknaden.4')} + + + + + + ); }; diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuide.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuide.tsx deleted file mode 100644 index a2b95cc5ef..0000000000 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuide.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { BodyLong, GuidePanel, Heading } from '@navikt/ds-react'; -import React from 'react'; -import { AppText } from '../../i18n'; - -interface Props { - navn: string; -} - -const VelkommenGuide: React.FunctionComponent = ({ navn }) => ( - - - - - - - - -

    - -

    -

    - -

    -     -); - -export default VelkommenGuide; diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuideContent.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuideContent.tsx new file mode 100644 index 0000000000..17df7b45d4 --- /dev/null +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenGuideContent.tsx @@ -0,0 +1,18 @@ +import { BodyLong } from '@navikt/ds-react'; +import { AppText } from '../../i18n'; + +const VelkommenGuideContent = () => ( + <> + + + +

    + +

    +

    + +

    + +); + +export default VelkommenGuideContent; diff --git a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenPage.tsx b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenPage.tsx index 5aa82d2c1b..a0345d6e34 100644 --- a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenPage.tsx +++ b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/pages/velkommen/VelkommenPage.tsx @@ -1,13 +1,12 @@ import { PleiepengerLivetsSluttApp } from '@navikt/sif-app-register'; import { SIFCommonPageKey, useAmplitudeInstance, useLogSidevisning } from '@navikt/sif-common-amplitude'; -import Page from '@navikt/sif-common-core-ds/src/components/page/Page'; -import { SamtykkeForm } from '@navikt/sif-common-soknad-ds'; +import { SoknadVelkommenPage } from '@navikt/sif-common-soknad-ds'; import { useAppIntl } from '../../i18n'; import actionsCreator from '../../søknad/context/action/actionCreator'; import { useSøknadContext } from '../../søknad/context/hooks/useSøknadContext'; import { SøknadRoutes } from '../../types/SøknadRoutes'; import OmSøknaden from './OmSøknaden'; -import VelkommenGuide from './VelkommenGuide'; +import VelkommenGuideContent from './VelkommenGuideContent'; const VelkommenPage = () => { const { text } = useAppIntl(); @@ -26,13 +25,15 @@ const VelkommenPage = () => { dispatch(actionsCreator.setSøknadRoute(SøknadRoutes.OPPLYSNINGER_OM_PLEIETRENGENDE)); }; return ( - - - + , + }}> - - - + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/OppsummeringStep.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/OppsummeringStep.tsx" index 2431a8d437..77a0984154 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/OppsummeringStep.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/OppsummeringStep.tsx" @@ -12,7 +12,7 @@ import { usePrevious } from '@navikt/sif-common-hooks'; import ResetMellomagringButton from '../../../components/reset-mellomlagring-button/ResetMellomlagringButton'; import SøknadStep from '../../../søknad/SøknadStep'; import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock'; -import { ErrorSummary } from '@navikt/ds-react'; +import { ErrorSummary, VStack } from '@navikt/ds-react'; import getIntlFormErrorHandler from '@navikt/sif-common-formik-ds/src/validation/intlFormErrorHandler'; import { getCheckedValidator } from '@navikt/sif-common-formik-ds/src/validation'; import { getOppsummeringStepInitialValues } from './oppsummeringStepUtils'; @@ -26,6 +26,7 @@ import { ISODateToDate } from '@navikt/sif-common-utils'; import ArbeidIPeriodenSummary from './arbeid-i-perioden-summary/ArbeidIPeriodenSummary'; import { ErrorSummaryItem } from '@navikt/ds-react/ErrorSummary'; import { AppText, useAppIntl } from '../../../i18n'; +import { useNavigate } from 'react-router-dom'; enum OppsummeringFormFields { harBekreftetOpplysninger = 'harBekreftetOpplysninger', @@ -47,9 +48,10 @@ const OppsummeringStep = () => { } = useSøknadContext(); const stepId = StepId.OPPSUMMERING; + const stepConfig = getSøknadStepConfig(søknadsdata); const step = getSøknadStepConfigForStep(søknadsdata, stepId); - const { invalidSteps } = useSøknadsdataStatus(stepId, getSøknadStepConfig(søknadsdata)); + const { invalidSteps } = useSøknadsdataStatus(stepId, stepConfig); const hasInvalidSteps = invalidSteps.length > 0; const { goBack } = useStepNavigation(step); @@ -57,6 +59,7 @@ const OppsummeringStep = () => { const { sendSøknad, isSubmitting, sendSøknadError } = useSendSøknad(); const previousSøknadError = usePrevious(sendSøknadError); const sendSøknadErrorSummary = useRef(null); + const navigate = useNavigate(); useEffect(() => { if (previousSøknadError === undefined && sendSøknadError !== undefined) { @@ -119,49 +122,68 @@ const OppsummeringStep = () => { submitPending={isSubmitting} backButtonDisabled={isSubmitting} onBack={goBack}> - - - - - - - - - - - - - } - validate={getCheckedValidator()} - name={OppsummeringFormFields.harBekreftetOpplysninger} - /> + + + + navigate(stepConfig[StepId.OPPLYSNINGER_OM_PLEIETRENGENDE].route)} + /> + + navigate(stepConfig[StepId.TIDSROM].route)} + /> + + navigate(stepConfig[StepId.ARBEIDSSITUASJON].route)} + /> + + navigate(stepConfig[StepId.ARBEIDSTID].route) + : undefined + } + /> + + navigate(stepConfig[StepId.MEDLEMSKAP].route)} + /> + + navigate(stepConfig[StepId.LEGEERKLÆRING].route)} + /> + + + + + } + validate={getCheckedValidator()} + name={OppsummeringFormFields.harBekreftetOpplysninger} + /> + {sendSøknadError && ( diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummary.tsx" index f76ccf39c1..b07945fb90 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummary.tsx" @@ -1,8 +1,10 @@ +import { FormSummary, Heading } from '@navikt/ds-react'; import React from 'react'; import { DateRange } from '@navikt/sif-common-formik-ds'; -import { SummaryBlock, SummarySection } from '@navikt/sif-common-ui'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; import { ISODateToDate, prettifyDateExtended } from '@navikt/sif-common-utils'; import dayjs from 'dayjs'; +import { AppIntlShape, AppText, useAppIntl } from '../../../../i18n'; import { ArbeidsgiverType } from '../../../../types/Arbeidsgiver'; import { ArbeidsforholdApiData, @@ -10,12 +12,12 @@ import { SøknadApiData, } from '../../../../types/søknadApiData/SøknadApiData'; import ArbeidIPeriodeSummaryItem from './ArbeidIPeriodenSummaryItem'; -import { AppIntlShape, AppText, useAppIntl } from '../../../../i18n'; interface Props { apiValues: SøknadApiData; dagerMedPleie: Date[]; søknadsperiode: DateRange; + onEdit?: () => void; } export interface ArbeidIPeriodenSummaryItemType extends ArbeidsforholdApiData { @@ -63,6 +65,7 @@ const ArbeidIPeriodenSummary: React.FunctionComponent = ({ apiValues: { arbeidsgivere, frilans, selvstendigNæringsdrivende }, dagerMedPleie, søknadsperiode, + onEdit, }) => { const appIntl = useAppIntl(); const { text } = appIntl; @@ -105,24 +108,41 @@ const ArbeidIPeriodenSummary: React.FunctionComponent = ({ return ( <> {aktiveArbeidsforhold.length > 0 && ( - - {aktiveArbeidsforhold.map((forhold, index) => - forhold.arbeidIPeriode ? ( - - - - ) : ( -
    - -
    - ), - )} -     + + + + + + {onEdit && } + + + {aktiveArbeidsforhold.map((forhold) => ( + + {forhold.arbeidIPeriode ? ( + <> + + + {forhold.tittel} + + + + + + + ) : ( + + + + )} + + ))} + + )} ); diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummaryItem.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummaryItem.tsx" index f28514f09d..a74f2e1e5f 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummaryItem.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeid-i-perioden-summary/ArbeidIPeriodenSummaryItem.tsx" @@ -54,7 +54,7 @@ const ArbeidIPeriodeSummaryItem: React.FC = ({ arbeidIPeriode, dagerMedPl     )} diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidsgivereSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidsgivereSummary.tsx" index 18e861c56d..d14270fa11 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidsgivereSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidsgivereSummary.tsx" @@ -1,9 +1,9 @@ +import { FormSummary, Heading, List } from '@navikt/ds-react'; import React from 'react'; -import { ArbeidsgiverApiData } from '../../../../types/søknadApiData/SøknadApiData'; import { DateRange } from '@navikt/sif-common-formik-ds'; -import { SummaryBlock } from '@navikt/sif-common-ui'; import { prettifyDateExtended } from '@navikt/sif-common-utils'; -import { AppText, useAppIntl } from '../../../../i18n'; +import { AppText } from '../../../../i18n'; +import { ArbeidsgiverApiData } from '../../../../types/søknadApiData/SøknadApiData'; interface Props { arbeidsgivere?: ArbeidsgiverApiData[]; @@ -11,19 +11,20 @@ interface Props { } const ArbeidsgivereSummary: React.FunctionComponent = ({ arbeidsgivere, søknadsperiode }) => { - const { text } = useAppIntl(); - if (arbeidsgivere === undefined || arbeidsgivere.length === 0) { return ( - -
      -
    • -

      + + + + + + + -

      -
      • -
    -     + + + + ); } @@ -32,50 +33,56 @@ const ArbeidsgivereSummary: React.FunctionComponent = ({ arbeidsgivere, s {arbeidsgivere.map((arbeidsgiver) => { const { navn, organisasjonsnummer, erAnsatt } = arbeidsgiver; return ( - -
      -
    • - -
      • - {arbeidsgiver.arbeidsforhold && ( - <> -
    • - -
      • - - )} - {erAnsatt === false && ( -
    • + + + + + + + + {' '} + + -
      • - )} -
    -     + + {arbeidsgiver.arbeidsforhold && ( + <> + + + + + )} + {erAnsatt === false && ( + + + + )} + + + ); })} diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonFrilansSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonFrilansSummary.tsx" index d77f23adf7..925edf9bb3 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonFrilansSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonFrilansSummary.tsx" @@ -1,8 +1,8 @@ -import { SummaryBlock } from '@navikt/sif-common-ui'; +import { FormSummary, Heading, List } from '@navikt/ds-react'; import { prettifyApiDate } from '@navikt/sif-common-utils'; +import { AppText } from '../../../../i18n'; import { Arbeidsgiver } from '../../../../types/Arbeidsgiver'; import { FrilansApiData } from '../../../../types/søknadApiData/SøknadApiData'; -import { AppText, useAppIntl } from '../../../../i18n'; interface Props { frilans?: FrilansApiData; @@ -10,72 +10,72 @@ interface Props { } const ArbeidssituasjonFrilansSummary = ({ frilans, frilansoppdrag }: Props) => { - const { text } = useAppIntl(); - if (frilans === undefined) { - return ( - -
      -
    • -

      - -

      -
      • -
    -     - ); - } - return ( - -
      - {frilans.harHattInntektSomFrilanser === false && ( -
    • - -
      • - )} + + + + + + + + + {frilans === undefined ? ( + + + + ) : ( + <> + {frilans.harHattInntektSomFrilanser === false && ( + + + + )} -
    • - -
      • - {frilans.sluttdato && ( -
    • - -
      • - )} - {frilans.jobberFortsattSomFrilans && ( -
    • - -
      • - )} - {frilans.arbeidsforhold && ( - <> -
    • - -
      • - - )} - {/* Hvis bruker fortsatt er frilanser i perioden (arbeidsforhold finnes), og har frilansoppdrag */} - {frilans.arbeidsforhold && frilansoppdrag && frilansoppdrag.length > 0 && ( -
    • - -
        - {frilansoppdrag.map((oppdrag) => ( -
      • {oppdrag.navn}
        • - ))} -
      -
      • - )} -
    -     + + + + {frilans.sluttdato && ( + + + + )} + {frilans.jobberFortsattSomFrilans && ( + + + + )} + {frilans.arbeidsforhold && ( + <> + + + + + )} + {/* Hvis bruker fortsatt er frilanser i perioden (arbeidsforhold finnes), og har frilansoppdrag */} + {frilans.arbeidsforhold && frilansoppdrag && frilansoppdrag.length > 0 && ( + + +
      + {frilansoppdrag.map((oppdrag) => ( + {oppdrag.navn} + ))} +
    +     + )} + + )} + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSNSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSNSummary.tsx" index 2a13604cd0..f90e72da09 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSNSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSNSummary.tsx" @@ -1,9 +1,7 @@ import { SelvstendigNæringsdrivendeApiData } from '../../../../types/søknadApiData/SøknadApiData'; -import { SummaryBlock } from '@navikt/sif-common-ui'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import VirksomhetSummary from '@navikt/sif-common-forms-ds/src/forms/virksomhet/VirksomhetSummary'; -import { Label } from '@navikt/ds-react'; +import { FormSummary, Heading, List } from '@navikt/ds-react'; import { AppText, useAppIntl } from '../../../../i18n'; +import VirksomhetFormSummary from '@navikt/sif-common-forms-ds/src/forms/virksomhet/VirksomhetFormSummary'; interface Props { selvstendigNæringsdrivende?: SelvstendigNæringsdrivendeApiData; @@ -13,49 +11,47 @@ function ArbeidssituasjonSNSummary({ selvstendigNæringsdrivende }: Props) { const { text } = useAppIntl(); const { arbeidsforhold, virksomhet } = selvstendigNæringsdrivende || {}; return ( - - {selvstendigNæringsdrivende === undefined && ( -
      -
    • -

      + + + + + + + + + {selvstendigNæringsdrivende === undefined && ( + -

      -
      • -
    - )} - {virksomhet && arbeidsforhold && ( - <> -
      -
    • - -
      • -
    • - {virksomhet.harFlereAktiveVirksomheter ? ( - - ) : ( - - )} -
      • - {arbeidsforhold.jobberNormaltTimer && ( - <> -
    • + + )} + {virksomhet && arbeidsforhold && ( + <> + + + + + {virksomhet.harFlereAktiveVirksomheter ? ( + + ) : ( + + )} + + {arbeidsforhold.jobberNormaltTimer && ( + -
      • - - )} -
    - - -
    - -
    -     - - )} -     + + )} + + + + + )} + + + ); } diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSummary.tsx" index c04d07526f..9338f0be71 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonSummary.tsx" @@ -1,19 +1,22 @@ +import { FormSummary } from '@navikt/ds-react'; import React from 'react'; +import { DateRange } from '@navikt/sif-common-formik-ds'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; +import { AppText } from '../../../../i18n'; +import { Arbeidsgiver } from '../../../../types/Arbeidsgiver'; +import { SøknadApiData } from '../../../../types/søknadApiData/SøknadApiData'; import ArbeidsgivereSummary from './ArbeidsgivereSummary'; import ArbeidssituasjonFrilansSummary from './ArbeidssituasjonFrilansSummary'; import ArbeidssituasjonSNSummary from './ArbeidssituasjonSNSummary'; import UtenlandskNæringSummary from './ArbeidssituasjonUtenlandskNæringSummary'; -import { SøknadApiData } from '../../../../types/søknadApiData/SøknadApiData'; -import { DateRange } from '@navikt/sif-common-formik-ds'; -import { Arbeidsgiver } from '../../../../types/Arbeidsgiver'; -import { SummaryBlock, SummarySection } from '@navikt/sif-common-ui'; import OpptjeningIUtlandetSummaryView from './OpptjeningIUtlandetSummaryView'; -import { useAppIntl } from '../../../../i18n'; +import VernepliktSummary from './VernepliktSummary'; interface Props { apiData: SøknadApiData; søknadsperiode: DateRange; frilansoppdrag?: Arbeidsgiver[]; + onEdit?: () => void; } const ArbeidssituasjonSummary: React.FC = ({ @@ -21,42 +24,36 @@ const ArbeidssituasjonSummary: React.FC = ({ arbeidsgivere, frilans, selvstendigNæringsdrivende, - opptjeningIUtlandet: opptjeningUtland, + opptjeningIUtlandet, harVærtEllerErVernepliktig, utenlandskNæring, }, søknadsperiode, frilansoppdrag, + onEdit, }) => { - const { text } = useAppIntl(); - return ( - - - - - - - - - - - - {/* Vernepliktig */} - {harVærtEllerErVernepliktig !== undefined && ( - -
      -
    • - {text( - harVærtEllerErVernepliktig - ? 'oppsummering.arbeidssituasjon.verneplikt.harVærtVernepliktig' - : 'oppsummering.arbeidssituasjon.verneplikt.harIkkeVærtVernepliktig', - )} -
      • -
    -     - )} -     + + + + + + {onEdit && } + + + + + + + + + + + + + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonUtenlandskN\303\246ringSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonUtenlandskN\303\246ringSummary.tsx" index 4520589507..7bb4e2a8d3 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonUtenlandskN\303\246ringSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/ArbeidssituasjonUtenlandskN\303\246ringSummary.tsx" @@ -1,58 +1,89 @@ +import { FormSummary, Heading, List } from '@navikt/ds-react'; import React from 'react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import { SummaryBlock, SummaryList } from '@navikt/sif-common-ui'; import { prettifyApiDate } from '@navikt/sif-common-utils'; -import { AppText, useAppIntl } from '../../../../i18n'; +import { AppIntlShape, AppText, useAppIntl } from '../../../../i18n'; import { UtenlandskNæringApi } from '../../../../types/søknadApiData/SøknadApiData'; +import { ListItem } from '@navikt/ds-react/List'; +import { SummaryList } from '@navikt/sif-common-ui'; interface Props { utenlandskNæring: UtenlandskNæringApi[]; } -function UtenlandskNæringSummary({ utenlandskNæring }: Props) { - const { text } = useAppIntl(); - const renderUtenlandskNæring = (næring: UtenlandskNæringApi): React.ReactNode => { - const land = næring.land.landnavn; +const renderUtenlandskNæring = (næring: UtenlandskNæringApi, { text }: AppIntlShape): React.ReactNode => { + const land = næring.land.landnavn; - const næringstype = text(`@forms.utenlandskNæringForm.næringstype_${næring.næringstype}`); + const næringstype = text(`@forms.utenlandskNæringForm.næringstype_${næring.næringstype}`); - const tidsinfo = næring.tilOgMed - ? text('@forms.utenlandskNæringForm.summary.tidsinfo.avsluttet', { - fraOgMed: prettifyApiDate(næring.fraOgMed), - tilOgMed: prettifyApiDate(næring.tilOgMed), - }) - : text('@forms.utenlandskNæringForm.summary.tidsinfo.pågående', { - fraOgMed: prettifyApiDate(næring.fraOgMed), - }); - return ( - -
    {`${text('@forms.utenlandskNæringForm.summary.navn')}: ${næring.navnPåVirksomheten}.`}
    -
    {`${text('@forms.utenlandskNæringForm.summary.næringstype')}: ${næringstype}.`}
    + const tidsinfo = næring.tilOgMed + ? text('@forms.utenlandskNæringForm.summary.tidsinfo.avsluttet', { + fraOgMed: prettifyApiDate(næring.fraOgMed), + tilOgMed: prettifyApiDate(næring.tilOgMed), + }) + : text('@forms.utenlandskNæringForm.summary.tidsinfo.pågående', { + fraOgMed: prettifyApiDate(næring.fraOgMed), + }); + return ( +
    +
    {`${text('@forms.utenlandskNæringForm.summary.næringstype')}: ${næringstype}`}
    +
    + + {næring.organisasjonsnummer !== undefined && ( + <> + + + )} +
    +
    {tidsinfo}
    +
    + ); +}; -
    - - {næring.organisasjonsnummer !== undefined && ( - <> - - - )} - . -
    -
    {tidsinfo}
    -     - ); - }; +function UtenlandskNæringSummary({ utenlandskNæring }: Props) { + const appIntl = useAppIntl(); return ( - - {utenlandskNæring.length === 0 ? ( - - ) : ( - - )} - + <> + + + + + + + + + + {utenlandskNæring.length === 0 ? ( + + ) : ( + + )} + + {utenlandskNæring.length > 0 && ( + + + `${appIntl.text('@forms.utenlandskNæringForm.summary.navn')}: ${næring.navnPåVirksomheten}` + } + itemRenderer={(næring: UtenlandskNæringApi) => + renderUtenlandskNæring(næring, appIntl) + } + /> + + )} + + + + ); } diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/OpptjeningIUtlandetSummaryView.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/OpptjeningIUtlandetSummaryView.tsx" index 47ff0cdabb..8e41b07976 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/OpptjeningIUtlandetSummaryView.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/OpptjeningIUtlandetSummaryView.tsx" @@ -1,31 +1,49 @@ +import { FormSummary, Heading, List } from '@navikt/ds-react'; import React from 'react'; -import { SummaryBlock } from '@navikt/sif-common-ui'; import { ISODateToDate, prettifyDateExtended } from '@navikt/sif-common-utils'; import { AppText, useAppIntl } from '../../../../i18n'; import { OpptjeningIUtlandetApi } from '../../../../types/søknadApiData/SøknadApiData'; +import { SummaryList } from '@navikt/sif-common-ui'; export interface Props { opptjeningUtland: OpptjeningIUtlandetApi[]; } +const getPeriode = (opptjening: OpptjeningIUtlandetApi): string => { + return `${prettifyDateExtended(ISODateToDate(opptjening.fraOgMed))} - ${prettifyDateExtended(ISODateToDate(opptjening.tilOgMed))}`; +}; + const OpptjeningIUtlandetSummaryView: React.FC = (props) => { const { opptjeningUtland } = props; const { text } = useAppIntl(); - return ( <> - - {opptjeningUtland.length === 0 && } - {opptjeningUtland.length > 0 && ( -
      - {opptjeningUtland.map((opptjening, index) => ( -
    • -
      - - {prettifyDateExtended(ISODateToDate(opptjening.fraOgMed))} -{' '} - {prettifyDateExtended(ISODateToDate(opptjening.tilOgMed))} - - + + + + + + + + + + {opptjeningUtland.length === 0 ? ( + + ) : ( + + )} + + {opptjeningUtland.length > 0 && ( + + + variant="blocks" + items={opptjeningUtland} + itemRenderer={(opptjening) => ( = (props) => { hvor: opptjening.navn, }} /> - -
      -
      • - ))} -
    - )} -     + )} + itemTitleRenderer={(opptjening) => + text('opptjeningIUtlandetSummaryItem.periode', { + periode: getPeriode(opptjening), + }) + } + /> + + )} + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/VernepliktSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/VernepliktSummary.tsx" new file mode 100644 index 0000000000..9558af7d3b --- /dev/null +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/VernepliktSummary.tsx" @@ -0,0 +1,30 @@ +import { FormSummary } from '@navikt/ds-react'; +import { AppText } from '../../../../i18n'; + +interface Props { + harVærtEllerErVernepliktig?: boolean; +} +const VernepliktSummary = ({ harVærtEllerErVernepliktig }: Props) => { + if (harVærtEllerErVernepliktig === undefined) { + return null; + } + + return ( + + + + + + + + + ); +}; + +export default VernepliktSummary; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/opptjeningIUtlandetSummaryItem.css" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/opptjeningIUtlandetSummaryItem.css" deleted file mode 100644 index 345eb1e655..0000000000 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/arbeidssituasjon-summary/opptjeningIUtlandetSummaryItem.css" +++ /dev/null @@ -1,12 +0,0 @@ -.opptjeningIUtlandetSummaryItem { - display: flex; - flex-wrap: wrap; -} - -.opptjeningIUtlandetSummaryItem__dates { - padding-right: 0.3rem; -} - -.opptjeningIUtlandetSummaryItem__dates::after { - content: ':'; -} diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/Legeerkl\303\246ringOppsummering.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/Legeerkl\303\246ringOppsummering.tsx" index e5823ac4f7..c223c0b27b 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/Legeerkl\303\246ringOppsummering.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/Legeerkl\303\246ringOppsummering.tsx" @@ -1,19 +1,19 @@ +import { FormSummary } from '@navikt/ds-react'; import React from 'react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; import AttachmentList from '@navikt/sif-common-core-ds/src/components/attachment-list/AttachmentList'; -import { SummarySection } from '@navikt/sif-common-ui'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; +import { AppText } from '../../../../i18n'; +import { SøknadApiData } from '../../../../types/søknadApiData/SøknadApiData'; import { LegeerklæringSøknadsdata } from '../../../../types/søknadsdata/LegeerklæringSøknadsdata'; import { getAttachmentURLBackend } from '../../../../utils/attachmentUtilsAuthToken'; -import { SøknadApiData } from '../../../../types/søknadApiData/SøknadApiData'; -import { AppText, useAppIntl } from '../../../../i18n'; interface Props { apiData: SøknadApiData; legeerklæringSøknadsdata?: LegeerklæringSøknadsdata; + onEdit?: () => void; } -const LegeerklæringOppsummering: React.FC = ({ apiData, legeerklæringSøknadsdata }) => { - const { text } = useAppIntl(); +const LegeerklæringOppsummering: React.FC = ({ apiData, legeerklæringSøknadsdata, onEdit }) => { const legeerklæringer = legeerklæringSøknadsdata ? legeerklæringSøknadsdata.vedlegg.filter( (v) => v.url && apiData.vedleggUrls.includes(getAttachmentURLBackend(v.url)), @@ -21,17 +21,30 @@ const LegeerklæringOppsummering: React.FC = ({ apiData, legeerklæringS : []; return ( - - - {legeerklæringSøknadsdata?.vedlegg.length === 0 ? ( - - ) : ( -
    - -
    - )} -     -     + + + + + + {onEdit && } + + + + + + {' '} + + {legeerklæringSøknadsdata?.vedlegg.length === 0 ? ( + + ) : ( +
    + +
    + )} +     +     +     +     ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/MedlemskapOppsummering.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/MedlemskapOppsummering.tsx" index f1b86d77b8..8df5e53b7c 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/MedlemskapOppsummering.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/MedlemskapOppsummering.tsx" @@ -1,16 +1,17 @@ +import { FormSummary } from '@navikt/ds-react'; import React from 'react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import { JaNeiSvar, SummaryBlock, SummaryList, SummarySection } from '@navikt/sif-common-ui'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; +import { JaNeiSvar, SummaryList } from '@navikt/sif-common-ui'; +import { AppText } from '../../../../i18n'; import { MedlemskapApiData } from '../../../../types/søknadApiData/SøknadApiData'; import { renderUtenlandsoppholdIPeriodenSummary } from './renderUtenlandsoppholdSummary'; -import { useAppIntl } from '../../../../i18n'; export interface Props { medlemskap: MedlemskapApiData; + onEdit?: () => void; } -const MedlemskapOppsummering: React.FC = ({ medlemskap }) => { - const { text } = useAppIntl(); +const MedlemskapOppsummering: React.FC = ({ medlemskap, onEdit }) => { const { harBoddIUtlandetSiste12Mnd, utenlandsoppholdSiste12Mnd, @@ -18,38 +19,68 @@ const MedlemskapOppsummering: React.FC = ({ medlemskap }) => { utenlandsoppholdNeste12Mnd, } = medlemskap; return ( - - -
    - -
    -     - {harBoddIUtlandetSiste12Mnd && utenlandsoppholdSiste12Mnd.length > 0 && ( - -
    - -
    -     - )} - -
    - -
    -     - {skalBoIUtlandetNeste12Mnd && utenlandsoppholdNeste12Mnd.length > 0 && ( - -
    - -
    -     - )} -     + + + + + + {onEdit && } + + + + + + + +
    + +
    +     +     + {harBoddIUtlandetSiste12Mnd && utenlandsoppholdSiste12Mnd.length > 0 && ( + + + + + +
    + +
    +     +     + )} + + + + + +
    + +
    +     +     + {skalBoIUtlandetNeste12Mnd && utenlandsoppholdNeste12Mnd.length > 0 && ( + + + + + +
    + +
    +     +     + )} +     +     ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/OmS\303\270kerOppsummering.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/OmS\303\270kerOppsummering.tsx" index 2ac66dd68d..2b90b1dc79 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/OmS\303\270kerOppsummering.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/OmS\303\270kerOppsummering.tsx" @@ -1,20 +1,37 @@ +import { FormSummary } from '@navikt/ds-react'; import React from 'react'; import { formatName } from '@navikt/sif-common-core-ds/src/utils/personUtils'; -import { SummaryBlock, SummarySection } from '@navikt/sif-common-ui'; +import { AppText } from '../../../../i18n'; import { Søker } from '../../../../types/Søker'; -import { AppText, useAppIntl } from '../../../../i18n'; interface Props { søker: Søker; } const OmSøkerOppsummering: React.FC = ({ søker }) => { - const { text } = useAppIntl(); return ( - - - - - + + + + + + + + + + + + + {formatName(søker.fornavn, søker.etternavn, søker.mellomnavn)} + + + + + + + {søker.fødselsnummer} + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/PleietrengendePersonSummary.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/PleietrengendePersonSummary.tsx" index 58f32aafc6..384bff3505 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/PleietrengendePersonSummary.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/PleietrengendePersonSummary.tsx" @@ -1,70 +1,90 @@ -import { BodyLong } from '@navikt/ds-react'; -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; +import { FormSummary } from '@navikt/ds-react'; import AttachmentList from '@navikt/sif-common-core-ds/src/components/attachment-list/AttachmentList'; import { Attachment } from '@navikt/sif-common-core-ds/src/types/Attachment'; -import { FødselsnummerSvar, SummaryBlock, SummarySection } from '@navikt/sif-common-ui'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; +import { FødselsnummerSvar } from '@navikt/sif-common-ui'; import { ISODateToDate, prettifyDate } from '@navikt/sif-common-utils'; +import { AppText } from '../../../../i18n'; import { FlereSokereApiData, PleietrengendeApi } from '../../../../types/søknadApiData/SøknadApiData'; -import { AppText, useAppIntl } from '../../../../i18n'; interface Props { pleietrengende: PleietrengendeApi; pleietrengendeId: Attachment[]; flereSøkere: FlereSokereApiData; + onEdit?: () => void; } -const PleietrengendePersonSummary = ({ pleietrengende, pleietrengendeId, flereSøkere }: Props) => { - const { text } = useAppIntl(); +const PleietrengendePersonSummary = ({ pleietrengende, pleietrengendeId, flereSøkere, onEdit }: Props) => { return ( - - - {pleietrengende.fødselsdato ? ( - - - - ) : null} + + + + + + {onEdit && } + + + + + + + {pleietrengende.navn} + + {pleietrengende.fødselsdato && ( + + + + + {prettifyDate(ISODateToDate(pleietrengende.fødselsdato))} + + )} {pleietrengende.norskIdentitetsnummer && !pleietrengende.årsakManglerIdentitetsnummer && ( - <> - {' '} - - + + + + + + + + )} {pleietrengende.årsakManglerIdentitetsnummer && !pleietrengende.norskIdentitetsnummer && ( <> - - + + + + + - - - - + + + + + + + {pleietrengendeId.filter(({ pending, uploaded }) => uploaded || pending).length > 0 && ( )} {pleietrengendeId.filter(({ pending, uploaded }) => uploaded || pending).length === 0 && } - - + + )} - - - - - + + + + + + + + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/TidsromOppsummering.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/TidsromOppsummering.tsx" index 4dada6aba9..dfb4071138 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/TidsromOppsummering.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/TidsromOppsummering.tsx" @@ -1,52 +1,91 @@ -import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block'; -import { SummaryBlock, SummaryList, SummarySection } from '@navikt/sif-common-ui'; +import { FormSummary } from '@navikt/ds-react'; +import EditStepLink from '@navikt/sif-common-soknad-ds/src/components/edit-step-link/EditStepLink'; +import { SummaryList } from '@navikt/sif-common-ui'; +import { AppText } from '../../../../i18n'; import { SøknadApiData } from '../../../../types/søknadApiData/SøknadApiData'; import { renderUtenlandsoppholdIPeriodenSummary } from './renderUtenlandsoppholdSummary'; import ValgteDagerMedPleie from './ValgteDagerMedPleie'; -import { AppText, useAppIntl } from '../../../../i18n'; interface Props { dagerMedPleie: Date[]; apiData: SøknadApiData; + onEdit?: () => void; } -const TidsromOppsummering = ({ apiData, dagerMedPleie }: Props) => { - const { text } = useAppIntl(); - +const TidsromOppsummering = ({ apiData, dagerMedPleie, onEdit }: Props) => { return ( - - - - - - - - - - - - - - {apiData.utenlandsoppholdIPerioden && ( - <> - - - - - {apiData.utenlandsoppholdIPerioden.opphold.length > 0 && ( - - + + + + + + {onEdit && } + + + + + - + + + + + + + + + + + + + + + + + + + + + + {apiData.utenlandsoppholdIPerioden && ( + <> + + + + + + + + + + {apiData.utenlandsoppholdIPerioden.opphold.length > 0 && ( + + + + + + + + + )} + )} - - )} - + + + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/UtenlandsoppholdIS\303\270keperiodeOppsummering.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/UtenlandsoppholdIS\303\270keperiodeOppsummering.tsx" deleted file mode 100644 index 886081bc82..0000000000 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/UtenlandsoppholdIS\303\270keperiodeOppsummering.tsx" +++ /dev/null @@ -1,20 +0,0 @@ -import React from 'react'; -import { SummaryBlock, SummaryList } from '@navikt/sif-common-ui'; -import { UtenlandsoppholdIPeriodenApiData } from '../../../../types/søknadApiData/SøknadApiData'; -import { renderUtenlandsoppholdIPeriodenSummary } from './renderUtenlandsoppholdSummary'; -import { useAppIntl } from '../../../../i18n'; - -export interface Props { - utenlandsopphold: UtenlandsoppholdIPeriodenApiData[]; -} - -const UtenlandsoppholdISøkeperiodeOppsummering: React.FC = ({ utenlandsopphold }) => { - const { text } = useAppIntl(); - return utenlandsopphold && utenlandsopphold.length > 0 ? ( - - - - ) : null; -}; - -export default UtenlandsoppholdISøkeperiodeOppsummering; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/ValgteDagerMedPleie.tsx" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/ValgteDagerMedPleie.tsx" index 09b7f347f6..f3a0e84db4 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/ValgteDagerMedPleie.tsx" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/components/ValgteDagerMedPleie.tsx" @@ -1,3 +1,4 @@ +import { List } from '@navikt/ds-react'; import React from 'react'; import { dateFormatter, dateRangeToISODateRange, getDateRangesFromDates } from '@navikt/sif-common-utils'; import dayjs from 'dayjs'; @@ -9,9 +10,9 @@ interface Props { const ValgteDagerMedPleie: React.FunctionComponent = ({ dagerMedPleie }) => { const dateRanges = getDateRangesFromDates(dagerMedPleie); return ( -
      + {dateRanges.map((dr) => ( -
    • + {dayjs(dr.from).isSame(dr.to, 'day') ? ( <>{dateFormatter.dayCompactDate(dr.from)} ) : ( @@ -19,9 +20,9 @@ const ValgteDagerMedPleie: React.FunctionComponent = ({ dagerMedPleie }) {dateFormatter.dayCompactDate(dr.from)} - {dateFormatter.dayCompactDate(dr.to)} )} -
      • + ))} -
    + ); }; diff --git "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/oppsummeringMessages.ts" "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/oppsummeringMessages.ts" index 60faffb39e..e4d70893a0 100644 --- "a/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/oppsummeringMessages.ts" +++ "b/apps/pleiepenger-i-livets-sluttfase-soknad/src/app/s\303\270knad/steps/oppsummering/oppsummeringMessages.ts" @@ -7,35 +7,37 @@ const nb = { 'Les gjennom oppsummeringen og sjekk at alt er riktig før du sender inn søknaden. Hvis du vil gjøre endringer, kan du gå tilbake.', 'step.oppsummering.søker.header': 'Om deg', - 'step.oppsummering.søker.fnr': 'Fødselsnummer: {fødselsnummer}', + 'step.oppsummering.søker.navn': 'Navn', + 'step.oppsummering.søker.fnr': 'Fødselsnummer', 'step.oppsummering.pleietrengende.header': 'Om personen du pleier', - 'steg.oppsummering.pleietrengende.harIkkeFnr': - 'Oppgitt grunn for at han/hun ikke har fødselsnummer eller D-nummer: {årsak}', - 'steg.oppsummering.pleietrengende.fødselsdato': 'Fødselsdato: {dato}', - 'steg.oppsummering.pleietrengende.årsakManglerIdentitetsnummer.BOR_I_UTLANDET': 'Personen bor i utlandet', - 'steg.oppsummering.pleietrengende.årsakManglerIdentitetsnummer.ANNET': 'Annet', - 'steg.oppsummering.pleietrengende.id': 'ID for personen du pleier', + 'step.oppsummering.pleietrengende.fødselsdato': 'Fødselsdato', + 'step.oppsummering.pleietrengende.navn': 'Navn', + 'step.oppsummeringpleietrengende.harIkkeFnr': 'Oppgitt grunn for at hen ikke har fødselsnummer eller D-nummer', + 'step.oppsummeringpleietrengende.årsakManglerIdentitetsnummer.BOR_I_UTLANDET': 'Personen bor i utlandet', + 'step.oppsummeringpleietrengende.årsakManglerIdentitetsnummer.ANNET': 'Annet', + 'step.oppsummeringpleietrengende.id': 'ID for personen du pleier', + 'step.oppsummering.pleietrengende.fnr': 'Fødselsnummer', 'step.oppsummering.pleietrengende.id.ingenId': 'Ingen ID er lastet opp', - 'steg.oppsummering.tidsrom.header': 'Dagene du søker pleiepenger for', - 'steg.oppsummering.tidsrom.valgteDager.header': '{dager} {dager, plural, one {dag} other {dager}} med pleiepenger', - 'steg.oppsummering.søknadsperiode.header': 'Periode', - 'steg.oppsummering.tidsrom.fomtom': '{fom} - {tom}', + 'step.oppsummeringtidsrom.header': 'Dagene du søker pleiepenger for', + 'step.oppsummeringtidsrom.valgteDager.header': '{dager} {dager, plural, one {dag} other {dager}} med pleiepenger', + 'step.oppsummeringsøknadsperiode.header': 'Periode', + 'step.oppsummeringtidsrom.fomtom': '{fom} - {tom}', - 'steg.oppsummering.pleierDuDenSykeHjemme.header': 'Skal du pleie personen hjemme i de dagene du søker for?', - 'steg.oppsummering.skalJobbeOgPleieSammeDag.header': 'Skal du jobbe delvis i noen av dagene du søker for?', + 'step.oppsummeringpleierDuDenSykeHjemme.header': 'Skal du pleie personen hjemme i de dagene du søker for?', + 'step.oppsummeringskalJobbeOgPleieSammeDag.header': 'Skal du jobbe delvis i noen av dagene du søker for?', - 'steg.oppsummering.flereSokere.header': 'Er dere flere som skal dele på pleiepengene?', + 'step.oppsummeringflereSokere.header': 'Er dere flere som skal dele på pleiepengene?', - 'steg.oppsummering.JA': 'Ja', - 'steg.oppsummering.NEI': 'Nei', - 'steg.oppsummering.USIKKER': 'Usikker', + 'step.oppsummeringJA': 'Ja', + 'step.oppsummeringNEI': 'Nei', + 'step.oppsummeringUSIKKER': 'Usikker', - 'steg.oppsummering.utenlandsoppholdIPerioden.header': 'Oppholder du deg i utlandet i noen av dagene du søker for?', - 'steg.oppsummering.utenlandsoppholdIPerioden.listetittel': 'Utenlandsopphold i perioden', + 'step.oppsummeringutenlandsoppholdIPerioden.header': 'Oppholder du deg i utlandet i noen av dagene du søker for?', + 'step.oppsummeringutenlandsoppholdIPerioden.listetittel': 'Utenlandsopphold i perioden', - 'steg.oppsummering.arbeidssituasjon.header': 'Din arbeidssituasjon', - 'steg.oppsummering.vedlegg.header': 'Vedlegg', + 'step.oppsummeringarbeidssituasjon.header': 'Din arbeidssituasjon', + 'step.oppsummeringvedlegg.header': 'Vedlegg', 'arbeidsgiver.tittel': '{navn} (organisasjonsnummer {organisasjonsnummer})', 'frilans.tittel': 'Frilans', @@ -75,13 +77,21 @@ const nb = { 'oppsummering.arbeidssituasjon.verneplikt.harIkkeVærtVernepliktig': 'Utøvde ikke verneplikt på tidspunktet det søkes pleiepenger fra', - 'oppsummering.arbeidssituasjon.optjeningIUtlandet.listetittel': - 'Har jobbet som arbeidstaker eller frilanser i et annet EØS-land i løpet av de 3 siste månedene før perioden en søker om', - 'oppsummering.arbeidssituasjon.optjeningIUtlandet.nei': 'Nei', - - 'oppsummering.arbeidssituasjon.utenlandskNæring.listetittel': + 'oppsummering.arbeidssituasjon.optjeningIUtlandet.tittel': 'Arbeidstaker eller frilanser i et annet EØS-land', + 'oppsummering.arbeidssituasjon.optjeningIUtlandet.ja': + 'Har jobbet som arbeidstaker eller frilanser i et annet EØS-land i løpet av de 3 siste månedene før perioden en søker om', + 'oppsummering.arbeidssituasjon.optjeningIUtlandet.nei': + 'Har ikke jobbet som arbeidstaker eller frilanser i et annet EØS-land i løpet av de 3 siste månedene før perioden en søker om', + 'oppsummering.arbeidssituasjon.optjeningIUtlandet.periode': 'Periode med jobb i annet EØS-land', + 'oppsummering.arbeidssituasjon.optjeningIUtlandet.perioder': 'Perioder med jobb i annet EØS-land', + + 'oppsummering.arbeidssituasjon.utenlandskNæring.tittel': 'Selvstendig næringsdrivende i et annet EØS-land', + 'oppsummering.arbeidssituasjon.utenlandskNæring.nei': + 'Har ikke jobbet som selvstendig næringsdrivende i et annet EØS-land i løpet av de 3 siste årene før perioden en søker om', + 'oppsummering.arbeidssituasjon.utenlandskNæring.ja': 'Har jobbet som selvstendig næringsdrivende i et annet EØS-land i løpet av de 3 siste årene før perioden en søker om', - 'oppsummering.arbeidssituasjon.utenlandskNæring.nei': 'Nei', + 'oppsummering.arbeidssituasjon.utenlandskNæring.næringer': 'Næringsvirksomheter i andre EØS-land', + 'oppsummering.arbeidssituasjon.utenlandskNæring.næring': 'Næringsvirksomhet i annet EØS-land', 'oppsummering.arbeidIPeriode.jobbIPerioden.header': 'Jobb i søknadsperioden', 'oppsummering.arbeidIPeriode.jobbIPerioden': 'Jobb i søknadsperioden', @@ -89,13 +99,13 @@ const nb = { 'oppsummering.arbeidIPeriode.jobberIPerioden.HELT_FRAVÆR': 'Jeg jobber ikke her de dagene jeg pleier', 'oppsummering.arbeidIPeriode.jobberIPerioden.REDUSERT': 'Jeg kombinerer delvis jobb med pleiepenger', 'oppsummering.arbeidIPeriode.jobberIPerioden.SOM_VANLIG': 'Jeg jobber som normalt, og har ikke fravær', - 'oppsummering.arbeidIPeriode.jobberIPerioden.liktHverUke': 'Jobber likt hver uke', - 'oppsummering.arbeidIPeriode.jobberIPerioden.prosent': 'Jobber {prosent} prosent, i snitt {timer} hver ukedag', + 'oppsummering.arbeidIPeriode.jobberIPerioden.liktHverUke': 'Jeg jobber likt hver uke', + 'oppsummering.arbeidIPeriode.jobberIPerioden.prosent': 'Jeg jobber {prosent} prosent, i snitt {timer} hver ukedag', 'oppsummering.arbeidIPeriode.jobberIPerioden.informasjonMangler': 'Informasjon om arbeid i perioden mangler', 'oppsummering.arbeidIPeriode.jobberIPerioden.dagerJegSkalJobbe.heading': 'Dager med pleiepenger hvor jeg skal jobbe', - 'summary.virksomhet.virksomhetInfo.tittel': 'Næringsvirksomhet som du har lagt inn:', + 'summary.virksomhet.virksomhetInfo.tittel': 'Næringsvirksomhet som du har lagt inn', 'step.oppsummering.bekrefterOpplysninger': 'Jeg bekrefter at opplysningene jeg har gitt er riktige, og at jeg ikke har holdt tilbake opplysninger som har betydning for min rett til pleiepenger.', @@ -112,12 +122,13 @@ const nb = { 'step.oppsummering.utlandetSiste12.liste.header': 'Utenlandsopphold siste 12 måneder', 'step.oppsummering.utlandetNeste12.liste.header': 'Utenlandsopphold neste 12 måneder', 'step.oppsummering.legeerklæring.header': 'Legeerklæring', + 'step.oppsummering.legeerklæring.label': 'Dokumenter som er lastet opp', 'step.oppsummering.samværsavtale.header': 'Avtale om delt bosted', 'step.oppsummering.fravær.aktivitet.1': 'Fravær som {aktivitet}.', 'step.oppsummering.fravær.aktivitet.2': 'Fravær som {aktivitet1} og {aktivitet2}.', - 'steg.oppsummering.bekreftelseFraLege.header': 'Legeerklæring', + 'step.oppsummeringbekreftelseFraLege.header': 'Legeerklæring', 'step.oppsummering.legeerklæring.ingenVedlegg': 'Ingen legeerklæring er lastet opp', 'step.oppsummering.apiValideringFeil.tittel': 'Noe av informasjonen mangler', @@ -125,6 +136,7 @@ const nb = { 'step.oppsummering.bekrefterOpplysninger.ikkeBekreftet': 'Du må bekrefte opplysningene', + 'opptjeningIUtlandetSummaryItem.periode': 'Periode: {periode}', 'opptjeningIUtlandetSummaryItem.info': 'Jobbet i {landnavn} som {hva} hos {hvor}', }; diff --git a/apps/pleiepenger-sykt-barn/CHANGELOG.md b/apps/pleiepenger-sykt-barn/CHANGELOG.md index 7508407859..0382d791d3 100644 --- a/apps/pleiepenger-sykt-barn/CHANGELOG.md +++ b/apps/pleiepenger-sykt-barn/CHANGELOG.md @@ -1,5 +1,12 @@ # @navikt/pleiepenger-sykt-barn +## 3.15.14 + +### Patch Changes + +- Updated dependencies + - @navikt/sif-common-forms-ds@9.1.0 + ## 3.15.13 ### Patch Changes diff --git a/apps/pleiepenger-sykt-barn/package.json b/apps/pleiepenger-sykt-barn/package.json index 5237c93ed0..2106e4ec4c 100644 --- a/apps/pleiepenger-sykt-barn/package.json +++ b/apps/pleiepenger-sykt-barn/package.json @@ -4,7 +4,7 @@ "license": "MIT", "name": "@navikt/pleiepenger-sykt-barn", "repository": "https://github.com/navikt/sif-brukerdialog", - "version": "3.15.13", + "version": "3.15.14", "private": true, "type": "module", "dependencies": { diff --git a/packages/sif-common-forms-ds/.eslintrc.js b/packages/sif-common-forms-ds/.eslintrc.js index b7d0ad0cc7..8848304184 100644 --- a/packages/sif-common-forms-ds/.eslintrc.js +++ b/packages/sif-common-forms-ds/.eslintrc.js @@ -1,7 +1,10 @@ module.exports = { ...require('config/eslint'), + parserOptions: { root: true, tsconfigRootDir: __dirname, }, + + extends: ['plugin:storybook/recommended'] }; diff --git a/packages/sif-common-forms-ds/CHANGELOG.md b/packages/sif-common-forms-ds/CHANGELOG.md index 54d519b7b0..a7d92857ae 100644 --- a/packages/sif-common-forms-ds/CHANGELOG.md +++ b/packages/sif-common-forms-ds/CHANGELOG.md @@ -1,5 +1,11 @@ # @navikt/sif-common-forms-ds +## 9.1.0 + +### Minor Changes + +- Legge til VirksomhetFormSummary komponent som bruker Aksel mal for oppsummering + ## 9.0.11 ### Patch Changes diff --git a/packages/sif-common-forms-ds/package.json b/packages/sif-common-forms-ds/package.json index 8101c3266d..d7050d83e9 100644 --- a/packages/sif-common-forms-ds/package.json +++ b/packages/sif-common-forms-ds/package.json @@ -3,7 +3,7 @@ "description": "Fellesskjema for sykdom i familien", "main": "src", "name": "@navikt/sif-common-forms-ds", - "version": "9.0.11", + "version": "9.1.0", "private": true, "peerDependencies": { "@navikt/sif-common-core-ds": "workspace:*", diff --git "a/packages/sif-common-forms-ds/src/forms/utenlandsk-n\303\246ring/utenlandskN\303\246ringMessages.ts" "b/packages/sif-common-forms-ds/src/forms/utenlandsk-n\303\246ring/utenlandskN\303\246ringMessages.ts" index c92c2ac8f0..12830bb0b5 100644 --- "a/packages/sif-common-forms-ds/src/forms/utenlandsk-n\303\246ring/utenlandskN\303\246ringMessages.ts" +++ "b/packages/sif-common-forms-ds/src/forms/utenlandsk-n\303\246ring/utenlandskN\303\246ringMessages.ts" @@ -17,11 +17,11 @@ const nb = { '@forms.utenlandskNæringForm.kalender_tom': 'Sluttdato', '@forms.utenlandskNæringForm.kalender_pågående': 'Er pågående', - '@forms.utenlandskNæringForm.summary.tittel': 'Næringsvirksomhet som du har lagt inn:', + '@forms.utenlandskNæringForm.summary.tittel': 'Næringsvirksomhet som du har lagt inn', '@forms.utenlandskNæringForm.summary.navn': 'Navn', '@forms.utenlandskNæringForm.summary.næringstype': 'Næringstype', - '@forms.utenlandskNæringForm.summary.tidsinfo.avsluttet': 'Startet {fraOgMed}, avsluttet {tilOgMed}.', - '@forms.utenlandskNæringForm.summary.tidsinfo.pågående': 'Startet {fraOgMed} (pågående).', + '@forms.utenlandskNæringForm.summary.tidsinfo.avsluttet': 'Startet {fraOgMed}, avsluttet {tilOgMed}', + '@forms.utenlandskNæringForm.summary.tidsinfo.pågående': 'Startet {fraOgMed} (pågående)', '@forms.utenlandskNæringForm.summary.registrertILand': 'Registrert i {land}', '@forms.utenlandskNæringForm.summary.registrertILand.orgnr': ' (organisasjonsnummer {orgnr})', diff --git a/packages/sif-common-forms-ds/src/forms/virksomhet/VirksomhetFormSummary.tsx b/packages/sif-common-forms-ds/src/forms/virksomhet/VirksomhetFormSummary.tsx new file mode 100644 index 0000000000..f2f91d5eb2 --- /dev/null +++ b/packages/sif-common-forms-ds/src/forms/virksomhet/VirksomhetFormSummary.tsx @@ -0,0 +1,165 @@ +import { FormSummary } from '@navikt/ds-react'; +import React from 'react'; +import { DatoSvar, JaNeiSvar, Sitat, TallSvar, TextareaSvar } from '@navikt/sif-common-ui'; +import { ISODateToDate, prettifyApiDate } from '@navikt/sif-common-utils'; +import { Næringstype, VirksomhetApiData } from './types'; +import { useVirksomhetIntl, VirksomhetIntlShape } from './virksomhetMessages'; +import { erVirksomhetRegnetSomNyoppstartet } from './virksomhetUtils'; + +interface Props { + virksomhet: VirksomhetApiData; + harFlereVirksomheter?: boolean; +} + +const getFiskerNæringTekst = ({ text }: VirksomhetIntlShape, erPåBladB: boolean) => { + const næringstekst = text(`@forms.virksomhet.næringstype_${Næringstype.FISKE}`); + const bladBTekst = erPåBladB + ? text('@forms.virksomhet.summary.fisker.påBladB') + : text('@forms.virksomhet.summary.fisker.ikkePåBladB'); + return `${næringstekst} (${bladBTekst})`; +}; + +const renderVirksomhetSummary = (virksomhet: VirksomhetApiData, intl: VirksomhetIntlShape) => { + const { text } = intl; + const land = virksomhet.registrertIUtlandet ? virksomhet.registrertIUtlandet.landnavn : 'Norge'; + + const næringstype = + virksomhet.næringstype === Næringstype.FISKE && virksomhet.fiskerErPåBladB !== undefined + ? getFiskerNæringTekst(intl, virksomhet.fiskerErPåBladB) + : text(`@forms.virksomhet.næringstype_${virksomhet.næringstype}`); + + return ( + <> + + {text('@forms.virksomhet.summary.navn')} + {virksomhet.navnPåVirksomheten} + + + {text('@forms.virksomhet.summary.næringstype')} + {næringstype} + + + Land + {land} + + {virksomhet.registrertINorge && ( + + Organisasjonsnummer + {virksomhet.organisasjonsnummer} + + )} + + Startet + + {prettifyApiDate(virksomhet.fraOgMed)} + {!virksomhet.tilOgMed && <> (pågående)} + + + {virksomhet.tilOgMed && ( + + Avsluttet + {prettifyApiDate(virksomhet.tilOgMed)} + + )} + + ); +}; + +const VirksomhetFormSummaryAnswers: React.FunctionComponent = ({ virksomhet, harFlereVirksomheter }) => { + const virksomhetIntl = useVirksomhetIntl(); + const { text } = virksomhetIntl; + const erRegnetSomNyoppstartet = erVirksomhetRegnetSomNyoppstartet(ISODateToDate(virksomhet.fraOgMed)); + + return ( + + {renderVirksomhetSummary(virksomhet, virksomhetIntl)} + + {virksomhet.næringsinntekt !== undefined && ( + + + {harFlereVirksomheter + ? text('@forms.virksomhet.næringsinntekt.flereVirksomheter.spm') + : text('@forms.virksomhet.næringsinntekt.enVirksomhet.spm')} + + + + + + )} + {erRegnetSomNyoppstartet === true && ( + + {text('@forms.virksomhet.har_blitt_yrkesaktiv')} + + {virksomhet.yrkesaktivSisteTreFerdigliknedeÅrene === undefined && ( + + )} + {virksomhet.yrkesaktivSisteTreFerdigliknedeÅrene !== undefined && + text('@forms.virksomhet.summary.yrkesaktiv.jaStartetDato', { + dato: prettifyApiDate( + virksomhet.yrkesaktivSisteTreFerdigliknedeÅrene.oppstartsdato, + true, + ), + })} + + + )} + {erRegnetSomNyoppstartet === false && ( + <> + + {text('@forms.virksomhet.varig_endring_spm')} + + + + + + {virksomhet.varigEndring && ( + <> + + + {text('@forms.virksomhet.summary.varigEndring.dato')} + + + + + + + + {text('@forms.virksomhet.summary.varigEndring.næringsinntekt')} + + + + + + + + {text('@forms.virksomhet.summary.varigEndring.beskrivelse')} + + + + + + + + + )} + + )} + {/* Regnskapsfører */} + {virksomhet.registrertINorge && ( + + {text('@forms.virksomhet.regnskapsfører_spm')} + + {virksomhet.regnskapsfører === undefined && } + {virksomhet.regnskapsfører !== undefined && + text('@forms.virksomhet.summary.regnskapsfører.info', { + navn: virksomhet.regnskapsfører.navn, + telefon: virksomhet.regnskapsfører.telefon, + })} + + + )} + + ); +}; + +export default VirksomhetFormSummaryAnswers; diff --git a/packages/sif-common-forms-ds/src/forms/virksomhet/index.ts b/packages/sif-common-forms-ds/src/forms/virksomhet/index.ts index 6e69c46460..3e44637777 100644 --- a/packages/sif-common-forms-ds/src/forms/virksomhet/index.ts +++ b/packages/sif-common-forms-ds/src/forms/virksomhet/index.ts @@ -1,4 +1,5 @@ export * from './VirksomhetForm'; +export * from './VirksomhetFormSummary'; export * from './VirksomhetInfoAndDialog'; export * from './VirksomhetSummary'; export * from './VirksomhetInfo'; diff --git a/packages/sif-common-forms-ds/src/forms/virksomhet/virksomhetMessages.ts b/packages/sif-common-forms-ds/src/forms/virksomhet/virksomhetMessages.ts index 64a26f3682..c27c81f066 100644 --- a/packages/sif-common-forms-ds/src/forms/virksomhet/virksomhetMessages.ts +++ b/packages/sif-common-forms-ds/src/forms/virksomhet/virksomhetMessages.ts @@ -67,11 +67,11 @@ const nb = { '@forms.virksomhet.summary.varigEndring.næringsinntekt': 'Næringsinntekt etter endring', '@forms.virksomhet.summary.varigEndring.beskrivelse': 'Beskrivelse av endring', '@forms.virksomhet.summary.ikkeRegnskapsfører': 'Har ikke regnskapsfører.', - '@forms.virksomhet.summary.tidsinfo.avsluttet': 'Startet {fraOgMed}, avsluttet {tilOgMed}.', - '@forms.virksomhet.summary.tidsinfo.pågående': 'Startet {fraOgMed} (pågående).', + '@forms.virksomhet.summary.tidsinfo.avsluttet': 'Startet: {fraOgMed}, avsluttet: {tilOgMed}.', + '@forms.virksomhet.summary.tidsinfo.pågående': 'Startet: {fraOgMed} (er pågående).', '@forms.virksomhet.summary.fisker.påBladB': 'på Blad B', '@forms.virksomhet.summary.fisker.ikkePåBladB': 'ikke på Blad B', - '@forms.virksomhet.summary.registrertILand': 'Registrert i {land}', + '@forms.virksomhet.summary.registrertILand': 'Registrert i: {land}', '@forms.virksomhet.summary.registrertILand.orgnr': ' (organisasjonsnummer {orgnr})', '@forms.virksomhet.summary.yrkesaktiv.jaStartetDato': 'Ja, ble yrkesaktiv {dato}', '@forms.virksomhet.summary.næringsinntekst': 'Næringsinntekt:',