@ukhomeoffice/cop-react-form-renderer 5.14.0 → 5.14.4

package/dist/utils/Validate/validatePage.test.js

@@ -2,56 +2,50 @@
 
 var _models = require("../../models");
 var _validatePage = _interopRequireDefault(require("./validatePage"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-describe('utils.Validate.Page', function () {
-  var setup = function setup(id, type, label, required) {
-    return {
-      id: id,
-      fieldId: id,
-      type: type,
-      label: label,
-      required: required
-    };
-  };
-  describe('with FormPage', function () {
-    it('should return no error when the components array is null', function () {
-      var PAGE = {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Local imports
+
+describe('utils.Validate.Page', () => {
+  const setup = (id, type, label, required) => ({
+    id,
+    fieldId: id,
+    type,
+    label,
+    required
+  });
+  describe('with FormPage', () => {
+    it('should return no error when the components array is null', () => {
+      const PAGE = {
         components: null,
         formData: null
       };
       expect((0, _validatePage.default)(PAGE).length).toEqual(0);
     });
-    it('should return no error when the components array is empty', function () {
-      var PAGE = {
+    it('should return no error when the components array is empty', () => {
+      const PAGE = {
         components: [],
         formData: null
       };
       expect((0, _validatePage.default)(PAGE).length).toEqual(0);
     });
-    describe('when there is no form data', function () {
-      it('should return no errors when no components are required', function () {
-        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', false), setup('b', _models.ComponentTypes.TEXT, 'Bravo', false)];
-        var PAGE = {
+    describe('when there is no form data', () => {
+      it('should return no errors when no components are required', () => {
+        const COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', false), setup('b', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        const PAGE = {
           components: COMPONENTS,
           formData: null
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return an error for each required component', function () {
-        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+      it('should return an error for each required component', () => {
+        const COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
         // The only unrequired one
         setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
           formData: null
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(4);
         expect(RESULT[0]).toEqual({
           id: 'a',
@@ -70,18 +64,18 @@ describe('utils.Validate.Page', function () {
           error: 'Echo is required'
         });
       });
-      it('should return an error for each required component on a collection page', function () {
-        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+      it('should return an error for each required component on a collection page', () => {
+        const COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
         // The only unrequired one
         setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
           collection: {
             name: 'testCollection'
           },
           formData: null
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(4);
         expect(RESULT[0]).toEqual({
           id: 'a',
@@ -100,8 +94,8 @@ describe('utils.Validate.Page', function () {
           error: 'Echo is required'
         });
       });
-      it('should return an error for each required component with interpolated label', function () {
-        var COMPONENTS = [
+      it('should return an error for each required component with interpolated label', () => {
+        const COMPONENTS = [
         // eslint-disable-next-line no-template-curly-in-string
         setup('a', _models.ComponentTypes.TEXT, 'Alpha ${tiger}', true),
         // eslint-disable-next-line no-template-curly-in-string
@@ -112,7 +106,7 @@ describe('utils.Validate.Page', function () {
         setup('d', _models.ComponentTypes.CHECKBOXES, 'Delta ${lion}', true),
         // eslint-disable-next-line no-template-curly-in-string
         setup('e', _models.ComponentTypes.FILE, 'Echo ${zoo}', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
           formData: {
             tiger: 'Tiger',
@@ -122,114 +116,114 @@ describe('utils.Validate.Page', function () {
             zoo: 'Zoo'
           }
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(5);
         expect(RESULT[0]).toEqual({
           id: 'a',
-          error: "Alpha ".concat(PAGE.formData.tiger, " is required")
+          error: `Alpha ${PAGE.formData.tiger} is required`
         });
         expect(RESULT[1]).toEqual({
           id: 'b',
-          error: "Bravo ".concat(PAGE.formData.panther, " is required")
+          error: `Bravo ${PAGE.formData.panther} is required`
         });
         expect(RESULT[2]).toEqual({
           id: 'c',
-          error: "Charlie ".concat(PAGE.formData.eagle, " is required")
+          error: `Charlie ${PAGE.formData.eagle} is required`
         });
         expect(RESULT[3]).toEqual({
           id: 'd',
-          error: "Delta ".concat(PAGE.formData.lion, " is required")
+          error: `Delta ${PAGE.formData.lion} is required`
         });
         expect(RESULT[4]).toEqual({
           id: 'e',
-          error: "Echo ".concat(PAGE.formData.zoo, " is required")
+          error: `Echo ${PAGE.formData.zoo} is required`
         });
       });
     });
-    describe('when the form data is fully valid', function () {
-      var DATA = {
+    describe('when the form data is fully valid', () => {
+      const DATA = {
         alpha: 'alpha.smith@digital.homeoffice.gov.uk',
         bravo: 'bravo.jones@digital.homeoffice.gov.uk'
       };
-      it('should return no errors when none of the components are required or email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
-        var PAGE = {
+      it('should return no errors when none of the components are required or email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when all of the components are required but not email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
-        var PAGE = {
+      it('should return no errors when all of the components are required but not email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when none of the components are required but are all email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
-        var PAGE = {
+      it('should return no errors when none of the components are required but are all email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when all of the components are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
-        var PAGE = {
+      it('should return no errors when all of the components are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
     });
-    describe('when the form data has one field missing and includes an invalid email', function () {
-      var DATA = {
+    describe('when the form data has one field missing and includes an invalid email', () => {
+      const DATA = {
         alpha: 'alpha.smith@digital.homeoffice.gov.uk',
         bravo: 'bravo.jones@hotmail.com'
       };
-      it('should return no errors when none of the components are required or email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
-        var PAGE = {
+      it('should return no errors when none of the components are required or email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
+        const PAGE = {
           components: COMPONENTS,
           formData: null
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return an error for the missing field when all are required but not email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
-        var PAGE = {
+      it('should return an error for the missing field when all are required but not email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(1);
         expect(RESULT[0]).toEqual({
           id: 'charlie',
           error: 'Charlie is required'
         });
       });
-      it('should return an error for the invalid email field when none are required but all email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
-        var PAGE = {
+      it('should return an error for the invalid email field when none are required but all email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(1);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
           error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
         });
       });
-      it('should return an error for both invalid fields when all are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
-        var PAGE = {
+      it('should return an error for both invalid fields when all are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
+        const PAGE = {
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(2);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
@@ -240,84 +234,87 @@ describe('utils.Validate.Page', function () {
           error: 'Charlie is required'
         });
       });
-      it('should return an interpolated error for both invalid fields when all are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
+      it('should return an interpolated error for both invalid fields when all are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
         // eslint-disable-next-line no-template-curly-in-string
         setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo ${lion}', true),
         // eslint-disable-next-line no-template-curly-in-string
         setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie ${panther}', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
-          formData: _objectSpread(_objectSpread({}, DATA), {}, {
+          formData: {
+            ...DATA,
             lion: 'Lion',
             panther: 'Panther'
-          })
+          }
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(2);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
-          error: "Enter bravo ".concat(PAGE.formData.lion, " in the correct format, like jane.doe@homeoffice.gov.uk")
+          error: `Enter bravo ${PAGE.formData.lion} in the correct format, like jane.doe@homeoffice.gov.uk`
         });
         expect(RESULT[1]).toEqual({
           id: 'charlie',
-          error: "Charlie ".concat(PAGE.formData.panther, " is required")
+          error: `Charlie ${PAGE.formData.panther} is required`
         });
       });
     });
   });
-  describe('with CollectionPage', function () {
-    var COLLECTION = {
+  describe('with CollectionPage', () => {
+    const COLLECTION = {
       name: 'pageCollection'
     };
-    describe('when the form data is fully valid', function () {
-      var _DATA;
-      var DATA = (_DATA = {}, _defineProperty(_DATA, "".concat(COLLECTION.name, "ActiveId"), '01'), _defineProperty(_DATA, COLLECTION.name, [{
-        id: '01',
-        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
-        bravo: 'bravo.jones@digital.homeoffice.gov.uk'
-      }]), _DATA);
-      it('should return no errors when none of the components are required or email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
-        var PAGE = {
+    describe('when the form data is fully valid', () => {
+      const DATA = {
+        [`${COLLECTION.name}ActiveId`]: '01',
+        [COLLECTION.name]: [{
+          id: '01',
+          alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+          bravo: 'bravo.jones@digital.homeoffice.gov.uk'
+        }]
+      };
+      it('should return no errors when none of the components are required or email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when all of the components are required but not email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
-        var PAGE = {
+      it('should return no errors when all of the components are required but not email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when none of the components are required but are all email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
-        var PAGE = {
+      it('should return no errors when none of the components are required but are all email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return no errors when all of the components are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
-        var PAGE = {
+      it('should return no errors when all of the components are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return an error for each required component on a collection page with a show_when that is true', function () {
-        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+      it('should return an error for each required component on a collection page with a show_when that is true', () => {
+        const COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
         // The only unrequired one
         setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
           collection: {
             name: 'testCollection'
@@ -335,7 +332,7 @@ describe('utils.Validate.Page', function () {
             }]
           }
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(4);
         expect(RESULT[0]).toEqual({
           id: 'a',
@@ -354,11 +351,11 @@ describe('utils.Validate.Page', function () {
           error: 'Echo is required'
         });
       });
-      it('should return no errors on a collection page with a show_when that is false', function () {
-        var COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
+      it('should return no errors on a collection page with a show_when that is false', () => {
+        const COMPONENTS = [setup('a', _models.ComponentTypes.TEXT, 'Alpha', true), setup('b', _models.ComponentTypes.TEXT, 'Bravo', true), setup('c', _models.ComponentTypes.TEXT, 'Charlie', false),
         // The only unrequired one
         setup('d', _models.ComponentTypes.TEXT, 'Delta', true), setup('e', _models.ComponentTypes.TEXT, 'Echo', true)];
-        var PAGE = {
+        const PAGE = {
           components: COMPONENTS,
           collection: {
             name: 'testCollection'
@@ -376,62 +373,64 @@ describe('utils.Validate.Page', function () {
             }]
           }
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(0);
       });
     });
-    describe('when the form data has one field missing and includes an invalid email', function () {
-      var _DATA2;
-      var DATA = (_DATA2 = {}, _defineProperty(_DATA2, "".concat(COLLECTION.name, "ActiveId"), '01'), _defineProperty(_DATA2, COLLECTION.name, [{
-        id: '01',
-        alpha: 'alpha.smith@digital.homeoffice.gov.uk',
-        bravo: 'bravo.jones@hotmail.com'
-      }]), _DATA2);
-      it('should return no errors when none of the components are required or email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
-        var PAGE = {
+    describe('when the form data has one field missing and includes an invalid email', () => {
+      const DATA = {
+        [`${COLLECTION.name}ActiveId`]: '01',
+        [COLLECTION.name]: [{
+          id: '01',
+          alpha: 'alpha.smith@digital.homeoffice.gov.uk',
+          bravo: 'bravo.jones@hotmail.com'
+        }]
+      };
+      it('should return no errors when none of the components are required or email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', false), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', false), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', false)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: null
         };
         expect((0, _validatePage.default)(PAGE).length).toEqual(0);
       });
-      it('should return an error for the missing field when all are required but not email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
-        var PAGE = {
+      it('should return an error for the missing field when all are required but not email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.TEXT, 'Alpha', true), setup('bravo', _models.ComponentTypes.TEXT, 'Bravo', true), setup('charlie', _models.ComponentTypes.TEXT, 'Charlie', true)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(1);
         expect(RESULT[0]).toEqual({
           id: 'charlie',
           error: 'Charlie is required'
         });
       });
-      it('should return an error for the invalid email field when none are required but all email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
-        var PAGE = {
+      it('should return an error for the invalid email field when none are required but all email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', false), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', false), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', false)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(1);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
           error: 'Enter bravo in the correct format, like jane.doe@homeoffice.gov.uk'
         });
       });
-      it('should return an error for both invalid fields when all are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
-        var PAGE = {
+      it('should return an error for both invalid fields when all are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true), setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo', true), setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie', true)];
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
           formData: DATA
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(2);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
@@ -442,29 +441,33 @@ describe('utils.Validate.Page', function () {
           error: 'Charlie is required'
         });
       });
-      it('should return an interpolated error for both invalid fields when all are required and email types', function () {
-        var COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
+      it('should return an interpolated error for both invalid fields when all are required and email types', () => {
+        const COMPONENTS = [setup('alpha', _models.ComponentTypes.EMAIL, 'Alpha', true),
         // eslint-disable-next-line no-template-curly-in-string
         setup('bravo', _models.ComponentTypes.EMAIL, 'Bravo ${lion}', true),
         // eslint-disable-next-line no-template-curly-in-string
         setup('charlie', _models.ComponentTypes.EMAIL, 'Charlie ${panther}', true)];
-        var PAGE = {
+        const PAGE = {
           collection: COLLECTION,
           components: COMPONENTS,
-          formData: _objectSpread(_objectSpread({}, DATA), {}, _defineProperty({}, COLLECTION.name, [_objectSpread(_objectSpread({}, DATA[COLLECTION.name][0]), {}, {
-            lion: 'Lion',
-            panther: 'Panther'
-          })]))
+          formData: {
+            ...DATA,
+            [COLLECTION.name]: [{
+              ...DATA[COLLECTION.name][0],
+              lion: 'Lion',
+              panther: 'Panther'
+            }]
+          }
         };
-        var RESULT = (0, _validatePage.default)(PAGE);
+        const RESULT = (0, _validatePage.default)(PAGE);
         expect(RESULT.length).toEqual(2);
         expect(RESULT[0]).toEqual({
           id: 'bravo',
-          error: "Enter bravo ".concat(PAGE.formData[COLLECTION.name][0].lion, " in the correct format, like jane.doe@homeoffice.gov.uk")
+          error: `Enter bravo ${PAGE.formData[COLLECTION.name][0].lion} in the correct format, like jane.doe@homeoffice.gov.uk`
         });
         expect(RESULT[1]).toEqual({
           id: 'charlie',
-          error: "Charlie ".concat(PAGE.formData[COLLECTION.name][0].panther, " is required")
+          error: `Charlie ${PAGE.formData[COLLECTION.name][0].panther} is required`
         });
       });
     });

package/dist/utils/Validate/validateRegex.js

@@ -15,21 +15,18 @@ exports.default = void 0;
  * @param {array} customErrors The array of custom errors for the component.
  * @returns An error if the value doesn't match the regex pattern.
  */
-var validateRegex = function validateRegex(value, label, pattern, customErrors) {
+const validateRegex = (value, label, pattern, customErrors) => {
   if (!value) {
     return undefined;
   }
   if (typeof value === 'string') {
-    var regex = new RegExp(pattern);
+    const regex = new RegExp(pattern);
     if (regex.test(value)) {
       return undefined;
     }
     if (Array.isArray(customErrors)) {
-      var _result$;
-      var result = customErrors.filter(function (error) {
-        return error.type === 'pattern';
-      });
-      if (result !== null && result !== void 0 && (_result$ = result[0]) !== null && _result$ !== void 0 && _result$.message) {
+      const result = customErrors.filter(error => error.type === 'pattern');
+      if (result?.[0]?.message) {
         return result[0].message;
       }
     }
@@ -37,7 +34,6 @@ var validateRegex = function validateRegex(value, label, pattern, customErrors)
   if (!label) {
     return 'Component failed regex validation';
   }
-  return "".concat(label, " failed regex validation");
+  return `${label} failed regex validation`;
 };
-var _default = validateRegex;
-exports.default = _default;
+var _default = exports.default = validateRegex;