@defra/forms-model 3.0.480 → 3.0.482

package/dist/module/form/form-editor/preview/question.js

@@ -1,3 +1,37 @@
+import { ComponentType } from "../../../components/enums.js";
+import { ComponentElements } from "./component-elements.js";
+import { PreviewComponent } from "./preview.js";
+
+/**
+ * @implements {QuestionElements}
+ */
+export class QuestionComponentElements extends ComponentElements {
+  /**
+   * @type {FormComponentsDef}
+   * @protected
+   */
+  _component;
+  /**
+   * @param {FormComponentsDef} component
+   */
+  constructor(component) {
+    super(component);
+    this._component = component;
+  }
+
+  /**
+   * @protected
+   * @returns {BaseSettings}
+   */
+  _getValues() {
+    return {
+      ...super._getValues(),
+      hintText: this._component.hint ?? '',
+      shortDesc: this._component.shortDescription ?? ''
+    };
+  }
+}
+
 /**
  * @class Question
  * @classdesc
@@ -8,110 +42,37 @@
  * the HTML.  Question classes should only be responsible for data and rendering as are reused in the
  * server side.
  */
-export class Question {
-  static PATH = 'preview-components/';
-
+export class Question extends PreviewComponent {
   /**
-   * @type {string}
-   * @protected
+   * @type {ComponentType}
    */
-  _questionTemplate = Question.PATH + 'textfield.njk';
+  componentType = ComponentType.TextField;
+
   /**
-   * @type { string|null }
+   * @type {string}
    * @protected
    */
-  _highlight = null;
+  _questionTemplate = PreviewComponent.PATH + 'textfield.njk';
   /**
    * @type {string}
    * @protected
    */
   _fieldName = 'inputField';
-  /**
-   * @type {QuestionRenderer}
-   * @protected
-   */
-  _questionRenderer;
-
-  /**
-   * @type {QuestionElements}
-   * @private
-   */
-  _htmlElements;
 
   /**
    * @param {QuestionElements} htmlElements
    * @param {QuestionRenderer} questionRenderer
    */
   constructor(htmlElements, questionRenderer) {
+    super(htmlElements, questionRenderer);
     const {
-      question,
-      hintText,
-      optional
+      hintText
     } = htmlElements.values;
-
-    /**
-     * @type {QuestionElements}
-     * @protected
-     */
-    this._htmlElements = htmlElements;
-    /**
-     * @type {string}
-     * @private
-     */
-    this._question = question;
     /**
      * @type {string}
      * @private
      */
     this._hintText = hintText;
-    /**
-     * @type {boolean}
-     * @private
-     */
-    this._optional = optional;
-    /**
-     *
-     * @type {QuestionRenderer}
-     * @protected
-     */
-    this._questionRenderer = questionRenderer;
-  }
-
-  /**
-   * @param {string} element
-   * @returns {string}
-   * @protected
-   */
-  getHighlight(element) {
-    return this._highlight === element ? ' highlight' : '';
-  }
-  get titleText() {
-    const optionalText = this._optional ? ' (optional)' : '';
-    return (!this._question ? 'Question' : this._question) + optionalText;
-  }
-
-  /**
-   * @protected
-   * @type {DefaultComponent}
-   */
-  get label() {
-    return {
-      text: this.titleText,
-      classes: 'govuk-label--l' + this.getHighlight('question')
-    };
-  }
-
-  /**
-   * @protected
-   * @type {GovukFieldset}
-   */
-  get fieldSet() {
-    return {
-      legend: {
-        text: this.titleText,
-        classes: 'govuk-fieldset__legend--l' + this.getHighlight('question')
-      }
-    };
   }
 
   /**
@@ -127,42 +88,16 @@ export class Question {
   }
 
   /**
-   * @returns {Partial<QuestionBaseModel>}
-   */
-  get customRenderFields() {
-    return {};
-  }
-
-  /**
-   * @type {QuestionBaseModel}
+   * @returns {QuestionBaseModel}
+   * @protected
    */
-  get renderInput() {
+  _renderInput() {
     return {
-      id: this._fieldName,
-      name: this._fieldName,
+      ...super._renderInput(),
       label: this.label,
-      hint: this.hint,
-      ...this.customRenderFields
+      hint: this.hint
     };
   }
-  render() {
-    this._questionRenderer.render(this._questionTemplate, this.renderInput);
-  }
-
-  /**
-   * @type {string}
-   */
-  get question() {
-    return this._question;
-  }
-
-  /**
-   * @param {string} value
-   */
-  set question(value) {
-    this._question = value;
-    this.render();
-  }
 
   /**
    * @type {string}
@@ -178,36 +113,11 @@ export class Question {
     this._hintText = value;
     this.render();
   }
-  get optional() {
-    return this._optional;
-  }
-
-  /**
-   * @param {boolean} value
-   */
-  set optional(value) {
-    this._optional = value;
-    this.render();
-  }
-
-  /**
-   * @type {string | null}
-   */
-  get highlight() {
-    return this._highlight;
-  }
-
-  /**
-   * @param {string | null} value
-   */
-  set highlight(value) {
-    this._highlight = value;
-    this.render();
-  }
 }
 
 /**
  * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'
+ * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'
  * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'
  */
 //# sourceMappingURL=question.js.map

package/dist/module/form/form-editor/preview/question.js.map

@@ -1 +1 @@
-{"version":3,"file":"question.js","names":["Question","PATH","_questionTemplate","_highlight","_fieldName","_questionRenderer","_htmlElements","constructor","htmlElements","questionRenderer","question","hintText","optional","values","_question","_hintText","_optional","getHighlight","element","titleText","optionalText","label","text","classes","fieldSet","legend","hint","length","customRenderFields","renderInput","id","name","render","value","highlight"],"sources":["../../../../../src/form/form-editor/preview/question.js"],"sourcesContent":["/**\n * @class Question\n * @classdesc\n * A data object that has access to the underlying data via the QuestionElements object interface\n * and the templating mechanism to render the HTML for the data.\n *\n * It does not have access to the DOM, but has access to QuestionElements.setPreviewHTML to update\n * the HTML.  Question classes should only be responsible for data and rendering as are reused in the\n * server side.\n */\nexport class Question {\n  static PATH = 'preview-components/'\n\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'textfield.njk'\n  /**\n   * @type { string|null }\n   * @protected\n   */\n  _highlight = null\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'inputField'\n  /**\n   * @type {QuestionRenderer}\n   * @protected\n   */\n  _questionRenderer\n\n  /**\n   * @type {QuestionElements}\n   * @private\n   */\n  _htmlElements\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    const { question, hintText, optional } = htmlElements.values\n\n    /**\n     * @type {QuestionElements}\n     * @protected\n     */\n    this._htmlElements = htmlElements\n    /**\n     * @type {string}\n     * @private\n     */\n    this._question = question\n    /**\n     * @type {string}\n     * @private\n     */\n    this._hintText = hintText\n    /**\n     * @type {boolean}\n     * @private\n     */\n    this._optional = optional\n    /**\n     *\n     * @type {QuestionRenderer}\n     * @protected\n     */\n    this._questionRenderer = questionRenderer\n  }\n\n  /**\n   * @param {string} element\n   * @returns {string}\n   * @protected\n   */\n  getHighlight(element) {\n    return this._highlight === element ? ' highlight' : ''\n  }\n\n  get titleText() {\n    const optionalText = this._optional ? ' (optional)' : ''\n    return (!this._question ? 'Question' : this._question) + optionalText\n  }\n\n  /**\n   * @protected\n   * @type {DefaultComponent}\n   */\n  get label() {\n    return {\n      text: this.titleText,\n      classes: 'govuk-label--l' + this.getHighlight('question')\n    }\n  }\n\n  /**\n   * @protected\n   * @type {GovukFieldset}\n   */\n  get fieldSet() {\n    return {\n      legend: {\n        text: this.titleText,\n        classes: 'govuk-fieldset__legend--l' + this.getHighlight('question')\n      }\n    }\n  }\n\n  /**\n   * @type {DefaultComponent}\n   * @protected\n   */\n  get hint() {\n    const text =\n      this._highlight === 'hintText' && !this._hintText.length\n        ? 'Hint text'\n        : this._hintText\n\n    return {\n      text,\n      classes: this.getHighlight('hintText')\n    }\n  }\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    return {}\n  }\n\n  /**\n   * @type {QuestionBaseModel}\n   */\n  get renderInput() {\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      label: this.label,\n      hint: this.hint,\n      ...this.customRenderFields\n    }\n  }\n\n  render() {\n    this._questionRenderer.render(this._questionTemplate, this.renderInput)\n  }\n\n  /**\n   * @type {string}\n   */\n  get question() {\n    return this._question\n  }\n\n  /**\n   * @param {string} value\n   */\n  set question(value) {\n    this._question = value\n    this.render()\n  }\n\n  /**\n   * @type {string}\n   */\n  get hintText() {\n    return this._hintText\n  }\n\n  /**\n   * @param {string} value\n   */\n  set hintText(value) {\n    this._hintText = value\n    this.render()\n  }\n\n  get optional() {\n    return this._optional\n  }\n\n  /**\n   * @param {boolean} value\n   */\n  set optional(value) {\n    this._optional = value\n    this.render()\n  }\n\n  /**\n   * @type {string | null}\n   */\n  get highlight() {\n    return this._highlight\n  }\n\n  /**\n   * @param {string | null} value\n   */\n  set highlight(value) {\n    this._highlight = value\n    this.render()\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"question.js","names":["ComponentType","ComponentElements","PreviewComponent","QuestionComponentElements","_component","constructor","component","_getValues","hintText","hint","shortDesc","shortDescription","Question","componentType","TextField","_questionTemplate","PATH","_fieldName","htmlElements","questionRenderer","values","_hintText","text","_highlight","length","classes","getHighlight","_renderInput","label","value","render"],"sources":["../../../../../src/form/form-editor/preview/question.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ComponentElements } from '~/src/form/form-editor/preview/component-elements.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\n/**\n * @implements {QuestionElements}\n */\nexport class QuestionComponentElements extends ComponentElements {\n  /**\n   * @type {FormComponentsDef}\n   * @protected\n   */\n  _component\n  /**\n   * @param {FormComponentsDef} component\n   */\n  constructor(component) {\n    super(component)\n    this._component = component\n  }\n\n  /**\n   * @protected\n   * @returns {BaseSettings}\n   */\n  _getValues() {\n    return {\n      ...super._getValues(),\n      hintText: this._component.hint ?? '',\n      shortDesc: this._component.shortDescription ?? ''\n    }\n  }\n}\n\n/**\n * @class Question\n * @classdesc\n * A data object that has access to the underlying data via the QuestionElements object interface\n * and the templating mechanism to render the HTML for the data.\n *\n * It does not have access to the DOM, but has access to QuestionElements.setPreviewHTML to update\n * the HTML.  Question classes should only be responsible for data and rendering as are reused in the\n * server side.\n */\nexport class Question extends PreviewComponent {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TextField\n\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'textfield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'inputField'\n\n  /**\n   * @param {QuestionElements} htmlElements\n   * @param {QuestionRenderer} questionRenderer\n   */\n  constructor(htmlElements, questionRenderer) {\n    super(htmlElements, questionRenderer)\n    const { hintText } = htmlElements.values\n    /**\n     * @type {string}\n     * @private\n     */\n    this._hintText = hintText\n  }\n\n  /**\n   * @type {DefaultComponent}\n   * @protected\n   */\n  get hint() {\n    const text =\n      this._highlight === 'hintText' && !this._hintText.length\n        ? 'Hint text'\n        : this._hintText\n\n    return {\n      text,\n      classes: this.getHighlight('hintText')\n    }\n  }\n\n  /**\n   * @returns {QuestionBaseModel}\n   * @protected\n   */\n  _renderInput() {\n    return { ...super._renderInput(), label: this.label, hint: this.hint }\n  }\n\n  /**\n   * @type {string}\n   */\n  get hintText() {\n    return this._hintText\n  }\n\n  /**\n   * @param {string} value\n   */\n  set hintText(value) {\n    this._hintText = value\n    this.render()\n  }\n}\n\n/**\n * @import { ListenerRow, BaseSettings, QuestionElements, QuestionBaseModel, GovukFieldset, DefaultComponent, QuestionRenderer } from '~/src/form/form-editor/preview/types.js'\n * @import { FormComponentsDef, ContentComponentsDef, ComponentDef } from '~/src/components/types.js'\n * @import { ListElement, ListItemReadonly } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,iBAAiB;AAC1B,SAASC,gBAAgB;;AAEzB;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,SAASF,iBAAiB,CAAC;EAC/D;AACF;AACA;AACA;EACEG,UAAU;EACV;AACF;AACA;EACEC,WAAWA,CAACC,SAAS,EAAE;IACrB,KAAK,CAACA,SAAS,CAAC;IAChB,IAAI,CAACF,UAAU,GAAGE,SAAS;EAC7B;;EAEA;AACF;AACA;AACA;EACEC,UAAUA,CAAA,EAAG;IACX,OAAO;MACL,GAAG,KAAK,CAACA,UAAU,CAAC,CAAC;MACrBC,QAAQ,EAAE,IAAI,CAACJ,UAAU,CAACK,IAAI,IAAI,EAAE;MACpCC,SAAS,EAAE,IAAI,CAACN,UAAU,CAACO,gBAAgB,IAAI;IACjD,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,QAAQ,SAASV,gBAAgB,CAAC;EAC7C;AACF;AACA;EACEW,aAAa,GAAGb,aAAa,CAACc,SAAS;;EAEvC;AACF;AACA;AACA;EACEC,iBAAiB,GAAGb,gBAAgB,CAACc,IAAI,GAAG,eAAe;EAC3D;AACF;AACA;AACA;EACEC,UAAU,GAAG,YAAY;;EAEzB;AACF;AACA;AACA;EACEZ,WAAWA,CAACa,YAAY,EAAEC,gBAAgB,EAAE;IAC1C,KAAK,CAACD,YAAY,EAAEC,gBAAgB,CAAC;IACrC,MAAM;MAAEX;IAAS,CAAC,GAAGU,YAAY,CAACE,MAAM;IACxC;AACJ;AACA;AACA;IACI,IAAI,CAACC,SAAS,GAAGb,QAAQ;EAC3B;;EAEA;AACF;AACA;AACA;EACE,IAAIC,IAAIA,CAAA,EAAG;IACT,MAAMa,IAAI,GACR,IAAI,CAACC,UAAU,KAAK,UAAU,IAAI,CAAC,IAAI,CAACF,SAAS,CAACG,MAAM,GACpD,WAAW,GACX,IAAI,CAACH,SAAS;IAEpB,OAAO;MACLC,IAAI;MACJG,OAAO,EAAE,IAAI,CAACC,YAAY,CAAC,UAAU;IACvC,CAAC;EACH;;EAEA;AACF;AACA;AACA;EACEC,YAAYA,CAAA,EAAG;IACb,OAAO;MAAE,GAAG,KAAK,CAACA,YAAY,CAAC,CAAC;MAAEC,KAAK,EAAE,IAAI,CAACA,KAAK;MAAEnB,IAAI,EAAE,IAAI,CAACA;IAAK,CAAC;EACxE;;EAEA;AACF;AACA;EACE,IAAID,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACa,SAAS;EACvB;;EAEA;AACF;AACA;EACE,IAAIb,QAAQA,CAACqB,KAAK,EAAE;IAClB,IAAI,CAACR,SAAS,GAAGQ,KAAK;IACtB,IAAI,CAACC,MAAM,CAAC,CAAC;EACf;AACF;;AAEA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/radio-sortable.js

@@ -1,6 +1,11 @@
+import { ComponentType } from "../../../components/enums.js";
 import { ListSortableQuestion } from "./list-sortable.js";
-import { Question } from "../../../index.js";
+import { PreviewComponent } from "./preview.js";
 export class RadioSortableQuestion extends ListSortableQuestion {
-  _questionTemplate = Question.PATH + 'radios.njk';
+  _questionTemplate = PreviewComponent.PATH + 'radios.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.RadiosField;
 }
 //# sourceMappingURL=radio-sortable.js.map

package/dist/module/form/form-editor/preview/radio-sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-sortable.js","names":["ListSortableQuestion","Question","RadioSortableQuestion","_questionTemplate","PATH"],"sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { Question } from '~/src/index.js'\n\nexport class RadioSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = Question.PATH + 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,QAAQ;AAEjB,OAAO,MAAMC,qBAAqB,SAASF,oBAAoB,CAAC;EAC9DG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;AAClD","ignoreList":[]}
+{"version":3,"file":"radio-sortable.js","names":["ComponentType","ListSortableQuestion","PreviewComponent","RadioSortableQuestion","_questionTemplate","PATH","componentType","RadiosField"],"sources":["../../../../../src/form/form-editor/preview/radio-sortable.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class RadioSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'radios.njk'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.RadiosField\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,qBAAqB,SAASF,oBAAoB,CAAC;EAC9DG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,YAAY;EACxD;AACF;AACA;EACEC,aAAa,GAAGN,aAAa,CAACO,WAAW;AAC3C","ignoreList":[]}

package/dist/module/form/form-editor/preview/radio.js

@@ -1,6 +1,11 @@
+import { ComponentType } from "../../../components/enums.js";
 import { ListQuestion } from "./list.js";
-import { Question } from "../../../index.js";
+import { PreviewComponent } from "./preview.js";
 export class RadioQuestion extends ListQuestion {
-  _questionTemplate = Question.PATH + 'radios.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.RadiosField;
+  _questionTemplate = PreviewComponent.PATH + 'radios.njk';
 }
 //# sourceMappingURL=radio.js.map

package/dist/module/form/form-editor/preview/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","names":["ListQuestion","Question","RadioQuestion","_questionTemplate","PATH"],"sources":["../../../../../src/form/form-editor/preview/radio.js"],"sourcesContent":["import { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { Question } from '~/src/index.js'\n\nexport class RadioQuestion extends ListQuestion {\n  _questionTemplate = Question.PATH + 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,YAAY;AACrB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,aAAa,SAASF,YAAY,CAAC;EAC9CG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;AAClD","ignoreList":[]}
+{"version":3,"file":"radio.js","names":["ComponentType","ListQuestion","PreviewComponent","RadioQuestion","componentType","RadiosField","_questionTemplate","PATH"],"sources":["../../../../../src/form/form-editor/preview/radio.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class RadioQuestion extends ListQuestion {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.RadiosField\n  _questionTemplate = PreviewComponent.PATH + 'radios.njk'\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,SAASF,YAAY,CAAC;EAC9C;AACF;AACA;EACEG,aAAa,GAAGJ,aAAa,CAACK,WAAW;EACzCC,iBAAiB,GAAGJ,gBAAgB,CAACK,IAAI,GAAG,YAAY;AAC1D","ignoreList":[]}

package/dist/module/form/form-editor/preview/select-sortable.js

@@ -0,0 +1,38 @@
+import { ListSortableQuestion } from "./list-sortable.js";
+import { PreviewComponent } from "./preview.js";
+import { ComponentType } from "../../../index.js";
+export class SelectSortableQuestion extends ListSortableQuestion {
+  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk';
+  get selectList() {
+    return this.list.length ? [{
+      id: '',
+      value: '',
+      text: ' '
+    }, ...this.list] : this.list;
+  }
+
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.SelectField;
+  get renderInput() {
+    const afterInput = /** @type {{ formGroup?: { afterInputs: { html: string } } }} */
+    this.list.length ? {} : {
+      formGroup: {
+        afterInput: {
+          html: this._listElements.afterInputsHTML
+        }
+      }
+    };
+    return {
+      id: this._fieldName,
+      name: this._fieldName,
+      hint: this.hint,
+      label: this.label,
+      items: this.selectList,
+      classes: this.list.length ? '' : 'govuk-visually-hidden',
+      ...afterInput
+    };
+  }
+}
+//# sourceMappingURL=select-sortable.js.map

