Legg til ff og utvid varseltekst

_mocks/featureToggles.ts

@@ -76,5 +76,9 @@ export const featureTogglesFactory = () => [
   {
     key: 'NYE_NOKKELTALL',
     value: process.env.VITE_NYE_NOKKELTALL,
+  },
+  {
+    key: 'UTVIDET_VARSELFELT',
+    value: process.env.VITE_UTVIDET_VARSELFELT,
   }
 ];

deploy/dev-fss-k9saksbehandling.yml

@@ -107,3 +107,5 @@ spec:
       value: "true"
     - name: NYE_NOKKELTALL
       value: "true"
+    - name: UTVIDET_VARSELFELT
+      value: "true"

deploy/prod-fss-k9saksbehandling.yml

@@ -104,3 +104,5 @@ spec:
       value: "true"
     - name: NYE_NOKKELTALL
       value: "false"
+    - name: UTVIDET_VARSELFELT
+      value: "false"

feature-toggles.json

@@ -82,5 +82,9 @@
   {
     "key": "NYE_NOKKELTALL",
     "value": "${NYE_NOKKELTALL}"
+  },
+  {
+    "key": "UTVIDET_VARSELFELT",
+    "value": "${UTVIDET_VARSELFELT}"
   }
 ]

packages/prosess-avregning/src/components/AvregningPanel.jsx

@@ -31,6 +31,7 @@ import styles from './avregningPanel.module.css';
 
 const minLength3 = minLength(3);
 const maxLength1500 = maxLength(1500);
+const maxLength12000 = maxLength(12000);
 const simuleringAksjonspunkter = [aksjonspunktCodes.VURDER_FEILUTBETALING];
 const formName = 'AvregnigForm';
 const IKKE_SEND = 'IKKE_SEND';
