Legger ut redesign av fakta beregning i Q (#5121)

* Legger ut redesign av fakta beregning i Q * yarn.lock * La til manglende featureToggles * fikser test * Lurt å returnere komponenten
navikt · Oct 16, 2023 · 3f12510 · 3f12510
1 parent 3174ee3
commit 3f12510
Show file tree

Hide file tree

Showing 23 changed files with 176 additions and 5 deletions.
diff --git a/deploy/dev-fss-k9saksbehandling.yml b/deploy/dev-fss-k9saksbehandling.yml
@@ -113,3 +113,5 @@ spec:
       value: "true"
     - name: OVERSTYR_BEREGNING
       value: "true"
+    - name: FAKTA_BEREGNING_REDESIGN
+      value: "true"
diff --git a/deploy/prod-fss-k9saksbehandling.yml b/deploy/prod-fss-k9saksbehandling.yml
@@ -113,3 +113,5 @@ spec:
       value: "true"
     - name: OVERSTYR_BEREGNING
       value: "false"
+    - name: FAKTA_BEREGNING_REDESIGN
+      value: "false"
diff --git a/feature-toggles.json b/feature-toggles.json
@@ -70,5 +70,9 @@
   {
     "key": "OVERSTYR_BEREGNING",
     "value": "${OVERSTYR_BEREGNING}"
+  },
+  {
+    "key": "FAKTA_BEREGNING_REDESIGN",
+    "value": "${FAKTA_BEREGNING_REDESIGN}"
   }
 ]
diff --git a/package.json b/package.json
@@ -21,7 +21,7 @@
     "lint:fix": "eslint --fix --cache packages --ext .ts,.tsx,.js,.jsx",
     "css:lint": "stylelint \"packages/**/*.css\"",
     "dev": "yarn dev-env-variables cross-env NODE_ENV=development APP_URL_K9FORMIDLING=http://localhost:8060/rest/dummy webpack serve --config webpack/webpack.dev.ts",
-    "dev-env-variables": "cross-env KLAGE_KABAL=true VARSELTEKST=true DOKUMENTDATA=true UNNTAKSBEHANDLING=true UTENLANDSOPPHOLD=true SOKNADPERIODESTRIPE=false TYPE_MEDISINSKE_OPPLYSNINGER_BREV=true LOS_MARKER_BEHANDLING=true LOS_MARKER_BEHANDLING_SUBMIT=true AKSJONSPUNKT_9014=true AKSJONSPUNKT_9015=true FRITEKST_REDIGERING=true FIX_SOKNADSFRIST_KALENDER_OG_READONLY=true INKLUDER_KALENDER_PILS=true",
+    "dev-env-variables": "cross-env KLAGE_KABAL=true VARSELTEKST=true DOKUMENTDATA=true UNNTAKSBEHANDLING=true UTENLANDSOPPHOLD=true SOKNADPERIODESTRIPE=false TYPE_MEDISINSKE_OPPLYSNINGER_BREV=true LOS_MARKER_BEHANDLING=true LOS_MARKER_BEHANDLING_SUBMIT=true AKSJONSPUNKT_9014=true AKSJONSPUNKT_9015=true FRITEKST_REDIGERING=true FIX_SOKNADSFRIST_KALENDER_OG_READONLY=true INKLUDER_KALENDER_PILS=true FAKTA_BEREGNING_REDESIGN=true",
     "dev-lokal": "cross-env NODE_ENV=development APP_URL_SAK=http://k9-sak:8080 APP_URL_K9OPPDRAG=http://k9-oppdrag:8070 APP_URL_K9FORMIDLING_DD=http://k9-formidling-dokumentdata:8294 APP_URL_K9FORMIDLING=http://k9-formidling:8290 SPLITTET_SAMMENLINGNING_BEREGNING=true webpack serve --config webpack/webpack.dev.ts",
     "dev-med-formidling": "cross-env NODE_ENV=development webpack serve --config webpack/webpack.dev.ts",
     "build": "cross-env NODE_ENV=production SENTRY_RELEASE=$(git rev-parse --short HEAD) webpack --config webpack/webpack.prod.ts",

