Flytter sak-fagsak-profile inn i v2 (#7207)

* Flytter sak-fagsak-profile inn i v2

* Retter test

Author: hallvardastark

packages/sak-app/package.json

@@ -7,7 +7,6 @@
   "dependencies": {
     "@fpsak-frontend/assets": "1.0.0",
     "@fpsak-frontend/kodeverk": "1.0.0",
-    "@fpsak-frontend/sak-fagsak-profil": "1.0.0",
     "@fpsak-frontend/sak-historikk": "1.0.0",
     "@fpsak-frontend/sak-meny": "1.0.0",
     "@fpsak-frontend/sak-meny-endre-enhet": "1.0.0",

packages/sak-app/src/fagsakprofile/FagsakProfileIndex.spec.tsx

@@ -5,13 +5,15 @@ import { MemoryRouter } from 'react-router';
 import behandlingResultatType from '@fpsak-frontend/kodeverk/src/behandlingResultatType';
 import behandlingStatus from '@fpsak-frontend/kodeverk/src/behandlingStatus';
 import fagsakStatus from '@fpsak-frontend/kodeverk/src/fagsakStatus';
+import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';
 import { fagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
 import { KodeverkTypeV2 } from '@k9-sak-web/lib/kodeverk/types.js';
-import kodeverkTyper from '@fpsak-frontend/kodeverk/src/kodeverkTyper';
 import { BehandlingAppKontekst, Fagsak } from '@k9-sak-web/types';
 
 import { renderWithIntlAndReactQueryClient } from '@fpsak-frontend/utils-test/test-utils';
 import { behandlingType } from '@k9-sak-web/backend/k9sak/kodeverk/behandling/BehandlingType.js';
+import { KodeverkProvider } from '@k9-sak-web/gui/kodeverk/index.js';
+import alleKodeverkV2 from '@k9-sak-web/lib/kodeverk/mocks/alleKodeverkV2.json';
 import { K9sakApiKeys, requestApi } from '../data/k9sakApi';
 import { FagsakProfileIndex } from './FagsakProfileIndex';
 
@@ -160,17 +162,24 @@ describe('<FagsakProfileIndex>', () => {
     requestApi.mock(K9sakApiKeys.LOS_HENTE_MERKNAD, {});
 
     renderWithIntlAndReactQueryClient(
-      <MemoryRouter>
-        <IntlProvider locale="nb-NO">
-          <FagsakProfileIndex
-            fagsak={fagsak as Fagsak}
-            alleBehandlinger={[forstegang, revurdering] as BehandlingAppKontekst[]}
-            harHentetBehandlinger
-            oppfriskBehandlinger={vi.fn()}
-            fagsakRettigheter={fagsakRettigheter}
-          />
-        </IntlProvider>
-      </MemoryRouter>,
+      <KodeverkProvider
+        behandlingType={behandlingType.FØRSTEGANGSSØKNAD}
+        kodeverk={alleKodeverkV2}
+        klageKodeverk={{}}
+        tilbakeKodeverk={{}}
+      >
+        <MemoryRouter>
+          <IntlProvider locale="nb-NO">
+            <FagsakProfileIndex
+              fagsak={fagsak as Fagsak}
+              alleBehandlinger={[forstegang, revurdering] as BehandlingAppKontekst[]}
+              harHentetBehandlinger
+              oppfriskBehandlinger={vi.fn()}
+              fagsakRettigheter={fagsakRettigheter}
+            />
+          </IntlProvider>
+        </MemoryRouter>
+      </KodeverkProvider>,
     );
 
     expect(await screen.findByRole('button', { name: 'Behandlingsmeny' })).toBeInTheDocument();
@@ -194,18 +203,25 @@ describe('<FagsakProfileIndex>', () => {
     requestApi.mock(K9sakApiKeys.LOS_HENTE_MERKNAD, {});
 
     renderWithIntlAndReactQueryClient(
-      <MemoryRouter>
-        <IntlProvider locale="nb-NO">
-          <FagsakProfileIndex
-            fagsak={fagsak as Fagsak}
-            alleBehandlinger={[forstegang, revurdering] as BehandlingAppKontekst[]}
-            harHentetBehandlinger
-            oppfriskBehandlinger={vi.fn()}
-            behandlingId={1}
-            fagsakRettigheter={fagsakRettigheter}
-          />
-        </IntlProvider>
-      </MemoryRouter>,
+      <KodeverkProvider
+        behandlingType={behandlingType.FØRSTEGANGSSØKNAD}
+        kodeverk={alleKodeverkV2}
+        klageKodeverk={{}}
+        tilbakeKodeverk={{}}
+      >
+        <MemoryRouter>
+          <IntlProvider locale="nb-NO">
+            <FagsakProfileIndex
+              fagsak={fagsak as Fagsak}
+              alleBehandlinger={[forstegang, revurdering] as BehandlingAppKontekst[]}
+              harHentetBehandlinger
+              oppfriskBehandlinger={vi.fn()}
+              behandlingId={1}
+              fagsakRettigheter={fagsakRettigheter}
+            />
+          </IntlProvider>
+        </MemoryRouter>
+      </KodeverkProvider>,
     );
 
     expect(await screen.findByRole('button', { name: 'Behandlingsmeny' })).toBeInTheDocument();

packages/sak-app/src/fagsakprofile/FagsakProfileIndex.tsx

@@ -1,8 +1,8 @@
-import FagsakProfilSakIndex from '@fpsak-frontend/sak-fagsak-profil';
 import { LoadingPanel, requireProps } from '@fpsak-frontend/shared-components';
 import { K9SakClientContext } from '@k9-sak-web/gui/app/K9SakClientContext.js';
 import BehandlingVelgerBackendClient from '@k9-sak-web/gui/sak/behandling-velger/BehandlingVelgerK9BackendClient.js';
 import BehandlingVelgerSakV2 from '@k9-sak-web/gui/sak/behandling-velger/BehandlingVelgerSakIndex.js';
+import FagsakProfilSakIndex from '@k9-sak-web/gui/sak/fagsak-profil/FagsakProfilSakIndex.js';
 import FeatureTogglesContext from '@k9-sak-web/gui/utils/featureToggles/FeatureTogglesContext.js';
 import { konverterKodeverkTilKode } from '@k9-sak-web/lib/kodeverk/konverterKodeverkTilKode.js';
 import BehandlingVelgerSakIndex from '@k9-sak-web/sak-behandling-velger';
@@ -99,8 +99,7 @@ export const FagsakProfileIndex = ({
         <FagsakProfilSakIndex
           saksnummer={fagsak.saksnummer}
           fagsakYtelseType={fagsak.sakstype}
-          fagsakStatus={fagsakStatusMedNavn}
-          dekningsgrad={fagsak.dekningsgrad}
+          fagsakStatus={fagsakStatusMedNavn.kode}
           renderBehandlingMeny={() => {
             if (!fagsakRettigheter || !behandlendeEnheter) {
               return <LoadingPanel />;

packages/sak-fagsak-profil/i18n/index.ts

@@ -0,0 +1,26 @@
+import fagsakStatus from '@fpsak-frontend/kodeverk/src/fagsakStatus';
+import { behandlingType } from '@k9-sak-web/backend/k9sak/kodeverk/behandling/BehandlingType.js';
+import { fagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
+import { Button } from '@navikt/ds-react';
+import type { Meta, StoryObj } from '@storybook/react';
+import withKodeverkContext from '../../storybook/decorators/withKodeverkContext';
+import withMaxWidth from '../../storybook/decorators/withMaxWidth';
+import FagsakProfilSakIndex from './FagsakProfilSakIndex';
+
+const meta = {
+  title: 'gui/sak/fagsak-profil',
+  component: FagsakProfilSakIndex,
+  decorators: [withKodeverkContext({ behandlingType: behandlingType.FØRSTEGANGSSØKNAD }), withMaxWidth(600)],
+} satisfies Meta<typeof FagsakProfilSakIndex>;
+
+export default meta;
+
+export const Default: StoryObj<typeof meta> = {
+  args: {
+    saksnummer: '232341251',
+    fagsakYtelseType: fagsakYtelsesType.PLEIEPENGER_SYKT_BARN,
+    fagsakStatus: fagsakStatus.OPPRETTET,
+    renderBehandlingMeny: () => <Button size="small">Meny (Placeholder)</Button>,
+    renderBehandlingVelger: () => <div>Liste (placeholder)</div>,
+  },
+};

packages/sak-fagsak-profil/i18n/nb_NO.json

@@ -1,29 +1,23 @@
-import React, { ReactNode } from 'react';
+import { type FagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
+import { type ReactNode } from 'react';
 import { createIntl, createIntlCache, RawIntlProvider } from 'react-intl';
-
-import { FagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
-import { KodeverkMedNavn } from '@k9-sak-web/types';
-
 import FagsakProfile from './components/FagsakProfile';
-import messages from '../i18n/nb_NO.json';
 
 const cache = createIntlCache();
 
 const intl = createIntl(
   {
     locale: 'nb-NO',
-    messages,
   },
   cache,
 );
 
 interface OwnProps {
   saksnummer: string;
   fagsakYtelseType: FagsakYtelsesType;
-  fagsakStatus: KodeverkMedNavn;
+  fagsakStatus: string;
   renderBehandlingMeny: () => ReactNode;
   renderBehandlingVelger: () => ReactNode;
-  dekningsgrad?: number;
 }
 
 const FagsakProfilSakIndex = ({
@@ -32,7 +26,6 @@ const FagsakProfilSakIndex = ({
   fagsakStatus,
   renderBehandlingMeny,
   renderBehandlingVelger,
-  dekningsgrad,
 }: OwnProps) => (
   <RawIntlProvider value={intl}>
     <FagsakProfile
@@ -41,7 +34,6 @@ const FagsakProfilSakIndex = ({
       fagsakStatus={fagsakStatus}
       renderBehandlingMeny={renderBehandlingMeny}
       renderBehandlingVelger={renderBehandlingVelger}
-      dekningsgrad={dekningsgrad}
     />
   </RawIntlProvider>
 );