package/dist/module/form/form-editor/preview/select-sortable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select-sortable.js","names":["ListSortableQuestion","PreviewComponent","ComponentType","SelectSortableQuestion","_questionTemplate","PATH","selectList","list","length","id","value","text","componentType","SelectField","renderInput","afterInput","formGroup","html","_listElements","afterInputsHTML","_fieldName","name","hint","label","items","classes"],"sources":["../../../../../src/form/form-editor/preview/select-sortable.js"],"sourcesContent":["import { ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { ComponentType } from '~/src/index.js'\n\nexport class SelectSortableQuestion extends ListSortableQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n\n  get selectList() {\n    return this.list.length\n      ? [{ id: '', value: '', text: ' ' }, ...this.list]\n      : this.list\n  }\n\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n\n  get renderInput() {\n    const afterInput =\n      /** @type {{ formGroup?: { afterInputs: { html: string } } }} */ (\n        this.list.length\n          ? {}\n          : {\n              formGroup: {\n                afterInput: {\n                  html: this._listElements.afterInputsHTML\n                }\n              }\n            }\n      )\n\n    return {\n      id: this._fieldName,\n      name: this._fieldName,\n      hint: this.hint,\n      label: this.label,\n      items: this.selectList,\n      classes: this.list.length ? '' : 'govuk-visually-hidden',\n      ...afterInput\n    }\n  }\n}\n"],"mappings":"AAAA,SAASA,oBAAoB;AAC7B,SAASC,gBAAgB;AACzB,SAASC,aAAa;AAEtB,OAAO,MAAMC,sBAAsB,SAASH,oBAAoB,CAAC;EAC/DI,iBAAiB,GAAGH,gBAAgB,CAACI,IAAI,GAAG,iBAAiB;EAE7D,IAAIC,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACC,IAAI,CAACC,MAAM,GACnB,CAAC;MAAEC,EAAE,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAI,CAAC,EAAE,GAAG,IAAI,CAACJ,IAAI,CAAC,GAChD,IAAI,CAACA,IAAI;EACf;;EAEA;AACF;AACA;EACEK,aAAa,GAAGV,aAAa,CAACW,WAAW;EAEzC,IAAIC,WAAWA,CAAA,EAAG;IAChB,MAAMC,UAAU,GACd;IACE,IAAI,CAACR,IAAI,CAACC,MAAM,GACZ,CAAC,CAAC,GACF;MACEQ,SAAS,EAAE;QACTD,UAAU,EAAE;UACVE,IAAI,EAAE,IAAI,CAACC,aAAa,CAACC;QAC3B;MACF;IACF,CACL;IAEH,OAAO;MACLV,EAAE,EAAE,IAAI,CAACW,UAAU;MACnBC,IAAI,EAAE,IAAI,CAACD,UAAU;MACrBE,IAAI,EAAE,IAAI,CAACA,IAAI;MACfC,KAAK,EAAE,IAAI,CAACA,KAAK;MACjBC,KAAK,EAAE,IAAI,CAAClB,UAAU;MACtBmB,OAAO,EAAE,IAAI,CAAClB,IAAI,CAACC,MAAM,GAAG,EAAE,GAAG,uBAAuB;MACxD,GAAGO;IACL,CAAC;EACH;AACF","ignoreList":[]}

