S28 250: Edit request pages

Dockerfile

@@ -1,5 +1,5 @@
 # ---- Base image ----
-FROM hmctspublic.azurecr.io/base/node:22-alpine as base
+FROM hmctsprod.azurecr.io/base/node:22-alpine as base
 USER root
 RUN corepack enable
 COPY --chown=hmcts:hmcts . .

charts/pre-portal/Chart.yaml

@@ -3,8 +3,8 @@ appVersion: '1.0'
 description: A Helm chart for pre-portal App
 name: pre-portal
 home: https://github.com/hmcts/pre-portal
-version: 0.0.30
+version: 0.0.31
 dependencies:
   - name: nodejs
     version: 3.2.0
-    repository: oci://hmctspublic.azurecr.io/helm
+    repository: oci://hmctsprod.azurecr.io/helm

charts/pre-portal/values.dev.template.yaml

@@ -5,10 +5,11 @@ nodejs:
   ingressHost: ${SERVICE_FQDN}
   environment:
     PORTAL_URL: https://pre-portal-pr-${CHANGE_ID}.dev.platform.hmcts.net
-    API_URL: https://sds-api-mgmt.staging.platform.hmcts.net/pre-api
+    PRE_API_URL: https://sds-api-mgmt.staging.platform.hmcts.net/pre-api
     ALLOW_CONFIG_MUTATIONS: true
     B2C_APP_CLIENT_ID: d20a7462-f222-46b8-a363-d2e30eb274eb
     B2C_BASE_URL: https://hmctsstgextid.b2clogin.com/hmctsstgextid.onmicrosoft.com/v2.0/.well-known/openid-configuration?p=B2C_1A_SignUpOrSignin
     B2C_END_SESSION_ENDPOINT: https://hmctsstgextid.b2clogin.com/hmctsstgextid.onmicrosoft.com/oauth2/v2.0/logout?p=b2c_1a_signuporsignin
+    ENABLE_AUTOMATED_EDITING: true
     # Uncomment to enable dynatrace RUM in dev envs
     #DYNATRACE_JSTAG: https://js-cdn.dynatrace.com/jstag/17177a07246/bf24054dsx/636bef1033a59525_complete.js

charts/pre-portal/values.stg.template.yaml

@@ -7,3 +7,4 @@ nodejs:
     PRE_API_URL: https://sds-api-mgmt.staging.platform.hmcts.net/pre-api
     PORTAL_URL: https://pre-portal-staging.staging.platform.hmcts.net
     B2C_APP_CLIENT_ID: d20a7462-f222-46b8-a363-d2e30eb274eb
+    ENABLE_AUTOMATED_EDITING: true

charts/pre-portal/values.yaml

@@ -2,7 +2,7 @@ nodejs:
   applicationPort: 4551
   aadIdentityName: pre
   ingressHost: pre-portal.{{ .Values.global.environment }}.platform.hmcts.net
-  image: 'sdshmctspublic.azurecr.io/pre/portal:latest'
+  image: 'hmctsprod.azurecr.io/pre/portal:latest'
   keyVaults:
     pre-hmctskv:
       secrets:
@@ -23,6 +23,7 @@ nodejs:
     PRE_API_URL: https://sds-api-mgmt.staging.platform.hmcts.net/pre-api
     PORTAL_URL: https://pre-portal.platform.hmcts.net
     B2C_APP_CLIENT_ID: c8deb898-d595-4fb2-8ba5-52fffa8db064
+    ENABLE_AUTOMATED_EDITING: false
     B2C_BASE_URL: https://hmcts{{ .Values.global.environment }}extid.b2clogin.com/hmcts{{ .Values.global.environment }}extid.onmicrosoft.com/v2.0/.well-known/openid-configuration?p=B2C_1A_SignUpOrSignin
     B2C_END_SESSION_ENDPOINT: https://hmcts{{ .Values.global.environment }}extid.b2clogin.com/hmcts{{ .Values.global.environment }}extid.onmicrosoft.com/oauth2/v2.0/logout?p=b2c_1a_signuporsignin
     USE_DEV_B2C: false

config/default.json

@@ -12,6 +12,7 @@
     },
     "portalUrl": "https://localhost:4551",
     "mediaKindPlayerKey": "",
