Justeringer for UNG i tilkjent ytelse

packages/prosess-tilkjent-ytelse/src/TilkjentYtelseProsessIndex.stories.tsx

@@ -3,11 +3,16 @@ import { action } from '@storybook/addon-actions';
 import aksjonspunktCodes from '@fpsak-frontend/kodeverk/src/aksjonspunktCodes';
 import aksjonspunktStatus from '@fpsak-frontend/kodeverk/src/aksjonspunktStatus';
 import { behandlingType } from '@k9-sak-web/backend/k9sak/kodeverk/behandling/BehandlingType.js';
+import { fagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
 import { KodeverkProvider } from '@k9-sak-web/gui/kodeverk/index.js';
 import alleKodeverk from '@k9-sak-web/gui/storybook/mocks/alleKodeverk.json';
 import { AksjonspunktDto, BehandlingDto } from '@navikt/k9-sak-typescript-client';
 import TilkjentYtelseProsessIndex from './TilkjentYtelseProsessIndex';
 
+const fagsak = {
+ sakstype: { kode: fagsakYtelsesType.PSB, kodeverk: 'FAGSAK_YTELSE' },
+};
+
 const behandling = {
  id: 1,
  versjon: 1,
@@ -160,6 +165,7 @@ export const visUtenAksjonspunkt = args => (
  alleKodeverk={alleKodeverk as any}
  submitCallback={action('button-click')}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+ fagsak={fagsak}
  {...args}
  />
 );
@@ -184,6 +190,7 @@ export const visÅpentAksjonspunktTilbaketrekk = args => (
  alleKodeverk={alleKodeverk as any}
  submitCallback={action('button-click')}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+ fagsak={fagsak}
  {...args}
  />
 );
@@ -213,6 +220,7 @@ export const visÅpentAksjonspunktManuellTilkjentYtelse = args => (
  }
  submitCallback={action('button-click')}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+ fagsak={fagsak}
  {...args}
  />
  </KodeverkProvider>

packages/prosess-tilkjent-ytelse/src/TilkjentYtelseProsessIndex.tsx

@@ -1,3 +1,4 @@
+import { fagsakYtelsesType } from '@k9-sak-web/backend/k9sak/kodeverk/FagsakYtelsesType.js';
 import { ArbeidsgiverOpplysningerPerId } from '@k9-sak-web/types';
 import {
  AksjonspunktDto,
@@ -35,6 +36,7 @@ const TilkjentYtelseProsessIndex = ({
  submitCallback,
  readOnlySubmitButton,
  arbeidsgiverOpplysningerPerId,
+ fagsak,
 }: OwnProps) => (
  <RawIntlProvider value={intl}>
  <TilkjentYtelsePanel
@@ -44,6 +46,7 @@ const TilkjentYtelseProsessIndex = ({
  submitCallback={submitCallback}
  readOnlySubmitButton={readOnlySubmitButton}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+ isUngdomsytelseFagsak={fagsak.sakstype === fagsakYtelsesType.UNG}
  />
  </RawIntlProvider>
 );

packages/prosess-tilkjent-ytelse/src/components/TilkjentYtelse.spec.tsx

@@ -51,6 +51,7 @@ describe('<TilkjentYtelse>', () => {
  groups={[]}
  kodeverkNavnFraKode={kodeverkNavnFraKode}
  arbeidsgiverOpplysningerPerId={{}}
+ isUngdomsytelseFagsak={false}
  />,
  );
 

packages/prosess-tilkjent-ytelse/src/components/TilkjentYtelse.tsx

@@ -112,6 +112,7 @@ interface OwnProps {
  }[];
  kodeverkNavnFraKode: (kode: string, kodeverkType: KodeverkType) => string;
  arbeidsgiverOpplysningerPerId: ArbeidsgiverOpplysningerPerId;
+ isUngdomsytelseFagsak: boolean;
 }
 
 interface OwnState {
@@ -237,7 +238,7 @@ export class TilkjentYtelse extends Component<OwnProps, OwnState> {
  goBackward,
  goForward,
  openPeriodInfo,
- props: { groups, items, kodeverkNavnFraKode, arbeidsgiverOpplysningerPerId },
+ props: { groups, items, kodeverkNavnFraKode, arbeidsgiverOpplysningerPerId, isUngdomsytelseFagsak },
  selectHandler,
  state: { selectedItem },
  zoomIn,
@@ -277,6 +278,7 @@ export class TilkjentYtelse extends Component<OwnProps, OwnState> {
  callbackForward={nextPeriod}
  callbackBackward={prevPeriod}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
+ isUngdomsytelseFagsak={isUngdomsytelseFagsak}
  />
  )}
  </div>

packages/prosess-tilkjent-ytelse/src/components/TilkjentYtelsePanel.tsx

@@ -47,6 +47,7 @@ interface PureOwnProps {
  submitCallback: (data: any) => Promise<any>;
  readOnlySubmitButton: boolean;
  arbeidsgiverOpplysningerPerId: ArbeidsgiverOpplysningerPerId;
+ isUngdomsytelseFagsak: boolean;
 }
 
 const TilkjentYtelsePanelImpl = ({
@@ -56,6 +57,7 @@ const TilkjentYtelsePanelImpl = ({
  aksjonspunkter,
  readOnly,
  arbeidsgiverOpplysningerPerId,
+ isUngdomsytelseFagsak,
 }: Partial<PureOwnProps>) => {
  const { getKodeverkNavnFraKodeFn } = useKodeverkContext();
  const kodeverkNavnFraKode = getKodeverkNavnFraKodeFn();
@@ -73,6 +75,7 @@ const TilkjentYtelsePanelImpl = ({
  groups={groups}
  arbeidsgiverOpplysningerPerId={arbeidsgiverOpplysningerPerId}
  kodeverkNavnFraKode={kodeverkNavnFraKode}
+ isUngdomsytelseFagsak={isUngdomsytelseFagsak}
  />
  )}
 

packages/prosess-tilkjent-ytelse/src/components/TilkjentYtelseTimeLineData.spec.tsx

@@ -66,6 +66,7 @@ describe('<TilkjentYtelseTimeLineData>', () => {
  selectedItemStartDate={selectedItemStartDate}
  selectedItemEndDate={selectedItemEndDate}
  arbeidsgiverOpplysningerPerId={{}}
+ isUngdomsytelseFagsak={false}
  />,
  );
 

packages/prosess-tilkjent-ytelse/src/components/TilkjentYtelseTimelineData.tsx

@@ -18,6 +18,7 @@ interface OwnProps {
  callbackForward: (...args: any[]) => any;
  callbackBackward: (...args: any[]) => any;
  arbeidsgiverOpplysningerPerId: ArbeidsgiverOpplysningerPerId;
+ isUngdomsytelseFagsak: boolean;
 }
 
 /**
@@ -38,6 +39,7 @@ const TilkjentYtelseTimeLineData = ({
  callbackForward,
  callbackBackward,
  arbeidsgiverOpplysningerPerId,
+ isUngdomsytelseFagsak,
 }: OwnProps) => {
  const { kodeverkNavnFraKode } = useKodeverkContext();
  const { andeler } = selectedItemData;
@@ -145,45 +147,47 @@ const TilkjentYtelseTimeLineData = ({
  </div>
  ))}
  </div>
- <Tabs className="mt-12" value={String(selectedAndelIndex)} onChange={setSelectedAndelIndex}>
- <Tabs.List>
- {andeler.map((andel, index) => {
- const label = createArbeidsgiverVisningsnavnForAndel(
- andel,
- kodeverkNavnFraKode,
- arbeidsgiverOpplysningerPerId,
- );
- return <Tabs.Tab value={String(index)} key={label} label={label} />;
- })}
- </Tabs.List>
- {andeler.map((andel, index) => (
- <Tabs.Panel
- key={createArbeidsgiverVisningsnavnForAndel(andel, kodeverkNavnFraKode, arbeidsgiverOpplysningerPerId)}
- value={String(index)}
- >
- <div className="p-4">
- <BodyShort size="small">
- {`Utbetalt refusjon: `}
- <span className="font-semibold inline-block">{andel?.refusjon} kr</span>
- </BodyShort>
- <BodyShort size="small">
- {`Utbetalt til søker: `}
- <span className="font-semibold inline-block">{andel?.tilSoker} kr</span>
- </BodyShort>
- <BodyShort size="small">
- {`Utbetalingsgrad: `}
- <span className="font-semibold inline-block">{andel?.utbetalingsgrad} %</span>
- </BodyShort>
- <BodyShort size="small">
- {`Aktivitetsstatus: `}
- <span className="font-semibold inline-block">
- {getAktivitet(andel?.aktivitetStatus, kodeverkNavnFraKode)}
- </span>
- </BodyShort>
- </div>
- </Tabs.Panel>
- ))}
- </Tabs>
+ {!isUngdomsytelseFagsak && (
+ <Tabs className="mt-12" value={String(selectedAndelIndex)} onChange={setSelectedAndelIndex}>
+ <Tabs.List>
+ {andeler.map((andel, index) => {
+ const label = createArbeidsgiverVisningsnavnForAndel(
+ andel,
+ kodeverkNavnFraKode,
+ arbeidsgiverOpplysningerPerId,
+ );
+ return <Tabs.Tab value={String(index)} key={label} label={label} />;
+ })}
+ </Tabs.List>
+ {andeler.map((andel, index) => (
+ <Tabs.Panel
+ key={createArbeidsgiverVisningsnavnForAndel(andel, kodeverkNavnFraKode, arbeidsgiverOpplysningerPerId)}
+ value={String(index)}
+ >
+ <div className="p-4">
+ <BodyShort size="small">
+ {`Utbetalt refusjon: `}
+ <span className="font-semibold inline-block">{andel?.refusjon} kr</span>
+ </BodyShort>
+ <BodyShort size="small">
+ {`Utbetalt til søker: `}
+ <span className="font-semibold inline-block">{andel?.tilSoker} kr</span>
+ </BodyShort>
+ <BodyShort size="small">
+ {`Utbetalingsgrad: `}
+ <span className="font-semibold inline-block">{andel?.utbetalingsgrad} %</span>
+ </BodyShort>
+ <BodyShort size="small">
+ {`Aktivitetsstatus: `}
+ <span className="font-semibold inline-block">
+ {getAktivitet(andel?.aktivitetStatus, kodeverkNavnFraKode)}
+ </span>
+ </BodyShort>
+ </div>
+ </Tabs.Panel>
+ ))}
+ </Tabs>
+ )}
  </TimeLineDataContainer>
  );
 };

packages/v2/backend/package.json

@@ -16,6 +16,6 @@
  },
  "dependencies": {
  "@navikt/k9-klage-typescript-client": "1.0.20240513162434-997f3da",
- "@navikt/k9-sak-typescript-client": "1.0.20240916120432"
+ "@navikt/k9-sak-typescript-client": "1.0.20241022074528"
  }
 }

packages/v2/gui/src/prosess/ung-beregning/UngBeregning.stories.tsx

@@ -0,0 +1,14 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { FakeUngBeregningBackendApi } from '../../storybook/mocks/FakeUngBeregningBackendApi';
+import UngBeregning from './UngBeregning';
+
+const api = new FakeUngBeregningBackendApi();
+const meta = {
+ title: 'gui/prosess/ung-beregning/UngBeregning.tsx',
+ component: UngBeregning,
+} satisfies Meta<typeof UngBeregning>;
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const DefaultStory: Story = { args: { behandling: { uuid: '123' }, api } };

packages/v2/gui/src/prosess/ung-beregning/UngBeregning.tsx

@@ -0,0 +1,85 @@
+import type { UngdomsytelseSatsPeriodeDto } from '@k9-sak-web/backend/k9sak/generated';
+import { formatPeriod } from '@k9-sak-web/lib/dateUtils/dateUtils.js';
+import { Alert, Heading, Loader, Table } from '@navikt/ds-react';
+import { useQuery } from '@tanstack/react-query';
+import type { UngBeregningBackendApiType } from './UngBeregningBackendApiType';
+
+const formatCurrencyWithKr = (value: number) => {
+ const formattedValue = Number(value).toLocaleString('nb-NO').replace(/,|\s/g, ' ');
+ return `${formattedValue} kr`;
+};
+
+const formatCurrencyNoKr = (value: number) => {
+ if (value === null || value === undefined) {
+ return undefined;
+ }
+ // Fjerner mellomrom i tilfelle vi får inn tall med det
+ const newVal = value.toString().replace(/\s/g, '');
+ if (Number.isNaN(newVal)) {
+ return undefined;
+ }
+ return Number(Math.round(+newVal)).toLocaleString('nb-NO').replace(/,|\s/g, ' ');
+};
+
+interface Props {
+ behandling: { uuid: string };
+ api: UngBeregningBackendApiType;
+}
+
+const UngBeregning = ({ api, behandling }: Props) => {
+ const {
+ data: satser,
+ isLoading: satserIsLoading,
+ isSuccess: satserSuccess,
+ isError: satserIsError,
+ } = useQuery<UngdomsytelseSatsPeriodeDto[]>({
+ queryKey: ['satser'],
+ queryFn: () => api.getSatser(behandling.uuid),
+ });
+
+ if (satserIsLoading) {
+ return <Loader size="large" />;
+ }
+
+ if (satserIsError) {
+ return <Alert variant="error">Noe gikk galt, vennligst prøv igjen senere</Alert>;
+ }
+
+ return (
+ <div className="max-w-[768px]">
+ {satserSuccess && (
+ <div>
+ <Heading size="small" level="2">
+ Satser
+ </Heading>
+ <Table>
+ <Table.Header>
+ <Table.Row>
+ <Table.HeaderCell scope="col">Periode</Table.HeaderCell>
+ <Table.HeaderCell scope="col">Sats</Table.HeaderCell>
+ <Table.HeaderCell scope="col" align="right">
+ Grunnbeløp
+ </Table.HeaderCell>
+ <Table.HeaderCell scope="col" align="right">
+ Dagsats
+ </Table.HeaderCell>
+ </Table.Row>
+ </Table.Header>
+ <Table.Body>
+ {satser.map(({ fom, tom, satsType, dagsats, grunnbeløp }) => (
+ <Table.Row key={`${fom}_${tom}`}>
+ <Table.DataCell>{fom && tom && formatPeriod(fom, tom)}</Table.DataCell>
+ <Table.DataCell>{satsType}</Table.DataCell>
+ <Table.DataCell align="right">{grunnbeløp && formatCurrencyWithKr(grunnbeløp)}</Table.DataCell>
+ <Table.DataCell align="right">{dagsats && formatCurrencyNoKr(dagsats)} kr</Table.DataCell>
+ </Table.Row>
+ ))}
+ </Table.Body>
+ </Table>
+ </div>
+ )}
+ </div>
+ );
+};
+
+export default UngBeregning;

packages/v2/gui/src/prosess/ung-beregning/UngBeregningBackendApiType.ts

@@ -0,0 +1,5 @@
+import type { UngdomsytelseSatsPeriodeDto } from '@k9-sak-web/backend/k9sak/generated';
+
+export type UngBeregningBackendApiType = {
+ getSatser(behandlingUuid: string): Promise<UngdomsytelseSatsPeriodeDto[]>;
+};

packages/v2/gui/src/prosess/ung-beregning/UngBeregningBackendClient.ts

@@ -0,0 +1,13 @@
+import type { K9SakClient, UngdomsytelseSatsPeriodeDto } from '@k9-sak-web/backend/k9sak/generated';
+
+export default class UngBeregningBackendClient {
+ #k9sak: K9SakClient;
+
+ constructor(k9sakClient: K9SakClient) {
+ this.#k9sak = k9sakClient;
+ }
+
+ async getSatser(behandlingUuid: string): Promise<UngdomsytelseSatsPeriodeDto[]> {
+ return this.#k9sak.ung.getUngdomsytelseInnvilgetSats(behandlingUuid);
+ }
+}