package/dist/module/form/form-editor/preview/select.js

@@ -0,0 +1,11 @@
+import { ComponentType } from "../../../components/enums.js";
+import { ListQuestion } from "./list.js";
+import { PreviewComponent } from "./preview.js";
+export class SelectQuestion extends ListQuestion {
+  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.SelectField;
+}
+//# sourceMappingURL=select.js.map

package/dist/module/form/form-editor/preview/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","names":["ComponentType","ListQuestion","PreviewComponent","SelectQuestion","_questionTemplate","PATH","componentType","SelectField"],"sources":["../../../../../src/form/form-editor/preview/select.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { ListQuestion } from '~/src/form/form-editor/preview/list.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class SelectQuestion extends ListQuestion {\n  _questionTemplate = PreviewComponent.PATH + 'selectfield.njk'\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.SelectField\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,cAAc,SAASF,YAAY,CAAC;EAC/CG,iBAAiB,GAAGF,gBAAgB,CAACG,IAAI,GAAG,iBAAiB;EAC7D;AACF;AACA;EACEC,aAAa,GAAGN,aAAa,CAACO,WAAW;AAC3C","ignoreList":[]}

package/dist/module/form/form-editor/preview/short-answer.js

@@ -1,3 +1,9 @@
+import { ComponentType } from "../../../components/enums.js";
 import { Question } from "./question.js";