diff --git a/packages/behandling-frisinn/package.json b/packages/behandling-frisinn/package.json
@@ -24,6 +24,7 @@
     "@k9-sak-web/rest-api-hooks": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",
     "react": "17.0.2",
     "react-intl": "6.4.7",

diff --git a/packages/behandling-frisinn/src/components/FrisinnFakta.spec.tsx b/packages/behandling-frisinn/src/components/FrisinnFakta.spec.tsx
@@ -146,6 +146,7 @@ describe('<FrisinnFakta>', () => {
         setApentFaktaPanel={sinon.spy()}
         setBehandling={sinon.spy()}
         arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+        featureToggles={{ FAKTA_BEREGNING_REDESIGN: true }}
       />,
     );
 
@@ -187,6 +188,7 @@ describe('<FrisinnFakta>', () => {
         setApentFaktaPanel={sinon.spy()}
         setBehandling={sinon.spy()}
         arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+        featureToggles={{ FAKTA_BEREGNING_REDESIGN: true }}
       />,
     );
 

diff --git a/packages/behandling-frisinn/src/components/FrisinnFakta.tsx b/packages/behandling-frisinn/src/components/FrisinnFakta.tsx
@@ -1,7 +1,14 @@
 import React, { useEffect, useState } from 'react';
 
 import { Rettigheter, SideMenuWrapper, faktaHooks, useSetBehandlingVedEndring } from '@k9-sak-web/behandling-felles';
-import { KodeverkMedNavn, Behandling, Fagsak, FagsakPerson, ArbeidsgiverOpplysningerPerId } from '@k9-sak-web/types';
+import {
+  KodeverkMedNavn,
+  Behandling,
+  Fagsak,
+  FagsakPerson,
+  ArbeidsgiverOpplysningerPerId,
+  FeatureToggles,
+} from '@k9-sak-web/types';
 import { RestApiState, useRestApiErrorDispatcher } from '@k9-sak-web/rest-api-hooks';
 import ErrorBoundary from '@k9-sak-web/sak-app/src/app/ErrorBoundary';
 import ac from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
@@ -27,6 +34,7 @@ interface OwnProps {
   setApentFaktaPanel: (faktaPanelInfo: { urlCode: string; textCode: string }) => void;
   setBehandling: (behandling: Behandling) => void;
   arbeidsgiverOpplysningerPerId: ArbeidsgiverOpplysningerPerId;
+  featureToggles: FeatureToggles;
 }
 
 const FrisinnFakta = ({
@@ -43,6 +51,7 @@ const FrisinnFakta = ({
   setApentFaktaPanel,
   setBehandling,
   arbeidsgiverOpplysningerPerId,
+  featureToggles,
 }: OwnProps) => {
   const { aksjonspunkter, ...rest } = data;
   const { addErrorMessage } = useRestApiErrorDispatcher();
@@ -72,6 +81,7 @@ const FrisinnFakta = ({
     rettigheter,
     aksjonspunkter,
     valgtFaktaSteg,
+    featureToggles,
   );
 
   faktaHooks.useFaktaAksjonspunktNotifikator(faktaPaneler, setApentFaktaPanel, behandling.versjon);

diff --git a/packages/behandling-frisinn/src/components/FrisinnPaneler.tsx b/packages/behandling-frisinn/src/components/FrisinnPaneler.tsx
@@ -98,6 +98,7 @@ const FrisinnPaneler = ({
         setApentFaktaPanel={setApentFaktaPanel}
         setBehandling={setBehandling}
         arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+        featureToggles={featureToggles}
       />
     </>
   );

diff --git a/packages/behandling-frisinn/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx b/packages/behandling-frisinn/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx
@@ -6,6 +6,7 @@ import { FaktaPanelDef } from '@k9-sak-web/behandling-felles';
 import { konverterKodeverkTilKode, mapVilkar, transformBeregningValues } from '@fpsak-frontend/utils';
 import vilkarType from '@fpsak-frontend/kodeverk/src/vilkarType';
 import { BeregningFaktaIndex } from '@navikt/ft-fakta-beregning';
+import { BeregningFaktaIndex as BeregningFaktaIndexRedesign } from '@navikt/ft-fakta-beregning-redesign';
 
 class BeregningFaktaPanelDef extends FaktaPanelDef {
   getUrlKode = () => faktaPanelCodes.BEREGNING;
@@ -18,6 +19,23 @@ class BeregningFaktaPanelDef extends FaktaPanelDef {
     const deepCopyProps = JSON.parse(JSON.stringify(props));
     konverterKodeverkTilKode(deepCopyProps);
     const bgVilkaret = deepCopyProps.vilkar.find(v => v.vilkarType === vilkarType.BEREGNINGSGRUNNLAGVILKARET);
+    if (props.featureToggles?.FAKTA_BEREGNING_REDESIGN) {
+      return (
+        <BeregningFaktaIndexRedesign
+          arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}
+          submitCallback={aksjonspunktData => props.submitCallback(transformBeregningValues(aksjonspunktData))}
+          formData={props.formData}
+          setFormData={props.setFormData}
+          vilkar={mapVilkar(bgVilkaret, props.beregningreferanserTilVurdering)}
+          kodeverkSamling={deepCopyProps.alleKodeverk}
+          erOverstyrer={false}
+          submittable={deepCopyProps.submittable}
+          readOnly={deepCopyProps.isReadOnly}
+          skalKunneOverstyreAktiviteter={false}
+          skalKunneAvbryteOverstyring
+        />
+      );
+    }
     return (
       <BeregningFaktaIndex
         arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}

diff --git a/packages/behandling-omsorgspenger/package.json b/packages/behandling-omsorgspenger/package.json
@@ -31,6 +31,7 @@
     "@k9-sak-web/rest-api-hooks": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-fakta-fordel-beregningsgrunnlag": "7.3.9",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",
     "nav-frontend-popover": "2.0.4",

diff --git a/packages/behandling-omsorgspenger/src/components/OmsorgspengerFakta.tsx b/packages/behandling-omsorgspenger/src/components/OmsorgspengerFakta.tsx
@@ -28,9 +28,11 @@ const overstyringApCodes = [ac.OVERSTYRING_AV_BEREGNINGSAKTIVITETER, ac.OVERSTYR
  */
 const skalSkjuleOmsorgenFor = (data: FetchedData): boolean => {
   if (data?.behandlingPerioderårsakMedVilkår?.perioderMedÅrsak?.perioderTilVurdering) {
-    return data.behandlingPerioderårsakMedVilkår.perioderMedÅrsak.perioderTilVurdering.filter(periode =>
-      isBefore(parse(periode.tom, 'yyyy-MM-dd', new Date()), parse('2023-01-01', 'yyyy-MM-dd', new Date())),
-    ).length > 0;
+    return (
+      data.behandlingPerioderårsakMedVilkår.perioderMedÅrsak.perioderTilVurdering.filter(periode =>
+        isBefore(parse(periode.tom, 'yyyy-MM-dd', new Date()), parse('2023-01-01', 'yyyy-MM-dd', new Date())),
+      ).length > 0
+    );
   }
   return false;
 };
@@ -98,6 +100,7 @@ const OmsorgspengerFakta = ({
     rettigheter,
     aksjonspunkter,
     valgtFaktaSteg,
+    featureToggles,
   );
 
   faktaHooks.useFaktaAksjonspunktNotifikator(faktaPaneler, setApentFaktaPanel, behandling.versjon);

diff --git a/...es/behandling-omsorgspenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx b/...es/behandling-omsorgspenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx
@@ -6,6 +6,7 @@ import { FaktaPanelDef } from '@k9-sak-web/behandling-felles';
 import { konverterKodeverkTilKode, mapVilkar, transformBeregningValues } from '@fpsak-frontend/utils';
 import vilkarType from '@fpsak-frontend/kodeverk/src/vilkarType';
 import { BeregningFaktaIndex } from '@navikt/ft-fakta-beregning';
+import { BeregningFaktaIndex as BeregningFaktaIndexRedesign } from '@navikt/ft-fakta-beregning-redesign';
 
 class BeregningFaktaPanelDef extends FaktaPanelDef {
   getUrlKode = () => faktaPanelCodes.BEREGNING;
@@ -23,6 +24,22 @@ class BeregningFaktaPanelDef extends FaktaPanelDef {
     const deepCopyProps = JSON.parse(JSON.stringify(props));
     konverterKodeverkTilKode(deepCopyProps);
     const bgVilkaret = deepCopyProps.vilkar.find(v => v.vilkarType === vilkarType.BEREGNINGSGRUNNLAGVILKARET);
+    if (props.featureToggles?.FAKTA_BEREGNING_REDESIGN) {
+      return (
+        <BeregningFaktaIndexRedesign
+          {...deepCopyProps}
+          kodeverkSamling={deepCopyProps.alleKodeverk}
+          beregningsgrunnlag={deepCopyProps.beregningsgrunnlag}
+          arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}
+          submitCallback={aksjonspunktData => props.submitCallback(transformBeregningValues(aksjonspunktData))}
+          formData={props.formData}
+          setFormData={props.setFormData}
+          vilkar={mapVilkar(bgVilkaret, props.beregningreferanserTilVurdering)}
+          skalKunneOverstyreAktiviteter={false}
+          skalKunneAvbryteOverstyring
+        />
+      );
+    }
     return (
       <BeregningFaktaIndex
         {...deepCopyProps}

diff --git a/packages/behandling-opplaeringspenger/package.json b/packages/behandling-opplaeringspenger/package.json
@@ -34,6 +34,7 @@
     "@k9-sak-web/sak-app": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-fakta-fordel-beregningsgrunnlag": "7.3.9",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",
     "axios": "0.27.2",

diff --git a/...ehandling-opplaeringspenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx b/...ehandling-opplaeringspenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx
@@ -6,6 +6,7 @@ import { FaktaPanelDef } from '@k9-sak-web/behandling-felles';
 import { konverterKodeverkTilKode, mapVilkar, transformBeregningValues } from '@fpsak-frontend/utils';
 import vilkarType from '@fpsak-frontend/kodeverk/src/vilkarType';
 import { BeregningFaktaIndex } from '@navikt/ft-fakta-beregning';
+import { BeregningFaktaIndex as BeregningFaktaIndexRedesign } from '@navikt/ft-fakta-beregning-redesign';
 
 class BeregningFaktaPanelDef extends FaktaPanelDef {
   // eslint-disable-next-line class-methods-use-this
@@ -27,6 +28,22 @@ class BeregningFaktaPanelDef extends FaktaPanelDef {
     const deepCopyProps = JSON.parse(JSON.stringify(props));
     konverterKodeverkTilKode(deepCopyProps);
     const bgVilkaret = deepCopyProps.vilkar.find(v => v.vilkarType === vilkarType.BEREGNINGSGRUNNLAGVILKARET);
+    if (props.featureToggles?.FAKTA_BEREGNING_REDESIGN) {
+      return (
+        <BeregningFaktaIndexRedesign
+          {...deepCopyProps}
+          kodeverkSamling={deepCopyProps.alleKodeverk}
+          beregningsgrunnlag={deepCopyProps.beregningsgrunnlag}
+          arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}
+          submitCallback={aksjonspunktData => props.submitCallback(transformBeregningValues(aksjonspunktData))}
+          formData={props.formData}
+          setFormData={props.setFormData}
+          vilkar={mapVilkar(bgVilkaret, props.beregningreferanserTilVurdering)}
+          skalKunneOverstyreAktiviteter={false}
+          skalKunneAvbryteOverstyring
+        />
+      );
+    }
     return (
       <BeregningFaktaIndex
         {...deepCopyProps}

diff --git a/packages/behandling-pleiepenger-sluttfase/package.json b/packages/behandling-pleiepenger-sluttfase/package.json
@@ -32,6 +32,7 @@
     "@k9-sak-web/sak-app": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-fakta-fordel-beregningsgrunnlag": "7.3.9",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",
     "axios": "0.27.2",

diff --git a/packages/behandling-pleiepenger-sluttfase/src/components/PleiepengerSluttfaseFakta.tsx b/packages/behandling-pleiepenger-sluttfase/src/components/PleiepengerSluttfaseFakta.tsx
@@ -92,6 +92,7 @@ const PleiepengerSluttfaseFakta = ({
     rettigheter,
     aksjonspunkter,
     valgtFaktaSteg,
+    featureToggles,
   );
 
   faktaHooks.useFaktaAksjonspunktNotifikator(faktaPaneler, setApentFaktaPanel, behandling.versjon);

diff --git a/...dling-pleiepenger-sluttfase/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx b/...dling-pleiepenger-sluttfase/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx
@@ -6,6 +6,7 @@ import { FaktaPanelDef } from '@k9-sak-web/behandling-felles';
 import { konverterKodeverkTilKode, mapVilkar, transformBeregningValues } from '@fpsak-frontend/utils';
 import vilkarType from '@fpsak-frontend/kodeverk/src/vilkarType';
 import { BeregningFaktaIndex } from '@navikt/ft-fakta-beregning';
+import { BeregningFaktaIndex as BeregningFaktaIndexRedesign } from '@navikt/ft-fakta-beregning-redesign';
 
 class BeregningFaktaPanelDef extends FaktaPanelDef {
   getUrlKode = () => faktaPanelCodes.BEREGNING;
@@ -23,6 +24,22 @@ class BeregningFaktaPanelDef extends FaktaPanelDef {
     const deepCopyProps = JSON.parse(JSON.stringify(props));
     konverterKodeverkTilKode(deepCopyProps);
     const bgVilkaret = deepCopyProps.vilkar.find(v => v.vilkarType === vilkarType.BEREGNINGSGRUNNLAGVILKARET);
+    if (props.featureToggles?.FAKTA_BEREGNING_REDESIGN) {
+      return (
+        <BeregningFaktaIndexRedesign
+          {...deepCopyProps}
+          kodeverkSamling={deepCopyProps.alleKodeverk}
+          beregningsgrunnlag={deepCopyProps.beregningsgrunnlag}
+          arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}
+          submitCallback={aksjonspunktData => props.submitCallback(transformBeregningValues(aksjonspunktData))}
+          formData={props.formData}
+          setFormData={props.setFormData}
+          vilkar={mapVilkar(bgVilkaret, props.beregningreferanserTilVurdering)}
+          skalKunneOverstyreAktiviteter={false}
+          skalKunneAvbryteOverstyring
+        />
+      );
+    }
     return (
       <BeregningFaktaIndex
         {...deepCopyProps}

diff --git a/packages/behandling-pleiepenger/package.json b/packages/behandling-pleiepenger/package.json
@@ -33,6 +33,7 @@
     "@k9-sak-web/sak-app": "1.0.0",
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-fakta-fordel-beregningsgrunnlag": "7.3.9",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",
     "axios": "0.27.2",

diff --git a/...ages/behandling-pleiepenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx b/...ages/behandling-pleiepenger/src/panelDefinisjoner/faktaPaneler/BeregningFaktaPanelDef.tsx
@@ -6,6 +6,7 @@ import { FaktaPanelDef } from '@k9-sak-web/behandling-felles';
 import { konverterKodeverkTilKode, mapVilkar, transformBeregningValues } from '@fpsak-frontend/utils';
 import vilkarType from '@fpsak-frontend/kodeverk/src/vilkarType';
 import { BeregningFaktaIndex } from '@navikt/ft-fakta-beregning';
+import { BeregningFaktaIndex as BeregningFaktaIndexRedesign } from '@navikt/ft-fakta-beregning-redesign';
 
 class BeregningFaktaPanelDef extends FaktaPanelDef {
   // eslint-disable-next-line class-methods-use-this
@@ -27,6 +28,22 @@ class BeregningFaktaPanelDef extends FaktaPanelDef {
     const deepCopyProps = JSON.parse(JSON.stringify(props));
     konverterKodeverkTilKode(deepCopyProps);
     const bgVilkaret = deepCopyProps.vilkar.find(v => v.vilkarType === vilkarType.BEREGNINGSGRUNNLAGVILKARET);
+    if (props.featureToggles?.FAKTA_BEREGNING_REDESIGN) {
+      return (
+        <BeregningFaktaIndexRedesign
+          {...deepCopyProps}
+          kodeverkSamling={deepCopyProps.alleKodeverk}
+          beregningsgrunnlag={deepCopyProps.beregningsgrunnlag}
+          arbeidsgiverOpplysningerPerId={deepCopyProps.arbeidsgiverOpplysningerPerId}
+          submitCallback={aksjonspunktData => props.submitCallback(transformBeregningValues(aksjonspunktData))}
+          formData={props.formData}
+          setFormData={props.setFormData}
+          vilkar={mapVilkar(bgVilkaret, props.beregningreferanserTilVurdering)}
+          skalKunneOverstyreAktiviteter={props.featureToggles && props.featureToggles.OVERSTYR_BEREGNING}
+          skalKunneAvbryteOverstyring
+        />
+      );
+    }
     return (
       <BeregningFaktaIndex
         {...deepCopyProps}

diff --git a/packages/sak-app/package.json b/packages/sak-app/package.json
@@ -50,6 +50,7 @@
     "@k9-sak-web/types": "1.0.0",
     "@navikt/ds-react": "5.6.1",
     "@navikt/ft-fakta-beregning": "5.0.7",
+    "@navikt/ft-fakta-beregning-redesign": "1.0.4",
     "@navikt/ft-form-hooks": "4.2.9",
     "@navikt/ft-plattform-komponenter": "2.3.5",
     "@navikt/ft-prosess-beregningsgrunnlag": "6.3.11",

diff --git a/packages/sak-app/src/app/AppIndex.tsx b/packages/sak-app/src/app/AppIndex.tsx
@@ -17,6 +17,7 @@ import Home from './components/Home';
 
 import '@fpsak-frontend/assets/styles/global.css';
 import '@navikt/ft-fakta-beregning/dist/style.css';
+import '@navikt/ft-fakta-beregning-redesign/dist/style.css';
 import '@navikt/ft-form-hooks/dist/style.css';
 import '@navikt/ft-plattform-komponenter/dist/style.css';
 import '@navikt/ft-prosess-beregningsgrunnlag/dist/style.css';

diff --git a/webpack/mocks/feature-toggles.js b/webpack/mocks/feature-toggles.js
@@ -65,6 +65,10 @@ const featureToggles = [
     key: 'OVERSTYR_BEREGNING',
     value: process.env.OVERSTYR_BEREGNING,
   },
+  {
+    key: 'FAKTA_BEREGNING_REDESIGN',
+    value: process.env.FAKTA_BEREGNING_REDESIGN,
+  },
 ];
 
 module.exports = function (app) {