Vise informasjon til bruker om hvor info om registrerte barn kommer f…

…ra (#2423) * Tekstendring - info om barn og folkeregisteret * Tekstendring - ettersendelse * Fix upresis tekst * Legge til tekst om kilde til registrerte barn * Bruke felleskomponent for registrerteBarnListe * Flytte info om registrert barn/folkeregistreret til helptext * Tekstendring - ettersendelse * Cleanup * Nynorsk-tekst omsorgspenger kronisk * Legge til reg-barn-info i opplæringspenger * Korrigere tooltip og lage egen RegistrerteBarnHelpText komponent * Korrigere tekster * Changelog * Changelog
navikt · Nov 7, 2024 · 2b4ed8f · 2b4ed8f
1 parent 0ace1b3
commit 2b4ed8f
Show file tree

Hide file tree

Showing 52 changed files with 338 additions and 206 deletions.
diff --git a/apps/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn/CHANGELOG.md b/apps/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @navikt/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn
 
+## 1.29.8
+
+### Patch Changes
+
+-   Legge til informasjon om hvor barn hentes fra
+
 ## 1.29.7
 
 ### Patch Changes

diff --git a/apps/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn/package.json b/apps/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn/package.json
@@ -3,7 +3,7 @@
     "description": "Søknad om ekstra omsorgsdager når den andre forelderen ikke kan ha tilsyn med barn",
     "license": "MIT",
     "name": "@navikt/ekstra-omsorgsdager-andre-forelder-ikke-tilsyn",
-    "version": "1.29.7",
+    "version": "1.29.8",
     "repository": "https://github.com/navikt/sif-brukerdialog",
     "private": true,
     "type": "module",

diff --git a/...tra-omsorgsdager-andre-forelder-ikke-tilsyn/src/app/søknad/steps/om-barna/OmBarnaStep.tsx b/...tra-omsorgsdager-andre-forelder-ikke-tilsyn/src/app/søknad/steps/om-barna/OmBarnaStep.tsx
@@ -1,7 +1,5 @@
 import { Alert, Heading } from '@navikt/ds-react';
-import ItemList from '@navikt/sif-common-core-ds/src/components/lists/item-list/ItemList';
 import BarnListAndDialog from '../../../pre-common/forms/barn/BarnListAndDialog';
-import { RegistrertBarn } from '../../../types/RegistrertBarn';
 import { AndreBarn } from '../../../pre-common/forms/barn';
 import { getTypedFormComponents, ValidationError } from '@navikt/sif-common-formik-ds';
 import { useSøknadContext } from '../../context/hooks/useSøknadContext';
@@ -17,12 +15,9 @@ import { useOnValidSubmit } from '../../../hooks/useOnValidSubmit';
 import getIntlFormErrorHandler from '@navikt/sif-common-formik-ds/src/validation/intlFormErrorHandler';
 import { useStepFormValuesContext } from '../../context/StepFormValuesContext';
 import Block from '@navikt/sif-common-core-ds/src/atoms/block/Block';
-import {
-    barnItemLabelRenderer,
-    getOmBarnaStepInitialValues,
-    getOmBarnaSøknadsdataFromFormValues,
-} from './OmBarnaStepUtils';
+import { getOmBarnaStepInitialValues, getOmBarnaSøknadsdataFromFormValues } from './OmBarnaStepUtils';
 import { useAppIntl } from '../../../i18n';
+import { RegistrerteBarnListe } from '@navikt/sif-common-ui';
 
 export enum OmBarnaFormFields {
     andreBarn = 'andreBarn',
@@ -90,32 +85,30 @@ const OmBarnaStep = () => {
                                 runDelayedFormValidation={true}>
                                 {registrerteBarn.length > 0 && (
                                     <Block margin="xl">
-                                        <Heading level="3" size="xsmall" spacing={true}>
+                                        <RegistrerteBarnListe.Heading level="2" size="small" spacing={true}>
                                             {text('step.omBarna.listHeader.registrerteBarn')}
-                                        </Heading>
-                                        <ItemList<RegistrertBarn>
-                                            getItemId={(b): string => b.aktørId}
-                                            getItemTitle={(b): string => b.etternavn}
-                                            labelRenderer={(barnet) => barnItemLabelRenderer(barnet, appIntl)}
-                                            items={registrerteBarn}
-                                        />
+                                        </RegistrerteBarnListe.Heading>
+                                        <RegistrerteBarnListe registrerteBarn={registrerteBarn} />
                                     </Block>
                                 )}
 
                                 <Block margin="xl">
-                                    <Heading level="3" size="xsmall" spacing={true}>
+                                    <Heading level="2" size="small" spacing={true}>
                                         {andreBarn && andreBarn.length === 0
                                             ? text('step.omBarna.spm.andreBarn')
                                             : text('step.omBarna.spm.flereBarn')}
                                     </Heading>
                                     {text('step.omBarna.info.spm.text')}
                                 </Block>
-                                <Block margin="l">
+                                <Block margin={andreBarn && andreBarn.length === 0 ? 'm' : 'l'}>
                                     <BarnListAndDialog<OmBarnaFormFields>
                                         name={OmBarnaFormFields.andreBarn}
                                         labels={{
                                             addLabel: text('step.omBarna.listDialog.knapplabel'),
-                                            listTitle: text('step.omBarna.listDialog.listTitle'),
+                                            listTitle:
+                                                andreBarn && andreBarn.length > 0
+                                                    ? text('step.omBarna.listDialog.listTitle')
+                                                    : undefined,
                                             modalTitle: text('step.omBarna.listDialog.modalTitle'),
                                         }}
                                         disallowedFødselsnumre={[

diff --git a/...-omsorgsdager-andre-forelder-ikke-tilsyn/src/app/søknad/steps/om-barna/omBarnaMessages.ts b/...-omsorgsdager-andre-forelder-ikke-tilsyn/src/app/søknad/steps/om-barna/omBarnaMessages.ts
@@ -1,5 +1,5 @@
 const nb = {
-    'step.omBarna.listHeader.registrerteBarn': 'Registrerte barn',
+    'step.omBarna.listHeader.registrerteBarn': 'Dine barn',
     'step.omBarna.spm.andreBarn': 'Har du andre barn?',
     'step.omBarna.spm.flereBarn': 'Har du flere barn?',
     'step.omBarna.info.ingenbarn.2': 'Du må legge til minst ett barn for å kunne gå videre.',

diff --git a/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md b/apps/omsorgsdager-aleneomsorg-dialog/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @navikt/omsorgsdager-aleneomsorg-dialog
 
+## 2.22.9
+
+### Patch Changes
+
+-   Oppdatere informasjon om hvor informasjon om barn kommer fra
+-   Updated dependencies
+    -   @navikt/sif-common-ui@0.8.32
+
 ## 2.22.8
 
 ### Patch Changes

diff --git a/apps/omsorgsdager-aleneomsorg-dialog/mock/AppSettings.cjs b/apps/omsorgsdager-aleneomsorg-dialog/mock/AppSettings.cjs
@@ -15,6 +15,7 @@ const getAppSettings = () => ({
     SIF_PUBLIC_MINSIDE_URL: `${process.env.SIF_PUBLIC_MINSIDE_URL}`,
     SIF_PUBLIC_OMS_IKKE_TILSYN_URL: `${process.env.SIF_PUBLIC_OMS_IKKE_TILSYN_URL}`,
     SIF_PUBLIC_USE_AMPLITUDE: `${process.env.SIF_PUBLIC_USE_AMPLITUDE}`,
+    SIF_PUBLIC_AMPLITUDE_API_KEY: `${process.env.SIF_PUBLIC_AMPLITUDE_API_KEY}`,
     SIF_PUBLIC_USE_FARO: `${process.env.SIF_PUBLIC_USE_FARO}`,
 
     K9_BRUKERDIALOG_PROSESSERING_FRONTEND_PATH: `${process.env.K9_BRUKERDIALOG_PROSESSERING_FRONTEND_PATH}`,

diff --git 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.22.8",
+    "version": "2.22.9",
     "private": true,
     "type": "module",
     "scripts": {

diff --git a/...er-aleneomsorg-dialog/src/app/søknad/steps/om-omsorgen-for-barn/OmOmsorgenForBarnStep.tsx b/...er-aleneomsorg-dialog/src/app/søknad/steps/om-omsorgen-for-barn/OmOmsorgenForBarnStep.tsx
@@ -31,6 +31,7 @@ import {
     getOmOmsorgenForBarnStepInitialValues,
     getOmOmsorgenForBarnSøknadsdataFromFormValues,
 } from './omOmsorgenForBarnStepUtils';
+import RegistrerteBarnListeHeading from '@navikt/sif-common-ui/src/components/registrerte-barn-liste/RegistrerteBarnListeHeading';
 
 export enum OmOmsorgenForBarnFormFields {
     annetBarn = 'annetBarn',
@@ -130,9 +131,9 @@ const OmOmsorgenForBarnStep = () => {
                                 onBack={goBack}
                                 runDelayedFormValidation={true}>
                                 <Block margin="xxl">
-                                    <Heading level="2" size="medium">
-                                        <AppText id="steg.omOmsorgenForBarn.dineBarn.seksjonsTittel" />
-                                    </Heading>
+                                    <RegistrerteBarnListeHeading level="2" size="medium">
+                                        {text('steg.omOmsorgenForBarn.dineBarn.seksjonsTittel')}
+                                    </RegistrerteBarnListeHeading>
 
                                     {registrertBarn.length > 0 && (
                                         <Block margin="l">

diff --git a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @navikt/omsorgspengerutbetaling-arbeidstaker-soknad
 
+## 1.9.9
+
+### Patch Changes
+
+-   Oppdatere informasjon om hvor informasjon om barn kommer fra
+-   Updated dependencies
+    -   @navikt/sif-common-ui@0.8.32
+
 ## 1.9.8
 
 ### Patch Changes

diff --git a/apps/omsorgspengerutbetaling-arbeidstaker-soknad/mock/AppSettings.cjs b/apps/omsorgspengerutbetaling-arbeidstaker-soknad/mock/AppSettings.cjs
@@ -20,6 +20,7 @@ const getAppSettings = () => ({
     SIF_PUBLIC_MINSIDE_URL: `${process.env.SIF_PUBLIC_MINSIDE_URL}`,
     SIF_PUBLIC_SKIP_ORGNUM_VALIDATION: `${process.env.SIF_PUBLIC_SKIP_ORGNUM_VALIDATION}`,
     SIF_PUBLIC_USE_AMPLITUDE: `${process.env.SIF_PUBLIC_USE_AMPLITUDE}`,
+    SIF_PUBLIC_AMPLITUDE_API_KEY: `${process.env.SIF_PUBLIC_AMPLITUDE_API_KEY}`,
 });
 
 module.exports = getAppSettings;
diff --git 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.9.8",
+    "version": "1.9.9",
     "private": true,
     "type": "module",
     "dependencies": {

diff --git a/...sorgspengerutbetaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/DineBarnForm.tsx b/...sorgspengerutbetaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/DineBarnForm.tsx
@@ -1,7 +1,6 @@
-import { Heading, VStack } from '@navikt/ds-react';
+import { Box } from '@navikt/ds-react';
 import React from 'react';
 import { RegistrertBarn, Søker } from '@navikt/sif-common-api';
-import FormBlock from '@navikt/sif-common-core-ds/src/atoms/form-block/FormBlock';
 import ExpandableInfo from '@navikt/sif-common-core-ds/src/components/expandable-info/ExpandableInfo';
 import {
     FormikInputGroup,
@@ -16,7 +15,8 @@ import { AppText, useAppIntl } from '../../../i18n';
 import { DineBarnFormFields, DineBarnFormValues } from './DineBarnStep';
 import AndreBarnPart from './parts/AndreBarnPart';
 import DineBarnStepIntro from './parts/DineBarnStepIntro';
-import RegistrerteBarnPart from './parts/RegistrerteBarnPart';
+
+import { RegistrerteBarnListe } from '@navikt/sif-common-ui';
 
 const { Form } = getTypedFormComponents<DineBarnFormFields, DineBarnFormValues, ValidationError>();
 
@@ -58,14 +58,14 @@ const DineBarnForm: React.FunctionComponent<DineBarnFormProps> = ({
             runDelayedFormValidation={true}>
             <DineBarnStepIntro />
 
-            <FormBlock margin="xxl" paddingBottom="m">
-                <Heading level="2" size="medium">
-                    <AppText id="step.dineBarn.seksjonsTittel" />
-                </Heading>
-            </FormBlock>
+            <Box paddingBlock={'8 0'}>
+                <RegistrerteBarnListe.Heading level="2" size="medium">
+                    {text('step.dineBarn.seksjonsTittel')}
+                </RegistrerteBarnListe.Heading>
+            </Box>
 
             <FormikInputGroup
-                legend={'Barn'}
+                legend={text('step.dineBarn.seksjonsTittel')}
                 hideLegend={true}
                 name="barn"
                 validate={() => {
@@ -74,29 +74,31 @@ const DineBarnForm: React.FunctionComponent<DineBarnFormProps> = ({
                         return 'ingenBarn';
                     }
                 }}>
-                <VStack gap={'8'}>
-                    <RegistrerteBarnPart registrerteBarn={registrerteBarn} />
+                <Box paddingBlock={'4 6'}>
+                    <RegistrerteBarnListe registrerteBarn={registrerteBarn} />
+                </Box>
 
-                    <FormikYesOrNoQuestion
-                        name={DineBarnFormFields.harDeltBosted}
-                        legend={text('step.dineBarn.harDeltBosted.spm')}
-                        validate={getYesOrNoValidator()}
-                        description={
-                            <ExpandableInfo title={text('step.dineBarn.harDeltBosted.info.tittel')}>
-                                <p>
-                                    <AppText id="step.dineBarn.harDeltBosted.info.tekst" />
-                                </p>
-                            </ExpandableInfo>
-                        }
-                    />
+                <FormikYesOrNoQuestion
+                    name={DineBarnFormFields.harDeltBosted}
+                    legend={text('step.dineBarn.harDeltBosted.spm')}
+                    validate={getYesOrNoValidator()}
+                    description={
+                        <ExpandableInfo title={text('step.dineBarn.harDeltBosted.info.tittel')}>
+                            <p>
+                                <AppText id="step.dineBarn.harDeltBosted.info.tekst" />
+                            </p>
+                        </ExpandableInfo>
+                    }
+                />
 
+                <Box paddingBlock={'4'}>
                     <AndreBarnPart
                         harRegistrerteBarn={registrerteBarn.length > 0}
                         søkerFnr={søker.fødselsnummer}
                         andreBarn={andreBarn}
                         onAndreBarnChange={oppdatereAndreBarn}
                     />
-                </VStack>
+                </Box>
             </FormikInputGroup>
         </Form>
     );

diff --git a/...gspengerutbetaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/dineBarnMessages.ts b/...gspengerutbetaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/dineBarnMessages.ts
@@ -4,7 +4,7 @@ const nb = {
         'Vi må vite hvor mange barn du har, for å vurdere hvor mange omsorgsdager du har rett til.',
 
     'step.dineBarn.seksjonsTittel': 'Dine barn',
-    'step.dineBarn.registrerteBarn.tekst': 'Barn vi har funnet på deg i folkeregisteret.',
+
     'step.dineBarn.registrerteBarn.ingenFunnet': 'Vi fant ikke noen barn registrert på deg.',
     'step.dineBarn.født': 'Født {dato}',
 

diff --git a/...betaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/parts/RegistrerteBarnPart.tsx b/...betaling-arbeidstaker-soknad/src/app/søknad/steps/dine-barn/parts/RegistrerteBarnPart.tsx
diff --git a/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md b/apps/omsorgspengerutbetaling-soknad/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @navikt/omsorgspengerutbetaling-soknad
 
+## 1.19.9
+
+### Patch Changes
+
+-   Oppdatere informasjon om hvor informasjon om barn kommer fra
+-   Updated dependencies
+    -   @navikt/sif-common-ui@0.8.32
+
 ## 1.19.8
 
 ### Patch Changes

diff --git a/apps/omsorgspengerutbetaling-soknad/mock/AppSettings.cjs b/apps/omsorgspengerutbetaling-soknad/mock/AppSettings.cjs
@@ -17,6 +17,7 @@ const getAppSettings = () => ({
     SIF_PUBLIC_LOGIN_URL: `${process.env.SIF_PUBLIC_LOGIN_URL}`,
     SIF_PUBLIC_MINSIDE_URL: `${process.env.SIF_PUBLIC_MINSIDE_URL}`,
     SIF_PUBLIC_USE_AMPLITUDE: `${process.env.SIF_PUBLIC_USE_AMPLITUDE}`,
+    SIF_PUBLIC_AMPLITUDE_API_KEY: `${process.env.SIF_PUBLIC_AMPLITUDE_API_KEY}`,
 
     MOCK_DATE: `${process.env.MOCK_DATE}`,
     USE_MOCK_DATE: `${process.env.USE_MOCK_DATE}`,

diff --git 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.19.8",
+    "version": "1.19.9",
     "private": true,
     "type": "module",
     "dependencies": {

diff --git a/apps/omsorgspengerutbetaling-soknad/src/app/i18n/appMessages.ts b/apps/omsorgspengerutbetaling-soknad/src/app/i18n/appMessages.ts
@@ -6,6 +6,7 @@ import { fraværFraMessages } from '../søknad/steps/fravær-fra/fraværFraMessa
 import { fraværStepMessages } from '../søknad/steps/fravær/fraværStepMessages';
 import { legeerklæringMessages } from '../søknad/steps/legeerklæring/legeerklæringMessages';
 import { oppsummeringMessages } from '../søknad/steps/oppsummering/oppsummeringMessages';
+import { uiMessages } from '@navikt/sif-common-ui/src/i18n/ui.messages';
 
 const nb = {
     ...velkommenPageMessages.nb,
@@ -16,6 +17,7 @@ const nb = {
     ...legeerklæringMessages.nb,
     ...oppsummeringMessages.nb,
     ...kvitteringMessages.nb,
+    ...uiMessages.nb,
 
     'application.title': 'Søknad om utbetaling av omsorgspenger til selvstendig næringsdrivende eller frilansere',