@defra/forms-engine-plugin 0.1.8 → 0.1.10

package/.server/server/utils/file-form-service.test.js

@@ -0,0 +1,52 @@
+import { FormStatus } from "../routes/types.js";
+import { FileFormService } from "./file-form-service.js";
+
+// Create the metadata which is shared for all forms
+const now = new Date();
+const user = {
+  id: 'user',
+  displayName: 'Username'
+};
+const author = {
+  createdAt: now,
+  createdBy: user,
+  updatedAt: now,
+  updatedBy: user
+};
+const metadata = {
+  id: '95e92559-968d-44ae-8666-2b1ad3dffd31',
+  slug: 'example-form',
+  title: 'Example form',
+  organisation: 'Defra',
+  teamName: 'Team name',
+  teamEmail: 'team@defra.gov.uk',
+  submissionGuidance: "Thanks for your submission, we'll be in touch",
+  notificationEmail: 'email@domain.com',
+  ...author,
+  live: author
+};
+describe('File Form Service', () => {
+  it('should load JSON files from disk', async () => {
+    const loader = new FileFormService();
+    const definition = await loader.addForm('src/server/forms/test.json', metadata);
+    const formsService = loader.toFormsService();
+    expect(await formsService.getFormMetadata(metadata.slug)).toBe(metadata);
+    expect(await formsService.getFormDefinition(metadata.id, FormStatus.Draft)).toBe(definition);
+    expect(() => loader.getFormMetadata('invalid-slug')).toThrow("Form metadata 'invalid-slug' not found");
+    expect(() => loader.getFormDefinition('invalid-id')).toThrow("Form definition 'invalid-id' not found");
+  });
+  it('should load YAML files from disk', async () => {
+    const loader = new FileFormService();
+    const definition = await loader.addForm('src/server/forms/test.yaml', metadata);
+    const formsService = loader.toFormsService();
+    expect(await formsService.getFormMetadata(metadata.slug)).toBe(metadata);
+    expect(await formsService.getFormDefinition(metadata.id, FormStatus.Draft)).toBe(definition);
+    expect(() => loader.getFormMetadata('invalid-slug')).toThrow("Form metadata 'invalid-slug' not found");
+    expect(() => loader.getFormDefinition('invalid-id')).toThrow("Form definition 'invalid-id' not found");
+  });
+  it("should throw if the file isn't JSON or YAML", async () => {
+    const loader = new FileFormService();
+    await expect(loader.addForm('src/server/forms/test.txt', metadata)).rejects.toThrow("Invalid file extension '.txt'");
+  });
+});
+//# sourceMappingURL=file-form-service.test.js.map

package/.server/server/utils/file-form-service.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-form-service.test.js","names":["FormStatus","FileFormService","now","Date","user","id","displayName","author","createdAt","createdBy","updatedAt","updatedBy","metadata","slug","title","organisation","teamName","teamEmail","submissionGuidance","notificationEmail","live","describe","it","loader","definition","addForm","formsService","toFormsService","expect","getFormMetadata","toBe","getFormDefinition","Draft","toThrow","rejects"],"sources":["../../../src/server/utils/file-form-service.test.js"],"sourcesContent":["import { FormStatus } from '~/src/server/routes/types.js'\nimport { FileFormService } from '~/src/server/utils/file-form-service.js'\n\n// Create the metadata which is shared for all forms\nconst now = new Date()\nconst user = { id: 'user', displayName: 'Username' }\nconst author = {\n  createdAt: now,\n  createdBy: user,\n  updatedAt: now,\n  updatedBy: user\n}\n\nconst metadata = {\n  id: '95e92559-968d-44ae-8666-2b1ad3dffd31',\n  slug: 'example-form',\n  title: 'Example form',\n  organisation: 'Defra',\n  teamName: 'Team name',\n  teamEmail: 'team@defra.gov.uk',\n  submissionGuidance: \"Thanks for your submission, we'll be in touch\",\n  notificationEmail: 'email@domain.com',\n  ...author,\n  live: author\n}\n\ndescribe('File Form Service', () => {\n  it('should load JSON files from disk', async () => {\n    const loader = new FileFormService()\n\n    const definition = await loader.addForm(\n      'src/server/forms/test.json',\n      metadata\n    )\n\n    const formsService = loader.toFormsService()\n    expect(await formsService.getFormMetadata(metadata.slug)).toBe(metadata)\n    expect(\n      await formsService.getFormDefinition(metadata.id, FormStatus.Draft)\n    ).toBe(definition)\n\n    expect(() => loader.getFormMetadata('invalid-slug')).toThrow(\n      \"Form metadata 'invalid-slug' not found\"\n    )\n    expect(() => loader.getFormDefinition('invalid-id')).toThrow(\n      \"Form definition 'invalid-id' not found\"\n    )\n  })\n\n  it('should load YAML files from disk', async () => {\n    const loader = new FileFormService()\n\n    const definition = await loader.addForm(\n      'src/server/forms/test.yaml',\n      metadata\n    )\n\n    const formsService = loader.toFormsService()\n    expect(await formsService.getFormMetadata(metadata.slug)).toBe(metadata)\n    expect(\n      await formsService.getFormDefinition(metadata.id, FormStatus.Draft)\n    ).toBe(definition)\n\n    expect(() => loader.getFormMetadata('invalid-slug')).toThrow(\n      \"Form metadata 'invalid-slug' not found\"\n    )\n    expect(() => loader.getFormDefinition('invalid-id')).toThrow(\n      \"Form definition 'invalid-id' not found\"\n    )\n  })\n\n  it(\"should throw if the file isn't JSON or YAML\", async () => {\n    const loader = new FileFormService()\n\n    await expect(\n      loader.addForm('src/server/forms/test.txt', metadata)\n    ).rejects.toThrow(\"Invalid file extension '.txt'\")\n  })\n})\n"],"mappings":"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","ignoreList":[]}