-export class ShortAnswerQuestion extends Question {}
+export class ShortAnswerQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.TextField;
+}
 //# sourceMappingURL=short-answer.js.map

package/dist/module/form/form-editor/preview/short-answer.js.map

@@ -1 +1 @@
-{"version":3,"file":"short-answer.js","names":["Question","ShortAnswerQuestion"],"sources":["../../../../../src/form/form-editor/preview/short-answer.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class ShortAnswerQuestion extends Question {}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,SAASD,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"file":"short-answer.js","names":["ComponentType","Question","ShortAnswerQuestion","componentType","TextField"],"sources":["../../../../../src/form/form-editor/preview/short-answer.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class ShortAnswerQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.TextField\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,mBAAmB,SAASD,QAAQ,CAAC;EAChD;AACF;AACA;EACEE,aAAa,GAAGH,aAAa,CAACI,SAAS;AACzC","ignoreList":[]}

package/dist/module/form/form-editor/preview/supporting-evidence.js

@@ -1,10 +1,16 @@
+import { ComponentType } from "../../../components/enums.js";
+import { PreviewComponent } from "./preview.js";
 import { Question } from "./question.js";
 export class SupportingEvidenceQuestion extends Question {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.FileUploadField;
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = Question.PATH + 'fileuploadfield.njk';
+  _questionTemplate = PreviewComponent.PATH + 'fileuploadfield.njk';
   /**
    * @type {string}
    * @protected

package/dist/module/form/form-editor/preview/supporting-evidence.js.map

@@ -1 +1 @@
-{"version":3,"file":"supporting-evidence.js","names":["Question","SupportingEvidenceQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/supporting-evidence.js"],"sourcesContent":["import { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class SupportingEvidenceQuestion extends Question {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'fileuploadfield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'supportingEvidence'\n}\n"],"mappings":"AAAA,SAASA,QAAQ;AAEjB,OAAO,MAAMC,0BAA0B,SAASD,QAAQ,CAAC;EACvD;AACF;AACA;AACA;EACEE,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,qBAAqB;EACzD;AACF;AACA;AACA;EACEC,UAAU,GAAG,oBAAoB;AACnC","ignoreList":[]}
+{"version":3,"file":"supporting-evidence.js","names":["ComponentType","PreviewComponent","Question","SupportingEvidenceQuestion","componentType","FileUploadField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/supporting-evidence.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\nimport { Question } from '~/src/form/form-editor/preview/question.js'\n\nexport class SupportingEvidenceQuestion extends Question {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.FileUploadField\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'fileuploadfield.njk'\n  /**\n   * @type {string}\n   * @protected\n   */\n  _fieldName = 'supportingEvidence'\n}\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,0BAA0B,SAASD,QAAQ,CAAC;EACvD;AACF;AACA;EACEE,aAAa,GAAGJ,aAAa,CAACK,eAAe;EAC7C;AACF;AACA;AACA;EACEC,iBAAiB,GAAGL,gBAAgB,CAACM,IAAI,GAAG,qBAAqB;EACjE;AACF;AACA;AACA;EACEC,UAAU,GAAG,oBAAoB;AACnC","ignoreList":[]}

package/dist/module/form/form-editor/preview/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport {\n  type DateItem,\n  type ListElement,\n  type ListItemReadonly\n} from '~/src/form/form-editor/types.js'\n\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport interface QuestionBaseModel {\n  id?: string\n  name?: string\n  label?: DefaultComponent\n  hint?: DefaultComponent\n  fieldset?: GovukFieldset\n  readonly items?: ListItemReadonly[] | DateItem[]\n  text?: string\n  formGroup?: { afterInputs: { html: string } }\n  type?: 'text' | 'number' | 'boolean'\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface QuestionElements {\n  readonly values: BaseSettings\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface RenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../../src/form/form-editor/preview/types.ts"],"sourcesContent":["import {\n  type PagePreviewPanelMacro,\n  type QuestionBaseModel\n} from '~/src/form/form-editor/macros/types.js'\nimport { type AutocompleteQuestion } from '~/src/form/form-editor/preview/autocomplete.js'\nimport { type DateInputQuestion } from '~/src/form/form-editor/preview/date-input.js'\nimport { type EmailAddressQuestion } from '~/src/form/form-editor/preview/email-address.js'\nimport { type ListSortableQuestion } from '~/src/form/form-editor/preview/list-sortable.js'\nimport { type LongAnswerQuestion } from '~/src/form/form-editor/preview/long-answer.js'\nimport { type PhoneNumberQuestion } from '~/src/form/form-editor/preview/phone-number.js'\nimport { type Question } from '~/src/form/form-editor/preview/question.js'\nimport { type RadioSortableQuestion } from '~/src/form/form-editor/preview/radio-sortable.js'\nimport { type SelectSortableQuestion } from '~/src/form/form-editor/preview/select-sortable.js'\nimport { type ShortAnswerQuestion } from '~/src/form/form-editor/preview/short-answer.js'\nimport { type UkAddressQuestion } from '~/src/form/form-editor/preview/uk-address.js'\nimport { type ListElement } from '~/src/form/form-editor/types.js'\nexport { type QuestionBaseModel } from '~/src/form/form-editor/macros/types.js'\nexport interface BaseSettings {\n  question: string\n  hintText: string\n  optional: boolean\n  shortDesc: string\n  items: ListElement[]\n  content: string\n}\n\nexport interface DefaultComponent {\n  id?: string\n  text: string\n  classes: string\n}\n\nexport interface GovukFieldset {\n  legend: DefaultComponent\n}\n\nexport type ListenerRow = [\n  HTMLInputElement | null,\n  (target: HTMLInputElement, e: Event) => void,\n  keyof HTMLElementEventMap\n]\n\nexport interface QuestionElements {\n  readonly values: BaseSettings\n  setPreviewHTML(value: string): void\n  setPreviewDOM(element: HTMLElement): void\n}\nexport interface AutocompleteElements extends QuestionElements {\n  autocompleteOptions: string\n}\n\nexport interface RenderContext {\n  model: QuestionBaseModel\n}\n\nexport interface HTMLBuilder {\n  buildHTML(questionTemplate: string, renderContext: RenderContext): string\n}\n\nexport interface QuestionRenderer {\n  render(questionTemplate: string, questionBaseModel: QuestionBaseModel): void\n}\n\nexport interface PageRenderer {\n  render(pageTemplate: string, pagePreview: PagePreviewPanelMacro): void\n}\n\nexport interface ListElements extends QuestionElements {\n  afterInputsHTML: string\n}\n\nexport interface PageOverviewElements {\n  heading: string\n  guidance: string\n}\n\nexport type PreviewQuestion =\n  | DateInputQuestion\n  | EmailAddressQuestion\n  | ListSortableQuestion\n  | LongAnswerQuestion\n  | PhoneNumberQuestion\n  | Question\n  | RadioSortableQuestion\n  | SelectSortableQuestion\n  | ShortAnswerQuestion\n  | UkAddressQuestion\n  | AutocompleteQuestion\n"],"mappings":"","ignoreList":[]}

package/dist/module/form/form-editor/preview/uk-address.js

@@ -1,7 +1,12 @@
+import { ComponentType } from "../../../components/enums.js";
 import { FieldsetQuestion } from "./fieldset-question.js";
-import { Question } from "../../../index.js";
+import { PreviewComponent } from "./preview.js";
 export class UkAddressQuestion extends FieldsetQuestion {
-  _questionTemplate = Question.PATH + 'ukaddressfield.njk';
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.UkAddressField;
+  _questionTemplate = PreviewComponent.PATH + 'ukaddressfield.njk';
   _fieldName = 'addressField';
 }
 

package/dist/module/form/form-editor/preview/uk-address.js.map

@@ -1 +1 @@
-{"version":3,"file":"uk-address.js","names":["FieldsetQuestion","Question","UkAddressQuestion","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/index.js'\n\nexport class UkAddressQuestion extends FieldsetQuestion {\n  _questionTemplate = Question.PATH + 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtDG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,oBAAoB;EACxDC,UAAU,GAAG,cAAc;AAC7B;;AAEA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"uk-address.js","names":["ComponentType","FieldsetQuestion","PreviewComponent","UkAddressQuestion","componentType","UkAddressField","_questionTemplate","PATH","_fieldName"],"sources":["../../../../../src/form/form-editor/preview/uk-address.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class UkAddressQuestion extends FieldsetQuestion {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.UkAddressField\n  _questionTemplate = PreviewComponent.PATH + 'ukaddressfield.njk'\n  _fieldName = 'addressField'\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,iBAAiB,SAASF,gBAAgB,CAAC;EACtD;AACF;AACA;EACEG,aAAa,GAAGJ,aAAa,CAACK,cAAc;EAC5CC,iBAAiB,GAAGJ,gBAAgB,CAACK,IAAI,GAAG,oBAAoB;EAChEC,UAAU,GAAG,cAAc;AAC7B;;AAEA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/preview/yes-no.js

@@ -1,11 +1,16 @@
+import { ComponentType } from "../../../components/enums.js";
 import { FieldsetQuestion } from "./fieldset-question.js";
-import { Question } from "../../../index.js";
+import { PreviewComponent } from "./preview.js";
 export class YesNoQuestion extends FieldsetQuestion {
+  /**
+   * @type {ComponentType}
+   */
+  componentType = ComponentType.YesNoField;
   /**
    * @type {string}
    * @protected
    */
-  _questionTemplate = Question.PATH + 'radios.njk';
+  _questionTemplate = PreviewComponent.PATH + 'radios.njk';
   _fieldName = 'yesNo';
 
   /**

package/dist/module/form/form-editor/preview/yes-no.js.map

@@ -1 +1 @@
-{"version":3,"file":"yes-no.js","names":["FieldsetQuestion","Question","YesNoQuestion","_questionTemplate","PATH","_fieldName","customRenderFields","type","items","id","text","value","label","classes"],"sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"sourcesContent":["import { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { Question } from '~/src/index.js'\n\nexport class YesNoQuestion extends FieldsetQuestion {\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = Question.PATH + 'radios.njk'\n  _fieldName = 'yesNo'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    /**\n     *\n     */\n    return {\n      type: 'boolean',\n      items: /** @type {ListElement[]} */ ([\n        {\n          id: 'yesNo-yes',\n          text: 'Yes',\n          value: true,\n          label: {\n            text: 'Yes',\n            classes: ''\n          }\n        },\n        {\n          id: 'yesNo-no',\n          text: 'No',\n          value: false,\n          label: {\n            text: 'No',\n            classes: ''\n          }\n        }\n      ])\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,gBAAgB;AACzB,SAASC,QAAQ;AAEjB,OAAO,MAAMC,aAAa,SAASF,gBAAgB,CAAC;EAClD;AACF;AACA;AACA;EACEG,iBAAiB,GAAGF,QAAQ,CAACG,IAAI,GAAG,YAAY;EAChDC,UAAU,GAAG,OAAO;;EAEpB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB;AACJ;AACA;IACI,OAAO;MACLC,IAAI,EAAE,SAAS;MACfC,KAAK,GAAE,4BAA8B,CACnC;QACEC,EAAE,EAAE,WAAW;QACfC,IAAI,EAAE,KAAK;QACXC,KAAK,EAAE,IAAI;QACXC,KAAK,EAAE;UACLF,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE;QACX;MACF,CAAC,EACD;QACEJ,EAAE,EAAE,UAAU;QACdC,IAAI,EAAE,IAAI;QACVC,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE;UACLF,IAAI,EAAE,IAAI;UACVG,OAAO,EAAE;QACX;MACF,CAAC,CACF;IACH,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"file":"yes-no.js","names":["ComponentType","FieldsetQuestion","PreviewComponent","YesNoQuestion","componentType","YesNoField","_questionTemplate","PATH","_fieldName","customRenderFields","type","items","id","text","value","label","classes"],"sources":["../../../../../src/form/form-editor/preview/yes-no.js"],"sourcesContent":["import { ComponentType } from '~/src/components/enums.js'\nimport { FieldsetQuestion } from '~/src/form/form-editor/preview/fieldset-question.js'\nimport { PreviewComponent } from '~/src/form/form-editor/preview/preview.js'\n\nexport class YesNoQuestion extends FieldsetQuestion {\n  /**\n   * @type {ComponentType}\n   */\n  componentType = ComponentType.YesNoField\n  /**\n   * @type {string}\n   * @protected\n   */\n  _questionTemplate = PreviewComponent.PATH + 'radios.njk'\n  _fieldName = 'yesNo'\n\n  /**\n   * @returns {Partial<QuestionBaseModel>}\n   */\n  get customRenderFields() {\n    /**\n     *\n     */\n    return {\n      type: 'boolean',\n      items: /** @type {ListElement[]} */ ([\n        {\n          id: 'yesNo-yes',\n          text: 'Yes',\n          value: true,\n          label: {\n            text: 'Yes',\n            classes: ''\n          }\n        },\n        {\n          id: 'yesNo-no',\n          text: 'No',\n          value: false,\n          label: {\n            text: 'No',\n            classes: ''\n          }\n        }\n      ])\n    }\n  }\n}\n\n/**\n * @import { QuestionBaseModel } from '~/src/form/form-editor/preview/types.js'\n * @import { ListElement } from '~/src/form/form-editor/types.js'\n */\n"],"mappings":"AAAA,SAASA,aAAa;AACtB,SAASC,gBAAgB;AACzB,SAASC,gBAAgB;AAEzB,OAAO,MAAMC,aAAa,SAASF,gBAAgB,CAAC;EAClD;AACF;AACA;EACEG,aAAa,GAAGJ,aAAa,CAACK,UAAU;EACxC;AACF;AACA;AACA;EACEC,iBAAiB,GAAGJ,gBAAgB,CAACK,IAAI,GAAG,YAAY;EACxDC,UAAU,GAAG,OAAO;;EAEpB;AACF;AACA;EACE,IAAIC,kBAAkBA,CAAA,EAAG;IACvB;AACJ;AACA;IACI,OAAO;MACLC,IAAI,EAAE,SAAS;MACfC,KAAK,GAAE,4BAA8B,CACnC;QACEC,EAAE,EAAE,WAAW;QACfC,IAAI,EAAE,KAAK;QACXC,KAAK,EAAE,IAAI;QACXC,KAAK,EAAE;UACLF,IAAI,EAAE,KAAK;UACXG,OAAO,EAAE;QACX;MACF,CAAC,EACD;QACEJ,EAAE,EAAE,UAAU;QACdC,IAAI,EAAE,IAAI;QACVC,KAAK,EAAE,KAAK;QACZC,KAAK,EAAE;UACLF,IAAI,EAAE,IAAI;UACVG,OAAO,EAAE;QACX;MACF,CAAC,CACF;IACH,CAAC;EACH;AACF;;AAEA;AACA;AACA;AACA","ignoreList":[]}

package/dist/module/form/form-editor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-editor/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport { type ComponentDef } from '~/src/components/types.js'\nimport {\n  type ConditionWrapperV2,\n  type DateDirections,\n  type DateUnits,\n  type Item\n} from '~/src/index.js'\n\n/**\n * Interface for `FormEditor` Joi schema\n */\nexport interface FormEditor {\n  /**\n   * The type of the page\n   */\n  pageType: string\n\n  /**\n   * The type of the question\n   */\n  questionType: string | undefined\n\n  /**\n   * The sub-type of written answer\n   */\n  writtenAnswerSub: string\n\n  /**\n   * The sub-type of date\n   */\n  dateSub: string\n\n  /**\n   * The sub-type of lists\n   */\n  listSub: string\n\n  /**\n   * The name of the question (unique id)\n   */\n  name: string\n\n  /**\n   * The text of the question\n   */\n  question: string\n\n  /**\n   * The hint text of the question\n   */\n  hintText: string\n\n  /**\n   * Denotes if the question is optional\n   */\n  questionOptional: string\n\n  /**\n   * The short description of the question\n   */\n  shortDescription: string\n\n  /**\n   * The value of checkbox to reveal heading and guidance section\n   */\n  pageHeadingAndGuidance: string\n\n  /**\n   * The page heading\n   */\n  pageHeading: string\n\n  /**\n   * The page guidance text\n   */\n  guidanceText: string\n\n  /**\n   * The value of checkbox to reveal repeater section\n   */\n  repeater: string\n\n  /**\n   * The maximum number of repeater items\n   */\n  minItems: number\n\n  /**\n   * The minimum number of repeater items\n   */\n  maxItems: number\n\n  /**\n   * The repeater question set name\n   */\n  questionSetName: string\n\n  /**\n   * The value of radio to reveal declaration text field\n   */\n  needDeclaration: string\n\n  /**\n   * The check answers declaration text\n   */\n  declarationText: string\n\n  /**\n   * The min length a field can have\n   */\n  minLength: string\n\n  /**\n   * The max length a field can have\n   */\n  maxLength: string\n\n  /**\n   * The regex value of a field\n   */\n  regex: string\n\n  /**\n   * The number of rows of a textarea\n   */\n  rows: string\n\n  /**\n   * The classes to be applied to a field\n   */\n  classes: string\n\n  /**\n   * The prefix to be applied to a field\n   */\n  prefix: string\n\n  /**\n   * The suffix to be applied to a field\n   */\n  suffix: string\n\n  /**\n   * The decimal precision of a number field\n   */\n  precision: string\n\n  /**\n   * The lowest number allowed in a field\n   */\n  min: string\n\n  /**\n   * The highest number allowed in a field\n   */\n  max: string\n\n  /**\n   * The maximum days in the future to allow for a date\n   */\n  maxFuture: string\n\n  /**\n   * The maximum days in the past to allow for a date\n   */\n  maxPast: string\n\n  /**\n   * The exact number of files to upload\n   */\n  exactFiles: string\n\n  /**\n   * The minimum number of files to upload\n   */\n  minFiles: string\n\n  /**\n   * The maximum number of files to upload\n   */\n  maxFiles: string\n\n  /**\n   * The type of files for upload\n   */\n  fileTypes: string[]\n\n  /**\n   * The types of document files for upload\n   */\n  documentTypes: string[]\n\n  /**\n   * The types of image files for upload\n   */\n  imageTypes: string[]\n\n  /**\n   * The types of tabular data files for upload\n   */\n  tabularDataTypes: string[]\n\n  /**\n   * The action required from within a sub-section\n   */\n  enhancedAction: string\n\n  /**\n   * Placeholder for inserted section to handle adding/editing radios or checkboxes\n   */\n  radiosOrCheckboxes: string\n\n  /**\n   * The unique id of the radio item\n   */\n  radioId: string\n\n  /**\n   * The display text of the radio item\n   */\n  radioText?: string\n\n  /**\n   * The hint of the radio item\n   */\n  radioHint?: string\n\n  /**\n   * The value of the radio item\n   */\n  radioValue?: string\n\n  /**\n   * The list name to be applied to a field (if applicable)\n   */\n  list: string\n\n  /**\n   * List items in JSON format, such as for radios ro checkboxes\n   */\n  listItemsData: string\n\n  /**\n   * An array of options for autocomplete\n   */\n  autoCompleteOptions: Item[]\n\n  /**\n   * Set to 'true' is Javascript is enabled\n   */\n  jsEnabled: string\n\n  /**\n   * List item id for conditions\n   */\n  itemId: string\n\n  /**\n   * Relative date period for conditions\n   */\n  period: string\n\n  /**\n   * Relative date unit for conditions\n   */\n  unit: DateUnits\n\n  /**\n   * Relative date direction for conditions\n   */\n  direction: DateDirections\n}\n\nexport type FormEditorInputPage = Pick<\n  FormEditor,\n  'pageType' | 'questionType' | 'writtenAnswerSub' | 'dateSub' | 'listSub'\n>\n\nexport type FormEditorInputCheckAnswersSettings = Pick<\n  FormEditor,\n  'needDeclaration' | 'declarationText'\n>\n\nexport type FormEditorInputQuestion = Pick<\n  FormEditor,\n  | 'questionType'\n  | 'name'\n  | 'question'\n  | 'shortDescription'\n  | 'hintText'\n  | 'questionOptional'\n  | 'minLength'\n  | 'maxLength'\n  | 'regex'\n  | 'rows'\n  | 'classes'\n  | 'prefix'\n  | 'suffix'\n  | 'precision'\n  | 'min'\n  | 'max'\n  | 'maxFuture'\n  | 'maxPast'\n  | 'exactFiles'\n  | 'minFiles'\n  | 'maxFiles'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'list'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport type FormEditorInputPageSettings = Pick<\n  FormEditor,\n  | 'pageHeadingAndGuidance'\n  | 'pageHeading'\n  | 'guidanceText'\n  | 'repeater'\n  | 'minItems'\n  | 'maxItems'\n  | 'questionSetName'\n>\n\nexport type FormEditorInputGuidancePage = Pick<\n  FormEditor,\n  'pageHeading' | 'guidanceText'\n>\n\nexport type FormEditorInputQuestionDetails = Pick<\n  FormEditorInputQuestion,\n  | 'question'\n  | 'hintText'\n  | 'shortDescription'\n  | 'questionOptional'\n  | 'questionType'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport interface ListItem {\n  id?: string\n  text?: string\n  hint?: {\n    text: string\n  }\n  value?: string | boolean\n}\n\nexport interface ListLabel {\n  text: string\n  classes: string\n}\n\nexport interface ListElement extends ListItem {\n  readonly id: string\n  text: string\n  value: string | boolean\n  label?: ListLabel\n}\n\nexport interface ReadonlyHint {\n  readonly text: string\n}\n\nexport interface ListItemReadonly extends ListElement {\n  readonly text: string\n  readonly hint?: ReadonlyHint\n  readonly value: string | boolean\n  readonly label?: ListLabel\n}\n\nexport interface DateItem {\n  name: string\n  classes: string\n}\n\nexport interface QuestionSessionState {\n  questionType?: ComponentType\n  questionDetails?: Partial<ComponentDef>\n  editRow?: {\n    radioId?: string\n    radioText?: string\n    radioHint?: string\n    radioValue?: string | boolean\n    expanded?: boolean\n  }\n  listItems?: ListItem[]\n  isReordering?: boolean\n  lastMovedId?: string\n  lastMoveDirection?: string\n}\n\nexport interface ConditionSessionState {\n  id?: string\n  stateId?: string\n  conditionWrapper?: ConditionWrapperV2\n  originalConditionWrapper?: ConditionWrapperV2\n}\n\nexport interface GovukFieldItem {\n  text?: string\n  value?: string\n  checked?: boolean\n}\n\nexport interface GovukField {\n  id?: string\n  name?: string\n  idPrefix?: string\n  fieldset?: {\n    legend?: { text?: string; isPageHeading?: boolean; classes?: string }\n  }\n  value?: string | boolean | number | string[] | Item[]\n  classes?: string\n  label?: {\n    text?: string\n    html?: string\n    classes?: string\n    isPageHeading?: boolean\n  }\n  hint?: { text?: string; html?: string; classes?: string }\n  items?: GovukFieldItem[]\n  rows?: number\n  type?: string\n  customTemplate?: string\n}\n\nexport type GovukFieldQuestionOptional = Omit<GovukField, 'name' | 'items'> & {\n  name: 'questionOptional'\n  items: [\n    {\n      text?: string\n      value?: string\n      checked: boolean\n    }\n  ]\n}\n\nexport type GovukStringField = Omit<GovukField, 'value'> & { value: string }\n\nexport interface FormEditorGovukField {\n  question?: GovukField\n  hintText?: GovukField\n  questionOptional?: GovukField\n  shortDescription?: GovukField\n  fileTypes?: GovukField\n  documentTypes?: GovukField\n  imageTypes?: GovukField\n  tabularDataTypes?: GovukField\n  radiosOrCheckboxes?: GovukField\n  autoCompleteOptions?: GovukField\n  errorMessage?: { text: string }\n}\n\nexport type FormEditorGovukFieldBase = Omit<\n  FormEditorGovukField,\n  'errorMessage'\n>\n\nexport type FormEditorGovukFieldBaseKeys = keyof FormEditorGovukFieldBase\n\nexport interface FormEditorCheckbox {\n  text?: string\n  hint?: {\n    text?: string\n  }\n  value?: string\n  divider?: {\n    text?: string\n    hint?: string\n    value?: string\n  }\n}\n\nexport type AdvancedFieldMappingsType = Record<\n  ComponentType,\n  Record<string, string>\n>\n\nexport type HTMLElementOrNull = HTMLElement | null\n\nexport type HTMLInputElementOrNull = HTMLInputElement | null\n\nexport interface ErrorPreviewFieldMappingDef {\n  min?: { fieldName: string; placeholder: string }\n  max?: { fieldName: string; placeholder: string }\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/form/form-editor/types.ts"],"sourcesContent":["import { type ComponentType } from '~/src/components/enums.js'\nimport { type ComponentDef } from '~/src/components/types.js'\nimport {\n  type ConditionWrapperV2,\n  type DateDirections,\n  type DateUnits,\n  type Item\n} from '~/src/index.js'\n\n/**\n * Interface for `FormEditor` Joi schema\n */\nexport interface FormEditor {\n  /**\n   * The type of the page\n   */\n  pageType: string\n\n  /**\n   * The type of the question\n   */\n  questionType: string | undefined\n\n  /**\n   * The sub-type of written answer\n   */\n  writtenAnswerSub: string\n\n  /**\n   * The sub-type of date\n   */\n  dateSub: string\n\n  /**\n   * The sub-type of lists\n   */\n  listSub: string\n\n  /**\n   * The name of the question (unique id)\n   */\n  name: string\n\n  /**\n   * The text of the question\n   */\n  question: string\n\n  /**\n   * The hint text of the question\n   */\n  hintText: string\n\n  /**\n   * Denotes if the question is optional\n   */\n  questionOptional: string\n\n  /**\n   * The short description of the question\n   */\n  shortDescription: string\n\n  /**\n   * The value of checkbox to reveal heading and guidance section\n   */\n  pageHeadingAndGuidance: string\n\n  /**\n   * The page heading\n   */\n  pageHeading: string\n\n  /**\n   * The page guidance text\n   */\n  guidanceText: string\n\n  /**\n   * The value of checkbox to reveal repeater section\n   */\n  repeater: string\n\n  /**\n   * The maximum number of repeater items\n   */\n  minItems: number\n\n  /**\n   * The minimum number of repeater items\n   */\n  maxItems: number\n\n  /**\n   * The repeater question set name\n   */\n  questionSetName: string\n\n  /**\n   * The value of radio to reveal declaration text field\n   */\n  needDeclaration: string\n\n  /**\n   * The check answers declaration text\n   */\n  declarationText: string\n\n  /**\n   * The min length a field can have\n   */\n  minLength: string\n\n  /**\n   * The max length a field can have\n   */\n  maxLength: string\n\n  /**\n   * The regex value of a field\n   */\n  regex: string\n\n  /**\n   * The number of rows of a textarea\n   */\n  rows: string\n\n  /**\n   * The classes to be applied to a field\n   */\n  classes: string\n\n  /**\n   * The prefix to be applied to a field\n   */\n  prefix: string\n\n  /**\n   * The suffix to be applied to a field\n   */\n  suffix: string\n\n  /**\n   * The decimal precision of a number field\n   */\n  precision: string\n\n  /**\n   * The lowest number allowed in a field\n   */\n  min: string\n\n  /**\n   * The highest number allowed in a field\n   */\n  max: string\n\n  /**\n   * The maximum days in the future to allow for a date\n   */\n  maxFuture: string\n\n  /**\n   * The maximum days in the past to allow for a date\n   */\n  maxPast: string\n\n  /**\n   * The exact number of files to upload\n   */\n  exactFiles: string\n\n  /**\n   * The minimum number of files to upload\n   */\n  minFiles: string\n\n  /**\n   * The maximum number of files to upload\n   */\n  maxFiles: string\n\n  /**\n   * The type of files for upload\n   */\n  fileTypes: string[]\n\n  /**\n   * The types of document files for upload\n   */\n  documentTypes: string[]\n\n  /**\n   * The types of image files for upload\n   */\n  imageTypes: string[]\n\n  /**\n   * The types of tabular data files for upload\n   */\n  tabularDataTypes: string[]\n\n  /**\n   * The action required from within a sub-section\n   */\n  enhancedAction: string\n\n  /**\n   * Placeholder for inserted section to handle adding/editing radios or checkboxes\n   */\n  radiosOrCheckboxes: string\n\n  /**\n   * The unique id of the radio item\n   */\n  radioId: string\n\n  /**\n   * The display text of the radio item\n   */\n  radioText?: string\n\n  /**\n   * The hint of the radio item\n   */\n  radioHint?: string\n\n  /**\n   * The value of the radio item\n   */\n  radioValue?: string\n\n  /**\n   * The list name to be applied to a field (if applicable)\n   */\n  list: string\n\n  /**\n   * List items in JSON format, such as for radios ro checkboxes\n   */\n  listItemsData: string\n\n  /**\n   * An array of options for autocomplete\n   */\n  autoCompleteOptions: Item[]\n\n  /**\n   * Set to 'true' is Javascript is enabled\n   */\n  jsEnabled: string\n\n  /**\n   * List item id for conditions\n   */\n  itemId: string\n\n  /**\n   * Relative date period for conditions\n   */\n  period: string\n\n  /**\n   * Relative date unit for conditions\n   */\n  unit: DateUnits\n\n  /**\n   * Relative date direction for conditions\n   */\n  direction: DateDirections\n}\n\nexport type FormEditorInputPage = Pick<\n  FormEditor,\n  'pageType' | 'questionType' | 'writtenAnswerSub' | 'dateSub' | 'listSub'\n>\n\nexport type FormEditorInputCheckAnswersSettings = Pick<\n  FormEditor,\n  'needDeclaration' | 'declarationText'\n>\n\nexport type FormEditorInputQuestion = Pick<\n  FormEditor,\n  | 'questionType'\n  | 'name'\n  | 'question'\n  | 'shortDescription'\n  | 'hintText'\n  | 'questionOptional'\n  | 'minLength'\n  | 'maxLength'\n  | 'regex'\n  | 'rows'\n  | 'classes'\n  | 'prefix'\n  | 'suffix'\n  | 'precision'\n  | 'min'\n  | 'max'\n  | 'maxFuture'\n  | 'maxPast'\n  | 'exactFiles'\n  | 'minFiles'\n  | 'maxFiles'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'list'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\nexport type FormEditorInputPageSettings = Pick<\n  FormEditor,\n  | 'pageHeadingAndGuidance'\n  | 'pageHeading'\n  | 'guidanceText'\n  | 'repeater'\n  | 'minItems'\n  | 'maxItems'\n  | 'questionSetName'\n>\n\nexport type FormEditorInputGuidancePage = Pick<\n  FormEditor,\n  'pageHeading' | 'guidanceText'\n>\n\nexport type FormEditorInputQuestionDetails = Pick<\n  FormEditorInputQuestion,\n  | 'question'\n  | 'hintText'\n  | 'shortDescription'\n  | 'questionOptional'\n  | 'questionType'\n  | 'fileTypes'\n  | 'documentTypes'\n  | 'imageTypes'\n  | 'tabularDataTypes'\n  | 'autoCompleteOptions'\n  | 'enhancedAction'\n  | 'radioId'\n  | 'radioText'\n  | 'radioHint'\n  | 'radioValue'\n  | 'listItemsData'\n  | 'jsEnabled'\n>\n\ntype ListValue = string | boolean | number\n\nexport interface ListItem {\n  id?: string\n  text?: string\n  hint?: {\n    text: string\n  }\n  value?: ListValue\n}\n\nexport interface ListLabel {\n  text: string\n  classes: string\n}\n\nexport interface ListElement extends ListItem {\n  readonly id: string\n  text: string\n  value: ListValue\n  label?: ListLabel\n}\n\nexport interface ReadonlyHint {\n  readonly text: string\n}\n\nexport interface ListItemReadonly extends ListElement {\n  readonly text: string\n  readonly hint?: ReadonlyHint\n  readonly value: ListValue\n  readonly label?: ListLabel\n}\n\nexport interface DateItem {\n  name: string\n  classes: string\n}\n\nexport interface QuestionSessionState {\n  questionType?: ComponentType\n  questionDetails?: Partial<ComponentDef>\n  editRow?: {\n    radioId?: string\n    radioText?: string\n    radioHint?: string\n    radioValue?: ListValue\n    expanded?: boolean\n  }\n  listItems?: ListItem[]\n  isReordering?: boolean\n  lastMovedId?: string\n  lastMoveDirection?: string\n}\n\nexport interface ConditionSessionState {\n  id?: string\n  stateId?: string\n  conditionWrapper?: ConditionWrapperV2\n  originalConditionWrapper?: ConditionWrapperV2\n}\n\nexport interface GovukFieldItem {\n  text?: string\n  value?: string\n  checked?: boolean\n}\n\nexport interface GovukField {\n  id?: string\n  name?: string\n  idPrefix?: string\n  fieldset?: {\n    legend?: { text?: string; isPageHeading?: boolean; classes?: string }\n  }\n  value?: string | boolean | number | string[] | Item[]\n  classes?: string\n  label?: {\n    text?: string\n    html?: string\n    classes?: string\n    isPageHeading?: boolean\n  }\n  hint?: { text?: string; html?: string; classes?: string }\n  items?: GovukFieldItem[]\n  rows?: number\n  type?: string\n  customTemplate?: string\n}\n\nexport type GovukFieldQuestionOptional = Omit<GovukField, 'name' | 'items'> & {\n  name: 'questionOptional'\n  items: [\n    {\n      text?: string\n      value?: string\n      checked: boolean\n    }\n  ]\n}\n\nexport type GovukStringField = Omit<GovukField, 'value'> & { value: string }\n\nexport interface FormEditorGovukField {\n  question?: GovukField\n  hintText?: GovukField\n  questionOptional?: GovukField\n  shortDescription?: GovukField\n  fileTypes?: GovukField\n  documentTypes?: GovukField\n  imageTypes?: GovukField\n  tabularDataTypes?: GovukField\n  radiosOrCheckboxes?: GovukField\n  autoCompleteOptions?: GovukField\n  errorMessage?: { text: string }\n}\n\nexport type FormEditorGovukFieldBase = Omit<\n  FormEditorGovukField,\n  'errorMessage'\n>\n\nexport type FormEditorGovukFieldBaseKeys = keyof FormEditorGovukFieldBase\n\nexport interface FormEditorCheckbox {\n  text?: string\n  hint?: {\n    text?: string\n  }\n  value?: string\n  divider?: {\n    text?: string\n    hint?: string\n    value?: string\n  }\n}\n\nexport type AdvancedFieldMappingsType = Record<\n  ComponentType,\n  Record<string, string>\n>\n\nexport type HTMLElementOrNull = HTMLElement | null\n\nexport type HTMLInputElementOrNull = HTMLInputElement | null\n\nexport interface ErrorPreviewFieldMappingDef {\n  min?: { fieldName: string; placeholder: string }\n  max?: { fieldName: string; placeholder: string }\n}\n"],"mappings":"","ignoreList":[]}

package/dist/module/form/form-metadata/index.js

@@ -36,11 +36,7 @@ export const submissionGuidanceSchema = Joi.string().trim().description('Guidanc
 export const privacyNoticeUrlSchema = Joi.string().uri({
   scheme: ['http', 'https']
 }).trim().description('URL to the privacy notice for this form');
-export const notificationEmailAddressSchema = Joi.string().email({
-  tlds: {
-    allow: ['uk']
-  }
-}).trim().pattern(/\.gov\.uk$|\.org\.uk$/).description('Email address to receive form submission notifications, must be a .gov.uk or .org.uk address');
+export const notificationEmailAddressSchema = Joi.string().email().trim().description('Email address to receive form submission notifications');
 export const authoredAtSchema = Joi.date().iso().required().description('ISO format timestamp of when an action occurred');
 export const authorIdSchema = Joi.string().trim().required().description('Unique identifier for the author');
 export const authorDisplayNameSchema = Joi.string().trim().required().description('Human-readable name of the author');