@@ -108,6 +109,7 @@ export class AvregningPanelImpl extends Component {
       readOnly,
       sprakkode,
       featureVarseltekst,
+      featureUtvidetVarselfelt,
       previewCallback,
       hasOpenTilbakekrevingsbehandling,
       ...formProps
@@ -199,8 +201,8 @@ export class AvregningPanelImpl extends Component {
                                       <TextAreaField
                                         name="varseltekst"
                                         label={{ id: 'Avregning.fritekst' }}
-                                        validate={[required, minLength3, maxLength1500, hasValidText]}
-                                        maxLength={1500}
+                                        validate={[required, minLength3, featureUtvidetVarselfelt ? maxLength12000 : maxLength1500, hasValidText]}
+                                        maxLength={featureUtvidetVarselfelt ? 12000 : 1500}
                                         readOnly={readOnly}
                                         id="avregningFritekst"
                                         badges={[
@@ -338,6 +340,7 @@ const mapStateToPropsFactory = (initialState, ownPropsStatic) => {
       initialValues: buildInitialValues(state, ownProps),
       behandlingFormPrefix: getBehandlingFormPrefix(behandlingId, behandlingVersjon),
       featureVarseltekst: erFrisinn || featureToggles?.VARSELTEKST,
+      featureUtvidetVarselfelt: featureToggles?.UTVIDET_VARSELFELT,
       saksnummer: fagsak.saksnummer,
       hasOpenTilbakekrevingsbehandling,
       sprakkode,

packages/prosess-vedtak-tilbakekreving/src/components/brev/TilbakekrevingEditerVedtaksbrevPanel.spec.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { renderWithIntlAndReduxForm } from '@fpsak-frontend/utils-test/test-utils';
 import { screen } from '@testing-library/react';
 import TilbakekrevingEditerVedtaksbrevPanel from './TilbakekrevingEditerVedtaksbrevPanel';
+import {K9sakApiKeys, requestApi} from "@k9-sak-web/sak-app/src/data/k9sakApi";
 
 describe('<TilbakekrevingEditerVedtaksbrevPanel>', () => {
   const vedtaksbrevAvsnitt = [
@@ -73,6 +74,7 @@ describe('<TilbakekrevingEditerVedtaksbrevPanel>', () => {
   ];
 
   it('skal vise tekstfelt for begrunnelse og godkjenningsknapp', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntlAndReduxForm(
       <TilbakekrevingEditerVedtaksbrevPanel
         vedtaksbrevAvsnitt={vedtaksbrevAvsnitt}
@@ -94,6 +96,7 @@ describe('<TilbakekrevingEditerVedtaksbrevPanel>', () => {
   });
 
   it('skal automatisk åpne panel som ikke har obligatorisk verdi utfylt', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntlAndReduxForm(
       <TilbakekrevingEditerVedtaksbrevPanel
         vedtaksbrevAvsnitt={vedtaksbrevAvsnitt}

packages/prosess-vedtak-tilbakekreving/src/components/brev/TilbakekrevingVedtakUtdypendeTekstPanel.spec.tsx

@@ -4,9 +4,11 @@ import React from 'react';
 import { intlMock } from '../../../i18n';
 import messages from '../../../i18n/nb_NO.json';
 import { TilbakekrevingVedtakUtdypendeTekstPanel } from './TilbakekrevingVedtakUtdypendeTekstPanel';
+import {K9sakApiKeys, requestApi} from "@k9-sak-web/sak-app/src/data/k9sakApi";
 
 describe('<TilbakekrevingVedtakUtdypendeTekstPanel>', () => {
   it('skal vise lenke for å skrive inn tekst når felt ikke har verdi og en ikke er i readonly-modus', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntl(
       <TilbakekrevingVedtakUtdypendeTekstPanel
         intl={intlMock}
@@ -23,6 +25,7 @@ describe('<TilbakekrevingVedtakUtdypendeTekstPanel>', () => {
   });
 
   it('skal vise textarea når en har trykket på lenke', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntlAndReduxForm(
       <TilbakekrevingVedtakUtdypendeTekstPanel
         intl={intlMock}
@@ -39,6 +42,7 @@ describe('<TilbakekrevingVedtakUtdypendeTekstPanel>', () => {
   });
 
   it('skal vise textarea når fritekst er påkrevet', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntlAndReduxForm(
       <TilbakekrevingVedtakUtdypendeTekstPanel
         intl={intlMock}
@@ -55,6 +59,7 @@ describe('<TilbakekrevingVedtakUtdypendeTekstPanel>', () => {
   });
 
   it('skal ikke vise lenke eller textarea når verdi ikke finnes og en er i readonly-modus', () => {
+    requestApi.mock(K9sakApiKeys.FEATURE_TOGGLE, [{ UTVIDET_VARSELTEKST: true }]);
     renderWithIntl(
       <TilbakekrevingVedtakUtdypendeTekstPanel
         intl={intlMock}

packages/prosess-vedtak-tilbakekreving/src/components/brev/TilbakekrevingVedtakUtdypendeTekstPanel.tsx

@@ -1,6 +1,6 @@
 import addCircleIcon from '@fpsak-frontend/assets/images/add-circle.svg';
 import { behandlingFormValueSelector, TextAreaField } from '@fpsak-frontend/form';
-import { Image, VerticalSpacer } from '@fpsak-frontend/shared-components';
+import {Image, useFeatureToggles, VerticalSpacer} from '@fpsak-frontend/shared-components';
 import { hasValidText, maxLength, minLength, required } from '@fpsak-frontend/utils';
 import { Detail } from '@navikt/ds-react';
 import React, { useState } from 'react';
@@ -11,6 +11,7 @@ import styles from './tilbakekrevingVedtakUtdypendeTekstPanel.module.css';
 
 const minLength3 = minLength(3);
 const maxLength4000 = maxLength(4000);
+const maxLength12000 = maxLength(12000);
 
 const valideringsregler = [minLength3, hasValidText];
 const valideringsreglerPakrevet = [required, minLength3, hasValidText];
@@ -31,9 +32,11 @@ export const TilbakekrevingVedtakUtdypendeTekstPanel = ({
   fritekstPakrevet,
   maximumLength,
 }: OwnProps & WrappedComponentProps) => {
+  const [featureToggles] = useFeatureToggles()
+  const utvidetVarseltekst = featureToggles?.UTVIDET_VARSELTEKST
   const [isTextfieldHidden, hideTextField] = useState(isEmpty && !fritekstPakrevet);
   const valideringsRegler = fritekstPakrevet ? valideringsreglerPakrevet : valideringsregler;
-  valideringsRegler.push(maximumLength ? maxLength(maximumLength) : maxLength4000);
+  valideringsRegler.push(maximumLength ? maxLength(maximumLength) : (utvidetVarseltekst ? maxLength12000 : maxLength4000));
   return (
     <>
       {isTextfieldHidden && !readOnly && (
@@ -69,7 +72,7 @@ export const TilbakekrevingVedtakUtdypendeTekstPanel = ({
             name={type}
             label={intl.formatMessage({ id: 'TilbakekrevingVedtakUtdypendeTekstPanel.UtdypendeTekst' })}
             validate={valideringsRegler}
-            maxLength={maximumLength || 4000}
+            maxLength={maximumLength || (utvidetVarseltekst ? 12000 : 4000)}
             readOnly={readOnly}
           />
         </>