+    "enableAutomatedEditing": false,
     "portalXUserId": ""
   },
   "session": {

jest.config.js

@@ -12,6 +12,6 @@ module.exports = {
     '^routes/(.*)$': '<rootDir>/src/main/routes/$1',
   },
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
-  coveragePathIgnorePatterns: ['/src/main/modules/properties-volume/*', '/src/main/assets/js/*'],
+  coveragePathIgnorePatterns: ['/src/main/modules/properties-volume/*'],
   testPathIgnorePatterns: ['(^|/)[^/]*helper\\.ts$'],
 };

local.env

@@ -10,6 +10,7 @@ B2C_TEST_LOGIN_PASSWORD=
 APIM_SUB_PORTAL_PRIMARY_KEY=
 APIM_SUB_PORTAL_SECONDARY_KEY=
 MEDIA_KIND_PLAYER_KEY=
-TEST_HEADLESS=true
 B2C_TEST_SUPER_USER_LOGIN_EMAIL=
 B2C_TEST_SUPER_USER_LOGIN_PASSWORD=
+TEST_HEADLESS=true
+ENABLE_AUTOMATED_EDITING=true

package.json

@@ -65,7 +65,7 @@
     "helmet": "8.1.0",
     "hls.js": "^1.6.15",
     "jose": "^6.1.3",
-    "lodash": "4.17.23",
+    "lodash": "4.18.1",
     "marked": "^15.0.0",
     "multer": "^2.0.2",
     "nunjucks": "3.2.4",
@@ -103,6 +103,7 @@
     "html-webpack-plugin": "5.6.6",
     "husky": "9.1.7",
     "jest": "30.2.0",
+    "jest-environment-jsdom": "30.2.0",
     "jest-html-reporter": "4.3.0",
     "jest-util": "^30.0.5",
     "lint-staged": "16.2.7",
@@ -130,7 +131,7 @@
     "tinyglobby@npm:0.2.15/picomatch": "4.0.4",
     "picomatch@npm:2.3.1": "2.3.2",
     "picomatch@npm:4.0.3": "4.0.4",
-    "lodash": "4.17.23",
+    "lodash": "4.18.1",
     "@opentelemetry/instrumentation": "0.208.0",
     "axios": "1.13.5",
     "bfj": "9.1.3",

src/main/assets/js/edit-request-view.ts

@@ -0,0 +1,66 @@
+export class EditRequestView {
+  private readonly editRequest: any;
+  private readonly postUrl!: string;
+
+  constructor($module: HTMLElement) {
+    const configData = $module.dataset['config'];
+    if (!configData) {
+      return;
+    }
+
+    const config = JSON.parse(configData);
+    this.editRequest = config.editRequest;
+    this.postUrl = config.postUrl;
+
+    const form = document.querySelector('form[data-edit-submission]') as HTMLFormElement;
+    if (form) {
+      form.addEventListener('submit', e => this.onSubmit(e));
+    }
+  }
+
+  private readonly onError = () => {
+    const errorMessage = document.getElementById('error-message');
+    if (errorMessage) {
+      errorMessage.innerHTML = '<span class="govuk-visually-hidden">Error:</span> Select the confirmation checkbox';
+    }
+
+    const formGroup = document.getElementById('form-group');
+    if (formGroup) {
+      formGroup.classList.add('govuk-form-group--error');
+    }
+  };
+
+  private readonly onSubmit = (e: Event) => {
+    e.preventDefault();
+    const form = e.target as HTMLFormElement;
+    const formData = new FormData(form);
+    const jointlyAgreed = formData.get('jointlyAgreed');
+
+    if (!jointlyAgreed) {
+      this.onError();
+      return;
+    }
+
+    fetch(this.postUrl, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        accept: 'application/json',
+      },
+      body: JSON.stringify({
+        ...this.editRequest,
+        jointly_agreed: Boolean(jointlyAgreed),
+        status: 'SUBMITTED',
+      }),
+    })
+      .then(async response => {
+        if (!response.ok) {
+          throw new Error(response as any);
+        }
+        globalThis.location.href = '/browse';
+      })
+      .catch(error => {
+        console.error(error);
+      });
+  };
+}