package/README.md

@@ -18,7 +18,9 @@ It is designed to be embedded in the frontend of a digital service and provide a
 
 ## Demo of DXT
 
-TODO: Link to CDP exemplar
+If you are within the Defra network, [see a live demo](https://forms-engine-plugin-example-ui.dev.cdp-int.defra.cloud/example-form).
+
+If you aren't within the Defra network, [see our example UI and run it locally](https://github.com/DEFRA/forms-engine-plugin-example-ui).
 
 ## Installation
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@defra/forms-engine-plugin",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "description": "Defra forms engine",
   "type": "module",
   "files": [
@@ -21,6 +21,7 @@
     "./file-upload.min.js": "./.public/javascripts/file-upload.min.js",
     "./file-upload.min.js.map": "./.public/javascripts/file-upload.min.js.map",
     "./application.min.css": "./.public/stylesheets/application.min.css",
+    "./file-form-service.js": "./.server/server/utils/file-form-service.js",
     "./controllers/*": "./.server/server/plugins/engine/pageControllers/*",
     "./services/*": "./.server/server/plugins/engine/services/*",
     "./package.json": "./package.json"
@@ -33,6 +34,7 @@
     "dev:debug": "concurrently \"npm run client:watch\" \"npm run server:watch:debug\" --kill-others --names \"client,server\" --prefix-colors \"red.dim,blue.dim\"",
     "format": "npm run format:check -- --write",
     "format:check": "prettier --cache --cache-location .cache/prettier --cache-strategy content --check \"**/*.{cjs,js,json,md,mjs,scss,ts}\"",
+    "generate-schema-docs": "node scripts/generate-schema-docs.js",
     "postinstall": "npm run setup:husky",
     "lint": "npm run lint:editorconfig && npm run lint:js && npm run lint:types",
     "lint:editorconfig": "editorconfig-checker",
@@ -60,7 +62,7 @@
   },
   "license": "SEE LICENSE IN LICENSE",
   "dependencies": {
-    "@defra/forms-model": "^3.0.409",
+    "@defra/forms-model": "^3.0.438",
     "@defra/hapi-tracing": "^1.0.0",
     "@elastic/ecs-pino-format": "^1.5.0",
     "@hapi/boom": "^10.0.1",
@@ -102,7 +104,8 @@
     "pino": "^9.6.0",
     "pino-pretty": "^13.0.0",
     "proxy-agent": "^6.5.0",
-    "resolve": "^1.22.10"
+    "resolve": "^1.22.10",
+    "yaml": "^2.7.1"
   },
   "devDependencies": {
     "@babel/cli": "^7.26.4",

package/src/server/forms/report-a-terrorist.json

@@ -54,7 +54,7 @@
           "schema": {}
         },
         {
-          "name": "3jdOpV",
+          "name": "ajdOpV",
           "options": {},
           "type": "Details",
           "title": "Help me take a screenshot",
@@ -62,7 +62,7 @@
           "schema": {}
         },
         {
-          "name": "LU6RMD",
+          "name": "LUBRMD",
           "options": {},
           "type": "RadiosField",
           "title": "Do you have any evidence?",
@@ -92,7 +92,7 @@
       "title": "Is there anything else you can tell us?",
       "components": [
         {
-          "name": "HETM3o",
+          "name": "HETMBo",
           "title": "Html",
           "options": {},
           "type": "Html",
@@ -100,7 +100,7 @@
           "schema": {}
         },
         {
-          "name": "evZ-IJ",
+          "name": "evZxIJ",
           "options": {
             "required": false
           },
@@ -141,7 +141,7 @@
       "title": "Yes I have evidence",
       "components": [
         {
-          "name": "koE_ae",
+          "name": "koExae",
           "options": {
             "required": false
           },
@@ -230,7 +230,7 @@
         "conditions": [
           {
             "field": {
-              "name": "PMXq1s.LU6RMD",
+              "name": "PMXq1s.LUBRMD",
               "type": "RadiosField",
               "display": "Do you have any evidence? in PMXq1s"
             },
@@ -252,7 +252,7 @@
         "conditions": [
           {
             "field": {
-              "name": "PMXq1s.LU6RMD",
+              "name": "PMXq1s.LUBRMD",
               "type": "RadiosField",
               "display": "Do you have any evidence? in PMXq1s"
             },

package/src/server/forms/runner-components-test.json

@@ -6,7 +6,7 @@
       "path": "/do-you-own-a-vehicle",
       "components": [
         {
-          "name": "qqbRw1",
+          "name": "qqbRwx",
           "options": {},
           "type": "YesNoField",
           "title": "Do you own a vehicle?",
@@ -32,7 +32,7 @@
       "title": "What address is the vehicle registered to?",
       "components": [
         {
-          "name": "sFR4aX",
+          "name": "sFRxaX",
           "options": {},
           "type": "UkAddressField",
           "title": "What address is the vehicle registered to?",
@@ -46,7 +46,7 @@
           "schema": {}
         },
         {
-          "name": "Z0Guyn",
+          "name": "ZxGuyn",
           "options": {},
           "type": "CheckboxesField",
           "title": "Which Clean Air Zones are you claiming an exemption for?",
@@ -66,7 +66,7 @@
       "title": "Clean Air Zone (CAZ) Exemption",
       "components": [
         {
-          "name": "MOB13t",
+          "name": "MOBxxt",
           "title": "Html",
           "options": {},
           "type": "Html",
@@ -86,7 +86,7 @@
       "title": "Details about your vehicle",
       "components": [
         {
-          "name": "0ZVmN_",
+          "name": "xZVmNx",
           "options": {},
           "type": "AutocompleteField",
           "title": "What is the make of you vehicle?",
@@ -94,7 +94,7 @@
           "schema": {}
         },
         {
-          "name": "gHSgo2",
+          "name": "gHSgox",
           "options": {},
           "type": "TextField",
           "title": "Vehicle Model",
@@ -102,7 +102,7 @@
           "schema": {}
         },
         {
-          "name": "4LZ9to",
+          "name": "xLZxto",
           "options": {},
           "type": "DatePartsField",
           "title": "Date you purchased the vehicle?",
@@ -152,7 +152,7 @@
           "schema": {}
         },
         {
-          "name": "0zL5bB",
+          "name": "xzLxbB",
           "options": {},
           "type": "TelephoneNumberField",
           "title": "Contact number",
@@ -171,7 +171,7 @@
       "title": "final steps",
       "components": [
         {
-          "name": "fkd8av",
+          "name": "fkdxav",
           "options": {},
           "type": "List",
           "title": "Declaration",
@@ -179,7 +179,7 @@
           "schema": {}
         },
         {
-          "name": "L_2AYe",
+          "name": "LxxAYe",
           "options": {},
           "type": "EmailAddressField",
           "title": "Your email address",

package/src/server/forms/test.yaml

@@ -0,0 +1,363 @@
+---
+startPage: "/start"
+pages:
+- title: Start
+  path: "/start"
+  components: []
+  next:
+  - path: "/uk-passport"
+  controller: StartPageController
+- path: "/uk-passport"
+  components:
+  - type: YesNoField
+    name: ukPassport
+    title: Do you have a UK passport?
+    options:
+      required: true
+    schema: {}
+  section: checkBeforeYouStart
+  next:
+  - path: "/how-many-people"
+  - path: "/no-uk-passport"
+    condition: doesntHaveUKPassport
+  title: Do you have a UK passport?
+- path: "/no-uk-passport"
+  title: You're not eligible for this service
+  components:
+  - type: Html
+    name: html
+    title: Html
+    content: >-
+      <p class="govuk-body">
+        If you still think you're eligible please contact the Foreign and Commonwealth Office.
+      </p>
+    options: {}
+    schema: {}
+  next: []
+- path: "/how-many-people"
+  section: applicantDetails
+  components:
+  - options:
+      classes: govuk-input--width-10
+      required: true
+    type: SelectField
+    name: numberOfApplicants
+    title: How many applicants are there?
+    list: numberOfApplicants
+  next:
+  - path: "/applicant-one"
+  title: How many applicants are there?
+- path: "/applicant-one"
+  title: Applicant 1
+  section: applicantOneDetails
+  components:
+  - type: Html
+    name: html
+    title: Html
+    content: <p class="govuk-body">Provide the details as they appear on your passport.</p>
+    options: {}
+    schema: {}
+  - type: TextField
+    name: firstName
+    title: First name
+    options:
+      required: true
+    schema: {}
+  - options:
+      required: false
+      optionalText: false
+    type: TextField
+    name: middleName
+    title: Middle name
+    hint: If you have a middle name on your passport you must include it here
+    schema: {}
+  - type: TextField
+    name: lastName
+    title: Surname
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-one-address"
+- path: "/applicant-one-address"
+  section: applicantOneDetails
+  components:
+  - type: UkAddressField
+    name: address
+    title: Address
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-two"
+    condition: moreThanOneApplicant
+  - path: "/contact-details"
+  title: Address
+- path: "/applicant-two"
+  title: Applicant 2
+  section: applicantTwoDetails
+  components:
+  - type: Html
+    name: html
+    title: Html
+    content: <p class="govuk-body">Provide the details as they appear on your passport.</p>
+    options: {}
+    schema: {}
+  - type: TextField
+    name: firstName
+    title: First name
+    options:
+      required: true
+    schema: {}
+  - options:
+      required: false
+      optionalText: false
+    type: TextField
+    name: middleName
+    title: Middle name
+    hint: If you have a middle name on your passport you must include it here
+    schema: {}
+  - type: TextField
+    name: lastName
+    title: Surname
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-two-address"
+- path: "/applicant-two-address"
+  section: applicantTwoDetails
+  components:
+  - type: UkAddressField
+    name: address
+    title: Address
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-three"
+    condition: moreThanTwoApplicants
+  - path: "/contact-details"
+  title: Address
+- path: "/applicant-three"
+  title: Applicant 3
+  section: applicantThreeDetails
+  components:
+  - type: Html
+    name: html
+    title: Html
+    content: <p class="govuk-body">Provide the details as they appear on your passport.</p>
+    options: {}
+    schema: {}
+  - type: TextField
+    name: firstName
+    title: First name
+    options:
+      required: true
+    schema: {}
+  - options:
+      required: false
+      optionalText: false
+    type: TextField
+    name: middleName
+    title: Middle name
+    hint: If you have a middle name on your passport you must include it here
+    schema: {}
+  - type: TextField
+    name: lastName
+    title: Surname
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-three-address"
+- path: "/applicant-three-address"
+  section: applicantThreeDetails
+  components:
+  - type: UkAddressField
+    name: address
+    title: Address
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-four"
+    condition: moreThanThreeApplicants
+  - path: "/contact-details"
+  title: Address
+- path: "/applicant-four"
+  title: Applicant 4
+  section: applicantFourDetails
+  components:
+  - type: Html
+    name: html
+    title: Html
+    content: <p class="govuk-body">Provide the details as they appear on your passport.</p>
+    options: {}
+    schema: {}
+  - type: TextField
+    name: firstName
+    title: First name
+    options:
+      required: true
+    schema: {}
+  - options:
+      required: false
+      optionalText: false
+    type: TextField
+    name: middleName
+    title: Middle name
+    hint: If you have a middle name on your passport you must include it here
+    schema: {}
+  - type: TextField
+    name: lastName
+    title: Surname
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/applicant-four-address"
+- path: "/applicant-four-address"
+  section: applicantFourDetails
+  components:
+  - type: UkAddressField
+    name: address
+    title: Address
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/contact-details"
+  title: Address
+- path: "/contact-details"
+  section: applicantDetails
+  components:
+  - type: TelephoneNumberField
+    name: phoneNumber
+    title: Phone number
+    hint: If you haven't got a UK phone number, include country code
+    options:
+      required: true
+    schema: {}
+  - type: EmailAddressField
+    name: emailAddress
+    title: Your email address
+    options:
+      required: true
+    schema: {}
+  next:
+  - path: "/summary"
+  title: Applicant contact details
+- path: "/summary"
+  controller: SummaryPageController
+  title: Summary
+  components: []
+  next: []
+lists:
+- name: numberOfApplicants
+  title: Number of people
+  type: number
+  items:
+  - text: '1'
+    value: 1
+    description: ''
+    condition: ''
+  - text: '2'
+    value: 2
+    description: ''
+    condition: ''
+  - text: '3'
+    value: 3
+    description: ''
+    condition: ''
+  - text: '4'
+    value: 4
+    description: ''
+    condition: ''
+sections:
+- name: checkBeforeYouStart
+  title: Check before you start
+- name: applicantDetails
+  title: Applicant details
+- name: applicantOneDetails
+  title: Applicant 1
+- name: applicantTwoDetails
+  title: Applicant 2
+- name: applicantThreeDetails
+  title: Applicant 3
+- name: applicantFourDetails
+  title: Applicant 4
+phaseBanner: {}
+declaration: <p class="govuk-body">All the answers you have provided are true to the
+  best of your knowledge.</p>
+conditions:
+- name: hasUKPassport
+  displayName: hasUKPassport
+  value:
+    name: hasUKPassport
+    conditions:
+    - field:
+        name: checkBeforeYouStart.ukPassport
+        type: YesNoField
+        display: Do you have a UK passport?
+      operator: is
+      value:
+        type: Value
+        value: 'true'
+        display: 'true'
+- name: doesntHaveUKPassport
+  displayName: doesntHaveUKPassport
+  value:
+    name: doesntHaveUKPassport
+    conditions:
+    - field:
+        name: checkBeforeYouStart.ukPassport
+        type: YesNoField
+        display: Do you have a UK passport?
+      operator: is
+      value:
+        type: Value
+        value: 'false'
+        display: 'false'
+- name: moreThanOneApplicant
+  displayName: moreThanOneApplicant
+  value:
+    name: moreThanOneApplicant
+    conditions:
+    - field:
+        name: applicantDetails.numberOfApplicants
+        type: SelectField
+        display: How many applicants are there?
+      operator: is more than
+      value:
+        type: Value
+        value: '1'
+        display: '1'
+- name: moreThanTwoApplicants
+  displayName: moreThanTwoApplicants
+  value:
+    name: moreThanTwoApplicants
+    conditions:
+    - field:
+        name: applicantDetails.numberOfApplicants
+        type: SelectField
+        display: How many applicants are there?
+      operator: is more than
+      value:
+        type: Value
+        value: '2'
+        display: '2'
+- name: moreThanThreeApplicants
+  displayName: moreThanThreeApplicants
+  value:
+    name: moreThanThreeApplicants
+    conditions:
+    - field:
+        name: applicantDetails.numberOfApplicants
+        type: SelectField
+        display: How many applicants are there?
+      operator: is more than
+      value:
+        type: Value
+        value: '3'
+        display: '3'

package/src/server/plugins/engine/components/AutocompleteField.test.ts

@@ -172,7 +172,7 @@ describe.each([
 
     describe('State', () => {
       it.each([...options.examples])('returns text from state', (item) => {
-        const state1 = getFormState(item.state)
+        const state1 = getFormState(item.value)
         const state2 = getFormState(null)
 
         const answer1 = getAnswer(field, state1)
@@ -183,7 +183,7 @@ describe.each([
       })
 
       it.each([...options.examples])('returns payload from state', (item) => {
-        const state1 = getFormState(item.state)
+        const state1 = getFormState(item.value)
         const state2 = getFormState(null)
 
         const payload1 = field.getFormDataFromState(state1)
@@ -194,7 +194,7 @@ describe.each([
       })
 
       it.each([...options.examples])('returns value from state', (item) => {
-        const state1 = getFormState(item.state)
+        const state1 = getFormState(item.value)
         const state2 = getFormState(null)
 
         const value1 = field.getFormValueFromState(state1)
@@ -207,7 +207,7 @@ describe.each([
       it.each([...options.examples])(
         'returns context for conditions and form submission',
         (item) => {
-          const state1 = getFormState(item.state)
+          const state1 = getFormState(item.value)
           const state2 = getFormState(null)
 
           const value1 = field.getContextValueFromState(state1)
@@ -225,7 +225,7 @@ describe.each([
         const value1 = field.getStateFromValidForm(payload1)
         const value2 = field.getStateFromValidForm(payload2)
 
-        expect(value1).toEqual(getFormState(item.state))
+        expect(value1).toEqual(getFormState(item.value))
         expect(value2).toEqual(getFormState(null))
       })
     })