Ung: Fritekstbrev - Fungerende redigering og mellomlagring (#7358)

* Fungerende redigering og mellomlagring

* Rydder

* Renser html før innsending

* Forhåndsvisning av brev
Nullstilling av brev
Viser redigering av brev dersom checkbox benyttes
Styling

* Nullstilling
Henting av html med genererte typer

* Viser bare valg for brev dersom behandling ikke er avsluttet

* Fiks story

* Tar bort fritekstfeilmeldinger
Vi bruker ikke det gamle REST-oppsettet her

* fix

* Typing
Bump @editorjs/list

* Typerydding

* Fikser typer

* Fiks box

* Muliggjør flere brev

* Fikser tilbakestilling av brev

* Retter opp i forhåndsvisning av brev

* Rydding i GUI. Ikke ferdig

* Oppdatert typer

* Liten justering

* Fiks typesjekk

* Rydder bort utkommentert kode

* Feilhåndtering og rydding

* rar fiks

* fix

* Brevhistorie

* Tillater bare redigering dersom enableRediger er true

Author: hallvardastark

packages/prosess-vedtak/package.json

@@ -7,7 +7,7 @@
   "dependencies": {
     "@editorjs/editorjs": "2.31.0",
     "@editorjs/header": "2.8.8",
-    "@editorjs/list": "1.9.0",
+    "@editorjs/list": "2.0.8",
     "@editorjs/paragraph": "2.11.7",
     "@fpsak-frontend/form": "1.0.0",
     "@fpsak-frontend/kodeverk": "1.0.0",

packages/v2/backend/package.json

@@ -18,7 +18,7 @@
     "@navikt/k9-klage-typescript-client": "3.1.20250926082531",
     "@navikt/k9-sak-typescript-client": "3.0.20250925112318",
     "@navikt/k9-tilbake-typescript-client": "^1.1.20250922195504",
-    "@navikt/ung-sak-typescript-client": "2.0.20250929095603",
+    "@navikt/ung-sak-typescript-client": "2.0.20251001151033",
     "@navikt/ung-tilbake-typescript-client": "3.0.20250924144500"
   },
   "devDependencies": {

packages/v2/gui/package.json

@@ -19,6 +19,10 @@
     "./context/*": "./src/context/*"
   },
   "dependencies": {
+    "@editorjs/editorjs": "2.30.8",
+    "@editorjs/header": "2.8.8",
+    "@editorjs/list": "2.0.8",
+    "@editorjs/paragraph": "2.11.7",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "5.2.2",
     "@k9-sak-web/backend": "workspace:^",
@@ -28,9 +32,12 @@
     "@navikt/ft-form-validators": "^4.2.11",
     "@navikt/ft-utils": "^3.8.10",
     "@tanstack/react-query": "^5.90.2",
+    "@types/css-tree": "^2.3.10",
     "@types/object-hash": "^3.0.6",
     "axios": "1.12.2",
+    "css-tree": "3.1.0",
     "dayjs": "^1.11.18",
+    "editorjs-html": "3.4.3",
     "object-hash": "^3.0.0",
     "react": "19.1.1",
     "react-hook-form": "7.63.0",

packages/v2/gui/src/fakta/sykdom-og-opplæring/1-institusjon/components/InstitusjonForm.tsx

@@ -88,7 +88,9 @@ const InstitusjonForm = ({ vurdering, readOnly, erRedigering, avbrytRedigering }
     const skalSendeBegrunnelse =
       values[InstitusjonFormFields.GODKJENT_INSTITUSJON] === 'nei' ||
       values[InstitusjonFormFields.SKAL_LEGGE_TIL_VALGFRI_SKRIFTLIG_VURDERING] === 'ja';
-    const skalSendeOrganisasjonsnummer = values[InstitusjonFormFields.HAR_ORGANISASJONSNUMMER] === 'ja' && (values[InstitusjonFormFields.ORGANISASJONSNUMMER] || '').length === 9;
+    const skalSendeOrganisasjonsnummer =
+      values[InstitusjonFormFields.HAR_ORGANISASJONSNUMMER] === 'ja' &&
+      (values[InstitusjonFormFields.ORGANISASJONSNUMMER] || '').length === 9;
     løsAksjonspunkt9300({
       godkjent: values[InstitusjonFormFields.GODKJENT_INSTITUSJON] === 'ja',
       begrunnelse: skalSendeBegrunnelse ? values[InstitusjonFormFields.BEGRUNNELSE] : null,

packages/v2/gui/src/prosess/ung-vedtak/FormData.ts

@@ -0,0 +1,10 @@
+import type { ung_kodeverk_dokument_DokumentMalType } from '@k9-sak-web/backend/ungsak/generated/types.js';
+
+export interface FormData {
+  vedtaksbrevValg: {
+    hindreUtsendingAvBrev: boolean;
+    redigertHtml: string;
+    originalHtml: string;
+    dokumentMalType?: ung_kodeverk_dokument_DokumentMalType | undefined;
+  }[];
+}

packages/v2/gui/src/prosess/ung-vedtak/UngVedtak.stories.tsx

@@ -1,9 +1,11 @@
 import {
   ung_kodeverk_behandling_BehandlingStatus as BehandlingDtoStatus,
   ung_kodeverk_behandling_BehandlingType as BehandlingDtoType,
+  ung_kodeverk_dokument_DokumentMalType,
 } from '@k9-sak-web/backend/ungsak/generated/types.js';
 import alleKodeverkV2 from '@k9-sak-web/lib/kodeverk/mocks/alleKodeverkV2.json';
 import type { Meta, StoryObj } from '@storybook/react';
+import { fn } from 'storybook/internal/test';
 import { KodeverkProvider } from '../../kodeverk';
 import { asyncAction } from '../../storybook/asyncAction';
 import { FakeUngVedtakBackendApi } from '../../storybook/mocks/FakeUngVedtakBackendApi';
@@ -16,6 +18,8 @@ const meta = {
     aksjonspunkter: [],
     api,
     submitCallback: asyncAction('button-click'),
+    vedtaksbrevValgResponse: {},
+    refetchVedtaksbrevValg: fn(),
   },
   component: UngVedtak,
   render: props => (
@@ -99,3 +103,67 @@ export const AvslåttStory: Story = {
     readOnly: false,
   },
 };
+
+export const MedBrev: Story = {
+  args: {
+    behandling: {
+      behandlingsresultat: {
+        type: 'INNVILGET',
+      },
+      id: 3000002,
+      status: BehandlingDtoStatus.OPPRETTET,
+    },
+    vilkår: [
+      {
+        vilkarType: 'UNG_VK_2',
+        perioder: [
+          {
+            avslagKode: undefined,
+            vilkarStatus: 'OPPFYLT',
+          },
+        ],
+      },
+      {
+        vilkarType: 'UNG_VK_1',
+        perioder: [
+          {
+            avslagKode: undefined,
+            vilkarStatus: 'OPPFYLT',
+          },
+        ],
+      },
+    ],
+    readOnly: false,
+    aksjonspunkter: [
+      {
+        kanLoses: true,
+      },
+    ],
+    vedtaksbrevValgResponse: {
+      harBrev: true,
+      vedtaksbrevValg: [
+        {
+          dokumentMalType: {
+            kilde: ung_kodeverk_dokument_DokumentMalType.ENDRING_INNTEKT,
+            navn: 'Endre inntekt',
+            kode: 'ENDRE_INNTEKT',
+            kodeverk: '',
+          },
+        },
+        {
+          dokumentMalType: {
+            kilde: ung_kodeverk_dokument_DokumentMalType.ENDRING_HØY_SATS,
+            navn: 'Endring høy sats',
+            kode: 'ENDRE_HØY_SATS',
+            kodeverk: '',
+          },
+        },
+        // {
+        //   brevMal: 'AVSLAG_UNG',
+        //   navn: 'Avslag ungdomsytelse',
+        //   støtterTredjepartsmottaker: false,
+        // },
+      ],
+    },
+  },
+};