@defra/forms-engine-plugin 0.0.1

package/.server/server/plugins/engine/views/index.html

@@ -0,0 +1,39 @@
+{% extends 'layout.html' %}
+
+{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
+{% from "partials/components.html" import componentList with context %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      {% if previewMode %}
+        {% include "partials/preview-banner.html" %}
+      {% endif %}
+
+      {% if errors %}
+        {{ govukErrorSummary({
+          titleText: "There is a problem",
+          errorList: checkErrorTemplates(errors)
+        }) }}
+      {% endif %}
+
+      {% if hasMissingNotificationEmail %}
+        {% include "partials/warn-missing-notification-email.html" %}
+      {% endif %}
+
+      {% include "partials/heading.html" %}
+
+      {% block form %}
+        {% if page.allowContinue %}
+          {% include "partials/form.html" %}
+        {% else %}
+          {{ componentList(components) }}
+        {% endif %}
+      {% endblock %}
+    </div>
+  </div>
+
+  {% if config.cdpEnvironment == 'local' and context | length and not context.isForceAccess %}
+    {% include "partials/debug.html" %}
+  {% endif %}
+{% endblock %}

package/.server/server/plugins/engine/views/item-delete.html

@@ -0,0 +1,56 @@
+{% extends "layout.html" %}
+
+{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
+{% from "govuk/components/button/macro.njk" import govukButton %}
+{% from "govuk/components/radios/macro.njk" import govukRadios %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      {% if previewMode %}
+        {% include "partials/preview-banner.html" %}
+      {% endif %}
+
+      {% if errors %}
+        {{ govukErrorSummary({
+          titleText: "There is a problem",
+          errorList: errors
+        }) }}
+      {% endif %}
+
+      {% include "partials/heading.html" %}
+
+      {% if confirmation %}
+        <p class="govuk-body govuk-!-margin-bottom-6">
+          {{ confirmation.html | safe if confirmation.html else confirmation.text }}
+        </p>
+      {% endif %}
+
+      <form method="post" novalidate>
+        <input type="hidden" name="crumb" value="{{ crumb }}">
+        <input type="hidden" name="action" value="delete">
+
+        <div class="govuk-button-group">
+          {{ govukButton({
+            text: buttonConfirm.text,
+            html: buttonConfirm.html,
+            name: "confirm",
+            value: "true",
+            classes: "govuk-button--warning",
+            preventDoubleClick: true
+          }) }}
+
+          {{ govukButton({
+            text: buttonCancel.text,
+            html: buttonCancel.html,
+            classes: "govuk-button--secondary"
+          }) }}
+        </div>
+      </form>
+    </div>
+  </div>
+
+  {% if config.cdpEnvironment == 'local' and context | length and not context.isForceAccess %}
+    {% include "partials/debug.html" %}
+  {% endif %}
+{% endblock %}

package/.server/server/plugins/engine/views/partials/components.html

@@ -0,0 +1,6 @@
+{% macro componentList(components) %}
+  {% for component in components %}
+    {% import "../components/" + component.type.toLowerCase() + ".html" as view with context %}
+    {{ view[component.type](checkComponentTemplates(component)) }}
+  {% endfor %}
+{% endmacro %}

package/.server/server/plugins/engine/views/partials/conditional-components.html

@@ -0,0 +1,3 @@
+{% from "partials/components.html" import componentList with context %}
+
+{{ componentList(components) }}

package/.server/server/plugins/engine/views/partials/debug.html

@@ -0,0 +1,44 @@
+{% from "govuk/components/details/macro.njk" import govukDetails %}
+{% from "components/debug/macro.njk" import appDebug -%}
+
+{%- set debugHtml %}
+  <h2 class="govuk-heading-m">
+    Pages walked
+  </h2>
+
+  {% for question in context.relevantPages %}
+    <h3 class="govuk-heading-s govuk-!-margin-bottom-2">
+      {% if question.section %}
+      <span class="govuk-caption-m">{{ question.section.title }}</span>
+      {% endif -%}
+      {{ question.title }}
+    </h3>
+
+    {% if question.viewName !== "summary" %}
+      <p class="govuk-body">
+        <a class="govuk-link--no-visited-state" href="{{ question.href }}">
+          Edit answer <span class="govuk-visually-hidden">for {{ question.title }}</span>
+        </a>
+      </p>
+
+      {{ appDebug({
+        content: question.getFormDataFromState(undefined, context.state)
+      }) }}
+    {% else %}
+      {{ appDebug({
+        content: context.relevantState
+      }) }}
+    {% endif %}
+  {% endfor %}
+{% endset -%}
+
+<div class="govuk-grid-row">
+  <div class="govuk-grid-column-full">
+    <hr class="govuk-section-break govuk-section-break--xl govuk-section-break--visible">
+
+    {{ govukDetails({
+      summaryText: "Form context",
+      html: debugHtml | safe
+    }) }}
+  </div>
+</div>

package/.server/server/plugins/engine/views/partials/form.html

@@ -0,0 +1,15 @@
+{% from "govuk/components/button/macro.njk" import govukButton %}
+{% from "govuk/components/summary-list/macro.njk" import govukSummaryList -%}
+
+<form method="post" novalidate>
+  <input type="hidden" name="crumb" value="{{ crumb }}">
+  <input type="hidden" name="action" value="validate">
+
+  {{ componentList(components) }}
+
+  {{ govukButton({
+    text: "Start now" if isStartPage else "Continue",
+    isStartButton: isStartPage,
+    preventDoubleClick: true
+  }) }}
+</form>

package/.server/server/plugins/engine/views/partials/heading.html

@@ -0,0 +1,16 @@
+{% if sectionTitle and (sectionTitle !== pageTitle) or itemTitle %}
+  <h2 class="govuk-caption-l govuk-!-margin-top-0" id="section-title">
+    {% if sectionTitle and itemTitle %}
+      {{- sectionTitle }}: {{ evaluate(itemTitle) -}}
+    {% elif not sectionTitle %}
+      {{- evaluate(itemTitle) -}}
+    {% else %}
+      {{- sectionTitle -}}
+    {% endif %}
+  </h2>
+{% endif %}
+{% if showTitle %}
+  <h1 class="govuk-heading-l">
+    {{ evaluate(pageTitle) }}
+  </h1>
+{% endif %}

package/.server/server/plugins/engine/views/partials/preview-banner.html

@@ -0,0 +1,32 @@
+{% from "govuk/components/notification-banner/macro.njk" import govukNotificationBanner -%}
+
+{% set hasPreviousPages = context.relevantPages | length > 1 -%}
+
+{%- macro _closeLink() -%}
+  <p class="govuk-notification-banner__heading govuk-!-margin-top-1 js-preview-banner-close" hidden>
+    <a href="{{ config.designerUrl }}/library/{{ slug }}/editor" class="govuk-link--no-visited-state">Go back to the editor</a>
+  </p>
+{%- endmacro -%}
+
+{% call govukNotificationBanner() %}
+  {% if not context.isForceAccess %}
+    <p class="govuk-notification-banner__heading govuk-!-margin-bottom-0">
+      This is a preview of a {{ previewMode }} form. Do not enter personal information.
+    </p>
+
+    {{ _closeLink() }}
+  {% else %}
+    <p class="govuk-notification-banner__heading govuk-!-margin-bottom-0">
+      This is a preview of a {{ previewMode }} form page you are editing.
+    </p>
+
+    {{ _closeLink() }}
+
+    {% if hasPreviousPages %}
+      <p class="govuk-body govuk-!-margin-top-2">
+        It depends on answers from earlier pages in the form. In the live
+        version, users will need to complete those questions first.
+      </p>
+    {% endif %}
+  {% endif %}
+{% endcall %}

package/.server/server/plugins/engine/views/partials/preview-banner.test.js

@@ -0,0 +1,108 @@
+import { FormStatus } from "../../../../routes/types.js";
+import { renderView } from "../../../../../../test/helpers/component-helpers.js";
+describe('Preview banner partial', () => {
+  describe.each([{
+    status: FormStatus.Draft
+  }, {
+    status: FormStatus.Live
+  }])('Status: $status', ({
+    status
+  }) => {
+    let $component = /** @type {HTMLElement | null} */null;
+    let $paragraphs = /** @type {HTMLElement[]} */[];
+    describe('Form preview', () => {
+      beforeEach(() => {
+        const {
+          container
+        } = renderView('partials/preview-banner.html', {
+          context: {
+            previewMode: status,
+            context: {
+              isForceAccess: false,
+              relevantPages: [{
+                title: 'Page 1'
+              }]
+            }
+          }
+        });
+        $component = container.getByRole('region');
+        $paragraphs = container.getAllByRole('paragraph');
+      });
+      it('should render contents', () => {
+        expect($component).toBeInTheDocument();
+        expect($component).toContainElement($paragraphs[0]);
+        expect($component).toHaveClass('govuk-notification-banner');
+        expect($paragraphs).toHaveLength(1);
+        expect($paragraphs[0]).toHaveClass('govuk-notification-banner__heading');
+      });
+      it('should have accessible name', () => {
+        expect($component).toHaveAccessibleName('Important');
+      });
+      it('should have text content', () => {
+        expect($paragraphs[0]).toHaveTextContent(`This is a preview of a ${status} form. Do not enter personal information.`);
+      });
+    });
+    describe('Preview URL direct access', () => {
+      beforeEach(() => {
+        const {
+          container
+        } = renderView('partials/preview-banner.html', {
+          context: {
+            previewMode: status,
+            context: {
+              isForceAccess: true,
+              relevantPages: [{
+                title: 'Page 1'
+              }]
+            }
+          }
+        });
+        $component = container.getByRole('region');
+        $paragraphs = container.getAllByRole('paragraph');
+      });
+      it('should have text content', () => {
+        expect($paragraphs[0]).toHaveTextContent(`This is a preview of a ${status} form page you are editing.`);
+        expect($paragraphs[1]).toBeUndefined();
+      });
+    });
+    describe('Preview URL direct access (with previous pages)', () => {
+      beforeEach(() => {
+        const {
+          container
+        } = renderView('partials/preview-banner.html', {
+          context: {
+            previewMode: status,
+            context: {
+              isForceAccess: true,
+              relevantPages: [{
+                title: 'Page 1'
+              }, {
+                title: 'Page 2'
+              }, {
+                title: 'Page 3'
+              }]
+            }
+          }
+        });
+        $component = container.getByRole('region');
+        $paragraphs = container.getAllByRole('paragraph');
+      });
+      it('should render contents', () => {
+        expect($component).toBeInTheDocument();
+        expect($component).toContainElement($paragraphs[0]);
+        expect($component).toHaveClass('govuk-notification-banner');
+        expect($paragraphs).toHaveLength(2);
+        expect($paragraphs[0]).toHaveClass('govuk-notification-banner__heading');
+        expect($paragraphs[1]).toHaveClass('govuk-body');
+      });
+      it('should have accessible name', () => {
+        expect($component).toHaveAccessibleName('Important');
+      });
+      it('should have text content', () => {
+        expect($paragraphs[0]).toHaveTextContent(`This is a preview of a ${status} form page you are editing.`);
+        expect($paragraphs[1]).toHaveTextContent('It depends on answers from earlier pages in the form. In the live version, users will need to complete those questions first.');
+      });
+    });
+  });
+});
+//# sourceMappingURL=preview-banner.test.js.map

package/.server/server/plugins/engine/views/partials/preview-banner.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"preview-banner.test.js","names":["FormStatus","renderView","describe","each","status","Draft","Live","$component","$paragraphs","beforeEach","container","context","previewMode","isForceAccess","relevantPages","title","getByRole","getAllByRole","it","expect","toBeInTheDocument","toContainElement","toHaveClass","toHaveLength","toHaveAccessibleName","toHaveTextContent","toBeUndefined"],"sources":["../../../../../../src/server/plugins/engine/views/partials/preview-banner.test.js"],"sourcesContent":["import { FormStatus } from '~/src/server/routes/types.js'\nimport { renderView } from '~/test/helpers/component-helpers.js'\n\ndescribe('Preview banner partial', () => {\n  describe.each([\n    {\n      status: FormStatus.Draft\n    },\n    {\n      status: FormStatus.Live\n    }\n  ])('Status: $status', ({ status }) => {\n    let $component = /** @type {HTMLElement | null} */ (null)\n    let $paragraphs = /** @type {HTMLElement[]} */ ([])\n\n    describe('Form preview', () => {\n      beforeEach(() => {\n        const { container } = renderView('partials/preview-banner.html', {\n          context: {\n            previewMode: status,\n            context: {\n              isForceAccess: false,\n              relevantPages: [{ title: 'Page 1' }]\n            }\n          }\n        })\n\n        $component = container.getByRole('region')\n        $paragraphs = container.getAllByRole('paragraph')\n      })\n\n      it('should render contents', () => {\n        expect($component).toBeInTheDocument()\n        expect($component).toContainElement($paragraphs[0])\n        expect($component).toHaveClass('govuk-notification-banner')\n\n        expect($paragraphs).toHaveLength(1)\n        expect($paragraphs[0]).toHaveClass('govuk-notification-banner__heading')\n      })\n\n      it('should have accessible name', () => {\n        expect($component).toHaveAccessibleName('Important')\n      })\n\n      it('should have text content', () => {\n        expect($paragraphs[0]).toHaveTextContent(\n          `This is a preview of a ${status} form. Do not enter personal information.`\n        )\n      })\n    })\n\n    describe('Preview URL direct access', () => {\n      beforeEach(() => {\n        const { container } = renderView('partials/preview-banner.html', {\n          context: {\n            previewMode: status,\n            context: {\n              isForceAccess: true,\n              relevantPages: [{ title: 'Page 1' }]\n            }\n          }\n        })\n\n        $component = container.getByRole('region')\n        $paragraphs = container.getAllByRole('paragraph')\n      })\n\n      it('should have text content', () => {\n        expect($paragraphs[0]).toHaveTextContent(\n          `This is a preview of a ${status} form page you are editing.`\n        )\n\n        expect($paragraphs[1]).toBeUndefined()\n      })\n    })\n\n    describe('Preview URL direct access (with previous pages)', () => {\n      beforeEach(() => {\n        const { container } = renderView('partials/preview-banner.html', {\n          context: {\n            previewMode: status,\n            context: {\n              isForceAccess: true,\n              relevantPages: [\n                { title: 'Page 1' },\n                { title: 'Page 2' },\n                { title: 'Page 3' }\n              ]\n            }\n          }\n        })\n\n        $component = container.getByRole('region')\n        $paragraphs = container.getAllByRole('paragraph')\n      })\n\n      it('should render contents', () => {\n        expect($component).toBeInTheDocument()\n        expect($component).toContainElement($paragraphs[0])\n        expect($component).toHaveClass('govuk-notification-banner')\n\n        expect($paragraphs).toHaveLength(2)\n        expect($paragraphs[0]).toHaveClass('govuk-notification-banner__heading')\n        expect($paragraphs[1]).toHaveClass('govuk-body')\n      })\n\n      it('should have accessible name', () => {\n        expect($component).toHaveAccessibleName('Important')\n      })\n\n      it('should have text content', () => {\n        expect($paragraphs[0]).toHaveTextContent(\n          `This is a preview of a ${status} form page you are editing.`\n        )\n\n        expect($paragraphs[1]).toHaveTextContent(\n          'It depends on answers from earlier pages in the form. In the live version, users will need to complete those questions first.'\n        )\n      })\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,UAAU;AACnB,SAASC,UAAU;AAEnBC,QAAQ,CAAC,wBAAwB,EAAE,MAAM;EACvCA,QAAQ,CAACC,IAAI,CAAC,CACZ;IACEC,MAAM,EAAEJ,UAAU,CAACK;EACrB,CAAC,EACD;IACED,MAAM,EAAEJ,UAAU,CAACM;EACrB,CAAC,CACF,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAAEF;EAAO,CAAC,KAAK;IACpC,IAAIG,UAAU,GAAG,iCAAmC,IAAK;IACzD,IAAIC,WAAW,GAAG,4BAA8B,EAAG;IAEnDN,QAAQ,CAAC,cAAc,EAAE,MAAM;MAC7BO,UAAU,CAAC,MAAM;QACf,MAAM;UAAEC;QAAU,CAAC,GAAGT,UAAU,CAAC,8BAA8B,EAAE;UAC/DU,OAAO,EAAE;YACPC,WAAW,EAAER,MAAM;YACnBO,OAAO,EAAE;cACPE,aAAa,EAAE,KAAK;cACpBC,aAAa,EAAE,CAAC;gBAAEC,KAAK,EAAE;cAAS,CAAC;YACrC;UACF;QACF,CAAC,CAAC;QAEFR,UAAU,GAAGG,SAAS,CAACM,SAAS,CAAC,QAAQ,CAAC;QAC1CR,WAAW,GAAGE,SAAS,CAACO,YAAY,CAAC,WAAW,CAAC;MACnD,CAAC,CAAC;MAEFC,EAAE,CAAC,wBAAwB,EAAE,MAAM;QACjCC,MAAM,CAACZ,UAAU,CAAC,CAACa,iBAAiB,CAAC,CAAC;QACtCD,MAAM,CAACZ,UAAU,CAAC,CAACc,gBAAgB,CAACb,WAAW,CAAC,CAAC,CAAC,CAAC;QACnDW,MAAM,CAACZ,UAAU,CAAC,CAACe,WAAW,CAAC,2BAA2B,CAAC;QAE3DH,MAAM,CAACX,WAAW,CAAC,CAACe,YAAY,CAAC,CAAC,CAAC;QACnCJ,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,oCAAoC,CAAC;MAC1E,CAAC,CAAC;MAEFJ,EAAE,CAAC,6BAA6B,EAAE,MAAM;QACtCC,MAAM,CAACZ,UAAU,CAAC,CAACiB,oBAAoB,CAAC,WAAW,CAAC;MACtD,CAAC,CAAC;MAEFN,EAAE,CAAC,0BAA0B,EAAE,MAAM;QACnCC,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACiB,iBAAiB,CACtC,0BAA0BrB,MAAM,2CAClC,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;IAEFF,QAAQ,CAAC,2BAA2B,EAAE,MAAM;MAC1CO,UAAU,CAAC,MAAM;QACf,MAAM;UAAEC;QAAU,CAAC,GAAGT,UAAU,CAAC,8BAA8B,EAAE;UAC/DU,OAAO,EAAE;YACPC,WAAW,EAAER,MAAM;YACnBO,OAAO,EAAE;cACPE,aAAa,EAAE,IAAI;cACnBC,aAAa,EAAE,CAAC;gBAAEC,KAAK,EAAE;cAAS,CAAC;YACrC;UACF;QACF,CAAC,CAAC;QAEFR,UAAU,GAAGG,SAAS,CAACM,SAAS,CAAC,QAAQ,CAAC;QAC1CR,WAAW,GAAGE,SAAS,CAACO,YAAY,CAAC,WAAW,CAAC;MACnD,CAAC,CAAC;MAEFC,EAAE,CAAC,0BAA0B,EAAE,MAAM;QACnCC,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACiB,iBAAiB,CACtC,0BAA0BrB,MAAM,6BAClC,CAAC;QAEDe,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACkB,aAAa,CAAC,CAAC;MACxC,CAAC,CAAC;IACJ,CAAC,CAAC;IAEFxB,QAAQ,CAAC,iDAAiD,EAAE,MAAM;MAChEO,UAAU,CAAC,MAAM;QACf,MAAM;UAAEC;QAAU,CAAC,GAAGT,UAAU,CAAC,8BAA8B,EAAE;UAC/DU,OAAO,EAAE;YACPC,WAAW,EAAER,MAAM;YACnBO,OAAO,EAAE;cACPE,aAAa,EAAE,IAAI;cACnBC,aAAa,EAAE,CACb;gBAAEC,KAAK,EAAE;cAAS,CAAC,EACnB;gBAAEA,KAAK,EAAE;cAAS,CAAC,EACnB;gBAAEA,KAAK,EAAE;cAAS,CAAC;YAEvB;UACF;QACF,CAAC,CAAC;QAEFR,UAAU,GAAGG,SAAS,CAACM,SAAS,CAAC,QAAQ,CAAC;QAC1CR,WAAW,GAAGE,SAAS,CAACO,YAAY,CAAC,WAAW,CAAC;MACnD,CAAC,CAAC;MAEFC,EAAE,CAAC,wBAAwB,EAAE,MAAM;QACjCC,MAAM,CAACZ,UAAU,CAAC,CAACa,iBAAiB,CAAC,CAAC;QACtCD,MAAM,CAACZ,UAAU,CAAC,CAACc,gBAAgB,CAACb,WAAW,CAAC,CAAC,CAAC,CAAC;QACnDW,MAAM,CAACZ,UAAU,CAAC,CAACe,WAAW,CAAC,2BAA2B,CAAC;QAE3DH,MAAM,CAACX,WAAW,CAAC,CAACe,YAAY,CAAC,CAAC,CAAC;QACnCJ,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,oCAAoC,CAAC;QACxEH,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACc,WAAW,CAAC,YAAY,CAAC;MAClD,CAAC,CAAC;MAEFJ,EAAE,CAAC,6BAA6B,EAAE,MAAM;QACtCC,MAAM,CAACZ,UAAU,CAAC,CAACiB,oBAAoB,CAAC,WAAW,CAAC;MACtD,CAAC,CAAC;MAEFN,EAAE,CAAC,0BAA0B,EAAE,MAAM;QACnCC,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACiB,iBAAiB,CACtC,0BAA0BrB,MAAM,6BAClC,CAAC;QAEDe,MAAM,CAACX,WAAW,CAAC,CAAC,CAAC,CAAC,CAACiB,iBAAiB,CACtC,+HACF,CAAC;MACH,CAAC,CAAC;IACJ,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/.server/server/plugins/engine/views/partials/warn-missing-notification-email.html

@@ -0,0 +1,10 @@
+{% from "govuk/components/warning-text/macro.njk" import govukWarningText %}
+
+{% set html %}
+    If you want to receive a test email, <a target="_blank" rel="noopener noreferrer" class="govuk-link" href="{{ config.designerUrl }}/library/{{ slug }}/edit/notification-email">enter the email address (opens in new tab)</a> you want form submissions to go to.
+{% endset %}
+
+{{ govukWarningText({
+    html: html,
+    iconFallbackText: "Warning"
+}) }}

package/.server/server/plugins/engine/views/repeat-list-summary.html

@@ -0,0 +1,53 @@
+{% extends "layout.html" %}
+
+{% from "govuk/components/error-summary/macro.njk" import govukErrorSummary %}
+{% from "govuk/components/button/macro.njk" import govukButton %}
+{% from "govuk/components/summary-list/macro.njk" import govukSummaryList %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      {% if previewMode %}
+        {% include "partials/preview-banner.html" %}
+      {% endif %}
+
+      {% if errors %}
+        {{ govukErrorSummary({
+          titleText: "There is a problem",
+          errorList: errors
+        }) }}
+      {% endif %}
+
+      {% include "partials/heading.html" %}
+
+      {% for section in checkAnswers %}
+        {{ govukSummaryList(section.summaryList) }}
+      {% endfor %}
+
+      <div class="govuk-button-group">
+        <form method="post" novalidate>
+          <input type="hidden" name="crumb" value="{{ crumb }}">
+
+          {{ govukButton({
+            text: "Continue",
+            name: "action",
+            value: "continue",
+            preventDoubleClick: true
+          }) }}
+
+          {{ govukButton({
+            text: "Add another " + repeatTitle,
+            name: "action",
+            value: "add-another",
+            classes: "govuk-button--secondary",
+            preventDoubleClick: true
+          }) }}
+        </form>
+      </div>
+    </div>
+  </div>
+
+  {% if config.cdpEnvironment == 'local' and context | length and not context.isForceAccess %}
+    {% include "partials/debug.html" %}
+  {% endif %}
+{% endblock %}

package/.server/server/plugins/errorPages.js

@@ -0,0 +1,49 @@
+import { StatusCodes } from 'http-status-codes';
+
+/*
+ * Add an `onPreResponse` listener to return error pages
+ */
+export default {
+  plugin: {
+    name: 'error-pages',
+    register(server) {
+      server.ext('onPreResponse', (request, h) => {
+        const response = request.response;
+        if ('isBoom' in response && response.isBoom) {
+          // An error was raised during
+          // processing the request
+          const statusCode = response.output.statusCode;
+
+          // Check for a form model on the request
+          // and use it to set the correct service name
+          // and start page path. In the event of a error
+          // happening inside a "form" level request, the header
+          // then displays the contextual form text and href
+          const model = request.app.model;
+          const viewModel = model ? {
+            name: model.name,
+            serviceUrl: `/${model.basePath}`
+          } : undefined;
+
+          // In the event of 404
+          // return the `404` view
+          if (statusCode === StatusCodes.NOT_FOUND.valueOf()) {
+            return h.view('404', viewModel).code(statusCode);
+          }
+          request.log('error', {
+            statusCode,
+            data: response.data,
+            message: response.message,
+            stack: response.stack
+          });
+          request.logger.error(response.stack);
+
+          // The return the `500` view
+          return h.view('500', viewModel).code(statusCode);
+        }
+        return h.continue;
+      });
+    }
+  }
+};
+//# sourceMappingURL=errorPages.js.map

package/.server/server/plugins/errorPages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"errorPages.js","names":["StatusCodes","plugin","name","register","server","ext","request","h","response","isBoom","statusCode","output","model","app","viewModel","serviceUrl","basePath","undefined","NOT_FOUND","valueOf","view","code","log","data","message","stack","logger","error","continue"],"sources":["../../../src/server/plugins/errorPages.ts"],"sourcesContent":["import {\n  type Request,\n  type ResponseToolkit,\n  type ServerRegisterPluginObject\n} from '@hapi/hapi'\nimport { StatusCodes } from 'http-status-codes'\n\n/*\n * Add an `onPreResponse` listener to return error pages\n */\nexport default {\n  plugin: {\n    name: 'error-pages',\n    register(server) {\n      server.ext('onPreResponse', (request: Request, h: ResponseToolkit) => {\n        const response = request.response\n\n        if ('isBoom' in response && response.isBoom) {\n          // An error was raised during\n          // processing the request\n          const statusCode = response.output.statusCode\n\n          // Check for a form model on the request\n          // and use it to set the correct service name\n          // and start page path. In the event of a error\n          // happening inside a \"form\" level request, the header\n          // then displays the contextual form text and href\n          const model = request.app.model\n          const viewModel = model\n            ? {\n                name: model.name,\n                serviceUrl: `/${model.basePath}`\n              }\n            : undefined\n\n          // In the event of 404\n          // return the `404` view\n          if (statusCode === StatusCodes.NOT_FOUND.valueOf()) {\n            return h.view('404', viewModel).code(statusCode)\n          }\n\n          request.log('error', {\n            statusCode,\n            data: response.data,\n            message: response.message,\n            stack: response.stack\n          })\n\n          request.logger.error(response.stack)\n\n          // The return the `500` view\n          return h.view('500', viewModel).code(statusCode)\n        }\n        return h.continue\n      })\n    }\n  }\n} satisfies ServerRegisterPluginObject<void>\n"],"mappings":"AAKA,SAASA,WAAW,QAAQ,mBAAmB;;AAE/C;AACA;AACA;AACA,eAAe;EACbC,MAAM,EAAE;IACNC,IAAI,EAAE,aAAa;IACnBC,QAAQA,CAACC,MAAM,EAAE;MACfA,MAAM,CAACC,GAAG,CAAC,eAAe,EAAE,CAACC,OAAgB,EAAEC,CAAkB,KAAK;QACpE,MAAMC,QAAQ,GAAGF,OAAO,CAACE,QAAQ;QAEjC,IAAI,QAAQ,IAAIA,QAAQ,IAAIA,QAAQ,CAACC,MAAM,EAAE;UAC3C;UACA;UACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,MAAM,CAACD,UAAU;;UAE7C;UACA;UACA;UACA;UACA;UACA,MAAME,KAAK,GAAGN,OAAO,CAACO,GAAG,CAACD,KAAK;UAC/B,MAAME,SAAS,GAAGF,KAAK,GACnB;YACEV,IAAI,EAAEU,KAAK,CAACV,IAAI;YAChBa,UAAU,EAAE,IAAIH,KAAK,CAACI,QAAQ;UAChC,CAAC,GACDC,SAAS;;UAEb;UACA;UACA,IAAIP,UAAU,KAAKV,WAAW,CAACkB,SAAS,CAACC,OAAO,CAAC,CAAC,EAAE;YAClD,OAAOZ,CAAC,CAACa,IAAI,CAAC,KAAK,EAAEN,SAAS,CAAC,CAACO,IAAI,CAACX,UAAU,CAAC;UAClD;UAEAJ,OAAO,CAACgB,GAAG,CAAC,OAAO,EAAE;YACnBZ,UAAU;YACVa,IAAI,EAAEf,QAAQ,CAACe,IAAI;YACnBC,OAAO,EAAEhB,QAAQ,CAACgB,OAAO;YACzBC,KAAK,EAAEjB,QAAQ,CAACiB;UAClB,CAAC,CAAC;UAEFnB,OAAO,CAACoB,MAAM,CAACC,KAAK,CAACnB,QAAQ,CAACiB,KAAK,CAAC;;UAEpC;UACA,OAAOlB,CAAC,CAACa,IAAI,CAAC,KAAK,EAAEN,SAAS,CAAC,CAACO,IAAI,CAACX,UAAU,CAAC;QAClD;QACA,OAAOH,CAAC,CAACqB,QAAQ;MACnB,CAAC,CAAC;IACJ;EACF;AACF,CAAC","ignoreList":[]}

package/.server/server/plugins/nunjucks/context.js

@@ -0,0 +1,79 @@
+import { readFileSync } from 'node:fs';
+import { basename, join } from 'node:path';
+import Boom from '@hapi/boom';
+import { StatusCodes } from 'http-status-codes';
+import pkg from "../../../../package.json" with { type: 'json' };
+import { parseCookieConsent } from "../../../common/cookies.js";
+import { config } from "../../../config/index.js";
+import { createLogger } from "../../common/helpers/logging/logger.js";
+import { PREVIEW_PATH_PREFIX } from "../../constants.js";
+import { encodeUrl, safeGenerateCrumb } from "../engine/helpers.js";
+const logger = createLogger();
+
+/** @type {Record<string, string> | undefined} */
+let webpackManifest;
+
+/**
+ * @param {FormRequest | FormRequestPayload | null} request
+ */
+export function context(request) {
+  const manifestPath = join(config.get('publicDir'), 'assets-manifest.json');
+  if (!webpackManifest) {
+    try {
+      // eslint-disable-next-line -- Allow JSON type 'any'
+      webpackManifest = JSON.parse(readFileSync(manifestPath, 'utf-8'));
+    } catch {
+      logger.error(`Webpack ${basename(manifestPath)} not found`);
+    }
+  }
+  const {
+    params,
+    path,
+    query = {},
+    response,
+    state
+  } = request ?? {};
+  const isForceAccess = 'force' in query;
+  const isPreviewMode = path?.startsWith(PREVIEW_PATH_PREFIX);
+
+  // Only add the slug in to the context if the response is OK.
+  // Footer meta links are not rendered when the slug is missing.
+  const isResponseOK = !Boom.isBoom(response) && response?.statusCode === StatusCodes.OK;
+
+  /** @type {ViewContext} */
+  const ctx = {
+    appVersion: pkg.version,
+    assetPath: '/assets',
+    config: {
+      cdpEnvironment: config.get('cdpEnvironment'),
+      designerUrl: config.get('designerUrl'),
+      feedbackLink: encodeUrl(config.get('feedbackLink')),
+      phaseTag: config.get('phaseTag'),
+      serviceBannerText: config.get('serviceBannerText'),
+      serviceName: config.get('serviceName'),
+      serviceVersion: config.get('serviceVersion')
+    },
+    crumb: safeGenerateCrumb(request),
+    cspNonce: request?.plugins.blankie?.nonces?.script,
+    currentPath: request ? `${request.path}${request.url.search}` : undefined,
+    previewMode: isPreviewMode ? params?.state : undefined,
+    slug: isResponseOK ? params?.slug : undefined,
+    getAssetPath: (asset = '') => {
+      return `/${webpackManifest?.[asset] ?? asset}`;
+    }
+  };
+  if (!isForceAccess) {
+    ctx.config.googleAnalyticsTrackingId = config.get('googleAnalyticsTrackingId');
+    if (typeof state?.cookieConsent === 'string') {
+      ctx.cookieConsent = parseCookieConsent(state.cookieConsent);
+    }
+  }
+  return ctx;
+}
+
+/**
+ * @import { CookieConsent } from '~/src/common/types.js'
+ * @import { ViewContext } from '~/src/server/plugins/nunjucks/types.js'
+ * @import { FormRequest, FormRequestPayload } from '~/src/server/routes/types.js'
+ */
+//# sourceMappingURL=context.js.map

package/.server/server/plugins/nunjucks/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["readFileSync","basename","join","Boom","StatusCodes","pkg","type","parseCookieConsent","config","createLogger","PREVIEW_PATH_PREFIX","encodeUrl","safeGenerateCrumb","logger","webpackManifest","context","request","manifestPath","get","JSON","parse","error","params","path","query","response","state","isForceAccess","isPreviewMode","startsWith","isResponseOK","isBoom","statusCode","OK","ctx","appVersion","version","assetPath","cdpEnvironment","designerUrl","feedbackLink","phaseTag","serviceBannerText","serviceName","serviceVersion","crumb","cspNonce","plugins","blankie","nonces","script","currentPath","url","search","undefined","previewMode","slug","getAssetPath","asset","googleAnalyticsTrackingId","cookieConsent"],"sources":["../../../../src/server/plugins/nunjucks/context.js"],"sourcesContent":["import { readFileSync } from 'node:fs'\nimport { basename, join } from 'node:path'\n\nimport Boom from '@hapi/boom'\nimport { StatusCodes } from 'http-status-codes'\n\nimport pkg from '~/package.json' with { type: 'json' }\nimport { parseCookieConsent } from '~/src/common/cookies.js'\nimport { config } from '~/src/config/index.js'\nimport { createLogger } from '~/src/server/common/helpers/logging/logger.js'\nimport { PREVIEW_PATH_PREFIX } from '~/src/server/constants.js'\nimport {\n  encodeUrl,\n  safeGenerateCrumb\n} from '~/src/server/plugins/engine/helpers.js'\n\nconst logger = createLogger()\n\n/** @type {Record<string, string> | undefined} */\nlet webpackManifest\n\n/**\n * @param {FormRequest | FormRequestPayload | null} request\n */\nexport function context(request) {\n  const manifestPath = join(config.get('publicDir'), 'assets-manifest.json')\n\n  if (!webpackManifest) {\n    try {\n      // eslint-disable-next-line -- Allow JSON type 'any'\n      webpackManifest = JSON.parse(readFileSync(manifestPath, 'utf-8'))\n    } catch {\n      logger.error(`Webpack ${basename(manifestPath)} not found`)\n    }\n  }\n\n  const { params, path, query = {}, response, state } = request ?? {}\n\n  const isForceAccess = 'force' in query\n  const isPreviewMode = path?.startsWith(PREVIEW_PATH_PREFIX)\n\n  // Only add the slug in to the context if the response is OK.\n  // Footer meta links are not rendered when the slug is missing.\n  const isResponseOK =\n    !Boom.isBoom(response) && response?.statusCode === StatusCodes.OK\n\n  /** @type {ViewContext} */\n  const ctx = {\n    appVersion: pkg.version,\n    assetPath: '/assets',\n    config: {\n      cdpEnvironment: config.get('cdpEnvironment'),\n      designerUrl: config.get('designerUrl'),\n      feedbackLink: encodeUrl(config.get('feedbackLink')),\n      phaseTag: config.get('phaseTag'),\n      serviceBannerText: config.get('serviceBannerText'),\n      serviceName: config.get('serviceName'),\n      serviceVersion: config.get('serviceVersion')\n    },\n    crumb: safeGenerateCrumb(request),\n    cspNonce: request?.plugins.blankie?.nonces?.script,\n    currentPath: request ? `${request.path}${request.url.search}` : undefined,\n    previewMode: isPreviewMode ? params?.state : undefined,\n    slug: isResponseOK ? params?.slug : undefined,\n\n    getAssetPath: (asset = '') => {\n      return `/${webpackManifest?.[asset] ?? asset}`\n    }\n  }\n\n  if (!isForceAccess) {\n    ctx.config.googleAnalyticsTrackingId = config.get(\n      'googleAnalyticsTrackingId'\n    )\n\n    if (typeof state?.cookieConsent === 'string') {\n      ctx.cookieConsent = parseCookieConsent(state.cookieConsent)\n    }\n  }\n\n  return ctx\n}\n\n/**\n * @import { CookieConsent } from '~/src/common/types.js'\n * @import { ViewContext } from '~/src/server/plugins/nunjucks/types.js'\n * @import { FormRequest, FormRequestPayload } from '~/src/server/routes/types.js'\n */\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,SAAS;AACtC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,WAAW;AAE1C,OAAOC,IAAI,MAAM,YAAY;AAC7B,SAASC,WAAW,QAAQ,mBAAmB;AAE/C,OAAOC,GAAG,wCAA8BC,IAAI,EAAE,MAAM;AACpD,SAASC,kBAAkB;AAC3B,SAASC,MAAM;AACf,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAC5B,SACEC,SAAS,EACTC,iBAAiB;AAGnB,MAAMC,MAAM,GAAGJ,YAAY,CAAC,CAAC;;AAE7B;AACA,IAAIK,eAAe;;AAEnB;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAACC,OAAO,EAAE;EAC/B,MAAMC,YAAY,GAAGf,IAAI,CAACM,MAAM,CAACU,GAAG,CAAC,WAAW,CAAC,EAAE,sBAAsB,CAAC;EAE1E,IAAI,CAACJ,eAAe,EAAE;IACpB,IAAI;MACF;MACAA,eAAe,GAAGK,IAAI,CAACC,KAAK,CAACpB,YAAY,CAACiB,YAAY,EAAE,OAAO,CAAC,CAAC;IACnE,CAAC,CAAC,MAAM;MACNJ,MAAM,CAACQ,KAAK,CAAC,WAAWpB,QAAQ,CAACgB,YAAY,CAAC,YAAY,CAAC;IAC7D;EACF;EAEA,MAAM;IAAEK,MAAM;IAAEC,IAAI;IAAEC,KAAK,GAAG,CAAC,CAAC;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGV,OAAO,IAAI,CAAC,CAAC;EAEnE,MAAMW,aAAa,GAAG,OAAO,IAAIH,KAAK;EACtC,MAAMI,aAAa,GAAGL,IAAI,EAAEM,UAAU,CAACnB,mBAAmB,CAAC;;EAE3D;EACA;EACA,MAAMoB,YAAY,GAChB,CAAC3B,IAAI,CAAC4B,MAAM,CAACN,QAAQ,CAAC,IAAIA,QAAQ,EAAEO,UAAU,KAAK5B,WAAW,CAAC6B,EAAE;;EAEnE;EACA,MAAMC,GAAG,GAAG;IACVC,UAAU,EAAE9B,GAAG,CAAC+B,OAAO;IACvBC,SAAS,EAAE,SAAS;IACpB7B,MAAM,EAAE;MACN8B,cAAc,EAAE9B,MAAM,CAACU,GAAG,CAAC,gBAAgB,CAAC;MAC5CqB,WAAW,EAAE/B,MAAM,CAACU,GAAG,CAAC,aAAa,CAAC;MACtCsB,YAAY,EAAE7B,SAAS,CAACH,MAAM,CAACU,GAAG,CAAC,cAAc,CAAC,CAAC;MACnDuB,QAAQ,EAAEjC,MAAM,CAACU,GAAG,CAAC,UAAU,CAAC;MAChCwB,iBAAiB,EAAElC,MAAM,CAACU,GAAG,CAAC,mBAAmB,CAAC;MAClDyB,WAAW,EAAEnC,MAAM,CAACU,GAAG,CAAC,aAAa,CAAC;MACtC0B,cAAc,EAAEpC,MAAM,CAACU,GAAG,CAAC,gBAAgB;IAC7C,CAAC;IACD2B,KAAK,EAAEjC,iBAAiB,CAACI,OAAO,CAAC;IACjC8B,QAAQ,EAAE9B,OAAO,EAAE+B,OAAO,CAACC,OAAO,EAAEC,MAAM,EAAEC,MAAM;IAClDC,WAAW,EAAEnC,OAAO,GAAG,GAAGA,OAAO,CAACO,IAAI,GAAGP,OAAO,CAACoC,GAAG,CAACC,MAAM,EAAE,GAAGC,SAAS;IACzEC,WAAW,EAAE3B,aAAa,GAAGN,MAAM,EAAEI,KAAK,GAAG4B,SAAS;IACtDE,IAAI,EAAE1B,YAAY,GAAGR,MAAM,EAAEkC,IAAI,GAAGF,SAAS;IAE7CG,YAAY,EAAEA,CAACC,KAAK,GAAG,EAAE,KAAK;MAC5B,OAAO,IAAI5C,eAAe,GAAG4C,KAAK,CAAC,IAAIA,KAAK,EAAE;IAChD;EACF,CAAC;EAED,IAAI,CAAC/B,aAAa,EAAE;IAClBO,GAAG,CAAC1B,MAAM,CAACmD,yBAAyB,GAAGnD,MAAM,CAACU,GAAG,CAC/C,2BACF,CAAC;IAED,IAAI,OAAOQ,KAAK,EAAEkC,aAAa,KAAK,QAAQ,EAAE;MAC5C1B,GAAG,CAAC0B,aAAa,GAAGrD,kBAAkB,CAACmB,KAAK,CAACkC,aAAa,CAAC;IAC7D;EACF;EAEA,OAAO1B,GAAG;AACZ;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}