@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.11.1

package/dist/utils/Validate/additional/mustHaveLessThanDecimalPlaces.js

@@ -9,7 +9,7 @@ exports.default = void 0;
  * @param {number} config.maxDecimals - the maximum amount of decimal places to allow
  * @returns true if string has less than maxDecimals decimal places else returns false
  */
-const mustHaveLessThanDecimalPlaces = (string, config) => {
+var mustHaveLessThanDecimalPlaces = function mustHaveLessThanDecimalPlaces(string, config) {
   if (!string || !string.includes('.')) {
     return true;
   }

package/dist/utils/Validate/additional/mustHaveLessThanDecimalPlaces.test.js

@@ -2,30 +2,30 @@
 
 var _mustHaveLessThanDecimalPlaces = _interopRequireDefault(require("./mustHaveLessThanDecimalPlaces"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', () => {
-  describe('Validate', () => {
-    describe('additional', () => {
-      describe('mustHaveLessThanDecimalPlaces', () => {
-        test('should return false given a number with more than the allowed number of decimal places', () => {
-          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.9999', {
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('additional', function () {
+      describe('mustHaveLessThanDecimalPlaces', function () {
+        test('should return false given a number with more than the allowed number of decimal places', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.9999', {
             maxDecimals: 3
           });
           expect(result).toEqual(false);
         });
-        test('should return true given a number with less than the allowed number of decimal places', () => {
-          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.99', {
+        test('should return true given a number with less than the allowed number of decimal places', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999.99', {
             maxDecimals: 3
           });
           expect(result).toEqual(true);
         });
-        test('should return true given a number with no decimal places', () => {
-          const result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999', {
+        test('should return true given a number with no decimal places', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999', {
             maxDecimals: 3
           });
           expect(result).toEqual(true);
         });
-        test('should return true given nothing', () => {
-          const result = (0, _mustHaveLessThanDecimalPlaces.default)(undefined, {
+        test('should return true given nothing', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)(undefined, {
             maxDecimals: 3
           });
           expect(result).toEqual(true);

package/dist/utils/Validate/additional/mustNotContainSql.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 // NOTE: SQL RegEx reference:
 // http://www.symantec.com/connect/articles/detection-sql-injection-and-cross-site-scripting-attacks
-const SQL_COMBINED = /(%27)|(')|(--)|(%23)|(#)|((%3D)|(=))[^\n]*((%27)|(')|(--)|(%3B)|(;))|w*((%27)|('))((%6F)|o|(%4F))((%72)|r|(%52))|((%27)|('))union/i;
-const mustNotContainSql = value => {
+var SQL_COMBINED = /(%27)|(')|(--)|(%23)|(#)|((%3D)|(=))[^\n]*((%27)|(')|(--)|(%3B)|(;))|w*((%27)|('))((%6F)|o|(%4F))((%72)|r|(%52))|((%27)|('))union/i;
+var mustNotContainSql = function mustNotContainSql(value) {
   // eslint-disable-next-line no-extra-boolean-cast
   if (!!value) {
-    const string = typeof value === 'object' ? JSON.stringify(value) : String(value);
+    var string = _typeof(value) === 'object' ? JSON.stringify(value) : String(value);
     return !SQL_COMBINED.test(string);
   }
   return false;

package/dist/utils/Validate/additional/mustNotContainSql.test.js

@@ -2,28 +2,28 @@
 
 var _mustNotContainSql = _interopRequireDefault(require("./mustNotContainSql"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', () => {
-  describe('Validate', () => {
-    describe('additional', () => {
-      describe('mustNotContainSql', () => {
-        test('should return true given a string not containing sql characters', () => {
-          const result = (0, _mustNotContainSql.default)('test');
+describe('utils', function () {
+  describe('Validate', function () {
+    describe('additional', function () {
+      describe('mustNotContainSql', function () {
+        test('should return true given a string not containing sql characters', function () {
+          var result = (0, _mustNotContainSql.default)('test');
           expect(result).toEqual(true);
         });
-        test('should return true given non-string datatype is converted to string', () => {
-          const result = (0, _mustNotContainSql.default)(123);
+        test('should return true given non-string datatype is converted to string', function () {
+          var result = (0, _mustNotContainSql.default)(123);
           expect(result).toEqual(true);
         });
-        test('should return false given a string containing sql characters', () => {
-          const result = (0, _mustNotContainSql.default)("test' OR '1'='1'");
+        test('should return false given a string containing sql characters', function () {
+          var result = (0, _mustNotContainSql.default)("test' OR '1'='1'");
           expect(result).toEqual(false);
         });
-        test('should return false given string is null', () => {
-          const result = (0, _mustNotContainSql.default)(null);
+        test('should return false given string is null', function () {
+          var result = (0, _mustNotContainSql.default)(null);
           expect(result).toEqual(false);
         });
-        test('should return false given string is not defined', () => {
-          const result = (0, _mustNotContainSql.default)(undefined);
+        test('should return false given string is not defined', function () {
+          var result = (0, _mustNotContainSql.default)(undefined);
           expect(result).toEqual(false);
         });
       });

package/dist/utils/Validate/additional/mustSelectOnlyOne.js

@@ -10,9 +10,9 @@ exports.default = void 0;
  * @param {object} component the container component
  * @returns true if the user has only provided a value for one of the components in the container, otherwise false.
  */
-const mustSelectOnlyOne = (data, _, component) => {
+var mustSelectOnlyOne = function mustSelectOnlyOne(data, _, component) {
   var _component$components;
-  const valueCount = (_component$components = component.components) === null || _component$components === void 0 ? void 0 : _component$components.reduce((acc, inner) => {
+  var valueCount = (_component$components = component.components) === null || _component$components === void 0 ? void 0 : _component$components.reduce(function (acc, inner) {
     var _data$component$id;
     if ((_data$component$id = data[component.id]) !== null && _data$component$id !== void 0 && _data$component$id[inner.id]) {
       // Account for checkboxes that the user may have unselected

package/dist/utils/Validate/additional/mustSelectOnlyOne.test.js

@@ -2,12 +2,16 @@
 
 var _mustSelectOnlyOne = _interopRequireDefault(require("./mustSelectOnlyOne"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils', () => {
-  describe('Validate', () => {
-    describe('additional', () => {
-      describe('mustSelectOnlyOne', () => {
-        const CONTAINER_ID = 'containerId';
-        const COMPONENT = {
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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', function () {
+  describe('Validate', function () {
+    describe('additional', function () {
+      describe('mustSelectOnlyOne', function () {
+        var CONTAINER_ID = 'containerId';
+        var COMPONENT = {
           id: CONTAINER_ID,
           type: 'container',
           components: [{
@@ -18,34 +22,28 @@ describe('utils', () => {
             id: 'charlie'
           }]
         };
-        test('should return true if all components are empty', () => {
-          const DATA = {};
+        test('should return true if all components are empty', function () {
+          var DATA = {};
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
-        test('should return true if one component has data', () => {
-          const DATA = {
-            [CONTAINER_ID]: {
-              alpha: 'text'
-            }
-          };
+        test('should return true if one component has data', function () {
+          var DATA = _defineProperty({}, CONTAINER_ID, {
+            alpha: 'text'
+          });
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
-        test('should return false if more than one component has data', () => {
-          const DATA = {
-            [CONTAINER_ID]: {
-              alpha: 'text',
-              bravo: 'test'
-            }
-          };
+        test('should return false if more than one component has data', function () {
+          var DATA = _defineProperty({}, CONTAINER_ID, {
+            alpha: 'text',
+            bravo: 'test'
+          });
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(false);
         });
-        test('should return true if more than one component has data but one is an empty array', () => {
-          const DATA = {
-            [CONTAINER_ID]: {
-              alpha: 'text',
-              bravo: []
-            }
-          };
+        test('should return true if more than one component has data but one is an empty array', function () {
+          var DATA = _defineProperty({}, CONTAINER_ID, {
+            alpha: 'text',
+            bravo: []
+          });
           expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
         });
       });

package/dist/utils/Validate/additional/utils.js

@@ -4,7 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formattedTime = exports.formatString = exports.DATE_FORMAT = void 0;
-const isNumeric = value => /^-?\d+$/.test(value);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var isNumeric = function isNumeric(value) {
+  return /^-?\d+$/.test(value);
+};
 
 /**
  
@@ -15,20 +23,25 @@ const isNumeric = value => /^-?\d+$/.test(value);
  * @param {string} dateComponent - the value representing a day or month.
  * @returns  the value (appended with a leading zero, if the value passed in was a single digit)
 */
-const formatInTwoDigits = dateComponent => {
+var formatInTwoDigits = function formatInTwoDigits(dateComponent) {
   if (isNumeric(dateComponent)) {
     return dateComponent.padStart(2, '0');
   }
   return '';
 };
-const formatString = date => {
-  const [day, month, year] = date.split('-');
+var formatString = exports.formatString = function formatString(date) {
+  var _date$split = date.split('-'),
+    _date$split2 = _slicedToArray(_date$split, 3),
+    day = _date$split2[0],
+    month = _date$split2[1],
+    year = _date$split2[2];
   return "".concat(formatInTwoDigits(day), "-").concat(formatInTwoDigits(month), "-").concat(year);
 };
-exports.formatString = formatString;
-const formattedTime = time => {
-  const [hour, minute] = time.split(':');
+var formattedTime = exports.formattedTime = function formattedTime(time) {
+  var _time$split = time.split(':'),
+    _time$split2 = _slicedToArray(_time$split, 2),
+    hour = _time$split2[0],
+    minute = _time$split2[1];
   return "".concat(formatInTwoDigits(hour), ":").concat(formatInTwoDigits(minute));
 };
-exports.formattedTime = formattedTime;
-const DATE_FORMAT = exports.DATE_FORMAT = 'DD-MM-YYYY';
+var DATE_FORMAT = exports.DATE_FORMAT = 'DD-MM-YYYY';

package/dist/utils/Validate/index.js

@@ -17,7 +17,7 @@ var _validateTime = _interopRequireDefault(require("./validateTime"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-const Validate = {
+var Validate = {
   component: _validateComponent.default,
   container: _validateContainer.default,
   email: _validateEmail.default,

package/dist/utils/Validate/validateCollection.js

@@ -7,8 +7,12 @@ exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _validateContainer = _interopRequireDefault(require("./validateContainer"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); } // Local imports
 /**
  * Validates all of the items within a collection.
  * @param {object} collection The collection to validate.
@@ -16,26 +20,26 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} formData The data at the top level of the form.
  * @returns Errors for all components for all items within the collection.
  */
-const validateCollection = (collection, items, formData) => {
-  const errors = [];
+var validateCollection = function validateCollection(collection, items, formData) {
+  var errors = [];
   if (collection && Array.isArray(collection.item) && Array.isArray(items)) {
-    items.forEach((item, index) => {
-      const labelCount = (collection.countOffset || 0) + index + 1;
-      const fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
-      const container = {
+    items.forEach(function (item, index) {
+      var labelCount = (collection.countOffset || 0) + index + 1;
+      var fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
+      var container = {
         full_path: fullPath,
-        components: collection.item.map(component => {
-          const newComponent = {
-            ...component,
+        components: collection.item.map(function (component) {
+          var newComponent = _objectSpread(_objectSpread({}, component), {}, {
             full_path: "".concat(fullPath, ".").concat(component.fieldId)
-          };
+          });
           if (component.custom_errors && Array.isArray(component.custom_errors)) {
-            newComponent.custom_errors = component.custom_errors.map(error => ({
-              ...error,
-              message: _copReactComponents.Utils.interpolateString(index === 0 && error.firstOnlyMessage ? error.firstOnlyMessage : error.message, {
-                index: labelCount
-              })
-            }));
+            newComponent.custom_errors = component.custom_errors.map(function (error) {
+              return _objectSpread(_objectSpread({}, error), {}, {
+                message: _copReactComponents.Utils.interpolateString(index === 0 && error.firstOnlyMessage ? error.firstOnlyMessage : error.message, {
+                  index: labelCount
+                })
+              });
+            });
           }
           return newComponent;
         })
@@ -43,6 +47,8 @@ const validateCollection = (collection, items, formData) => {
       errors.push((0, _validateContainer.default)(container, item, formData));
     });
   }
-  return errors.filter(e => !!e).flat();
+  return errors.filter(function (e) {
+    return !!e;
+  }).flat();
 };
 var _default = exports.default = validateCollection;

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

@@ -3,127 +3,119 @@
 var _models = require("../../models");
 var _validateCollection = _interopRequireDefault(require("./validateCollection"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
-describe('utils.Validate.Collection', () => {
-  const setup = (id, type, label, required, item) => ({
-    id,
-    fieldId: id,
-    type,
-    label,
-    required,
-    item
-  });
-  it('should return an empty array when the component is null', () => {
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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); } // Local imports
+describe('utils.Validate.Collection', function () {
+  var setup = function setup(id, type, label, required, item) {
+    return {
+      id: id,
+      fieldId: id,
+      type: type,
+      label: label,
+      required: required,
+      item: item
+    };
+  };
+  it('should return an empty array when the component is null', function () {
     expect((0, _validateCollection.default)(null, [])).toEqual([]);
   });
-  it('should return an empty array when the collection has an undefined item array', () => {
-    const ID = 'collection';
-    const LABEL = 'field';
-    const COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, undefined);
+  it('should return an empty array when the collection has an undefined item array', function () {
+    var ID = 'collection';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, undefined);
     expect((0, _validateCollection.default)(COLLECTION, [])).toEqual([]);
   });
-  it('should return an empty array when the collection has an empty item array', () => {
-    const ID = 'collection';
-    const LABEL = 'field';
-    const COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, []);
+  it('should return an empty array when the collection has an empty item array', function () {
+    var ID = 'collection';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, []);
     expect((0, _validateCollection.default)(COLLECTION, [])).toEqual([]);
   });
-  it('should return an empty array when the collection has only valid items', () => {
-    const EMAIL_ID = 'email';
-    const EMAIL_LABEL = 'Email';
-    const EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
-    const ID = 'collection';
-    const LABEL = 'field';
-    const COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, [EMAIL]);
-    const ITEMS = [{
-      [EMAIL_ID]: 'alpha.bravo@homeoffice.gov.uk'
-    }, {
-      [EMAIL_ID]: 'charlie.delta@homeoffice.gov.uk'
-    }];
+  it('should return an empty array when the collection has only valid items', function () {
+    var EMAIL_ID = 'email';
+    var EMAIL_LABEL = 'Email';
+    var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+    var ID = 'collection';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.COLLECTION, LABEL, false, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@homeoffice.gov.uk'), _defineProperty({}, EMAIL_ID, 'charlie.delta@homeoffice.gov.uk')];
     expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([]);
   });
-  it('should return an array containing an error when the collection has an invalid first item', () => {
-    const EMAIL_ID = 'email';
-    const EMAIL_LABEL = 'Email';
-    const EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
-    const ID = 'container';
-    const LABEL = 'field';
-    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
-    const ITEMS = [{
-      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.com'
-    }, {
-      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.gov.uk'
-    }];
+  it('should return an array containing an error when the collection has an invalid first item', function () {
+    var EMAIL_ID = 'email';
+    var EMAIL_LABEL = 'Email';
+    var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+    var ID = 'container';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.com'), _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk')];
     expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([{
       id: "".concat(ID, "[0].").concat(EMAIL_ID),
       error: "Enter ".concat(EMAIL_LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
     }]);
   });
-  it('should return an array containing an error when the collection has an invalid second item', () => {
-    const EMAIL_ID = 'email';
-    const EMAIL_LABEL = 'Email';
-    const EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
-    const ID = 'container';
-    const LABEL = 'field';
-    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
-    const ITEMS = [{
-      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.gov.uk'
-    }, {
-      [EMAIL_ID]: 'alpha.bravo@digital.homeoffice.com'
-    }];
+  it('should return an array containing an error when the collection has an invalid second item', function () {
+    var EMAIL_ID = 'email';
+    var EMAIL_LABEL = 'Email';
+    var EMAIL = setup(EMAIL_ID, _models.ComponentTypes.EMAIL, EMAIL_LABEL, false);
+    var ID = 'container';
+    var LABEL = 'field';
+    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [EMAIL]);
+    var ITEMS = [_defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.gov.uk'), _defineProperty({}, EMAIL_ID, 'alpha.bravo@digital.homeoffice.com')];
     expect((0, _validateCollection.default)(COLLECTION, ITEMS)).toEqual([{
       id: "".concat(ID, "[1].").concat(EMAIL_ID),
       error: "Enter ".concat(EMAIL_LABEL.toLowerCase(), " in the correct format, like jane.doe@homeoffice.gov.uk")
     }]);
   });
-  it('should correctly interpolate error messages using collection\'s index', () => {
-    const ID = 'container';
-    const LABEL = 'field';
-    const TYPE = 'autocomplete';
-    const ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly interpolate error messages using collection\'s index', function () {
+    var ID = 'container';
+    var LABEL = 'field';
+    var TYPE = 'autocomplete';
+    var ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1"
     }];
-    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test to check that 1 is 1",
       id: "".concat(ID, "[0].").concat(COLLECTION.type)
     }]);
   });
-  it('should correctly display firstOnlyMessage error message', () => {
-    const ID = 'container';
-    const LABEL = 'field';
-    const TYPE = 'autocomplete';
-    const ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly display firstOnlyMessage error message', function () {
+    var ID = 'container';
+    var LABEL = 'field';
+    var TYPE = 'autocomplete';
+    var ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1",
       "firstOnlyMessage": "Test for first message"
     }];
-    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test for first message",
       id: "".concat(ID, "[0].").concat(COLLECTION.type)
     }]);
   });
-  it('should correctly display message if firstOnlyMessage is undefined', () => {
-    const ID = 'container';
-    const LABEL = 'field';
-    const TYPE = 'autocomplete';
-    const ITEM = setup(ID, TYPE, LABEL, true, []);
+  it('should correctly display message if firstOnlyMessage is undefined', function () {
+    var ID = 'container';
+    var LABEL = 'field';
+    var TYPE = 'autocomplete';
+    var ITEM = setup(ID, TYPE, LABEL, true, []);
     ITEM.custom_errors = [{
       "type": "required",
       // eslint-disable-next-line no-template-curly-in-string
       "message": "Test to check that ${index} is 1",
       "firstOnlyMessage": undefined
     }];
-    const COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
+    var COLLECTION = setup(ID, _models.ComponentTypes.CONTAINER, LABEL, false, [ITEM]);
     COLLECTION.countOffset = 0;
     expect((0, _validateCollection.default)(COLLECTION, ITEM.custom_errors)).toEqual([{
       error: "Test to check that 1 is 1",

package/dist/utils/Validate/validateComponent.js

@@ -19,8 +19,12 @@ var _validateRequired = _interopRequireDefault(require("./validateRequired"));
 var _validateTextArea = _interopRequireDefault(require("./validateTextArea"));
 var _validateTime = _interopRequireDefault(require("./validateTime"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); } // Local imports
 /**
  * Validates a single component.
  * @param {object} component The component to validate.
@@ -28,18 +32,18 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} formData The data at the top level of the form.
  * @returns The first encountered error with the component.
  */
-const validateComponent = (component, outerData, formData) => {
-  const fd = formData || outerData;
-  if (!(0, _showComponent.default)(component, fd)) {
+var validateComponent = function validateComponent(component, outerData, formData) {
+  var fd = formData || outerData;
+  if (!(0, _showComponent.default)(component, _objectSpread(_objectSpread({}, fd), outerData))) {
     return undefined;
   }
   if (component.type === _models.ComponentTypes.CONTAINER) {
     return (0, _validateContainer.default)(component, outerData, fd);
   }
-  let error;
-  let properties;
-  const data = outerData && typeof outerData === 'object' ? outerData : {};
-  let value = data[component.fieldId];
+  var error;
+  var properties;
+  var data = outerData && _typeof(outerData) === 'object' ? outerData : {};
+  var value = data[component.fieldId];
   if (component.type === _models.ComponentTypes.COLLECTION_SUMMARY) {
     value = (0, _getCollectionPageData.default)(component.collectionName, fd);
   }
@@ -56,11 +60,10 @@ const validateComponent = (component, outerData, formData) => {
       case _models.ComponentTypes.DATE:
       case _models.ComponentTypes.TIME:
         {
-          const validator = component.type === _models.ComponentTypes.DATE ? _validateDate.default : _validateTime.default;
-          const {
-            message,
-            propsInError
-          } = validator(value);
+          var validator = component.type === _models.ComponentTypes.DATE ? _validateDate.default : _validateTime.default;
+          var _validator = validator(value),
+            message = _validator.message,
+            propsInError = _validator.propsInError;
           properties = propsInError;
           error = message;
           break;
@@ -70,8 +73,8 @@ const validateComponent = (component, outerData, formData) => {
       case _models.ComponentTypes.RADIOS:
         {
           var _component$data$optio;
-          let nestedErrors = [];
-          (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 || _component$data$optio.forEach(option => {
+          var nestedErrors = [];
+          (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 || _component$data$optio.forEach(function (option) {
             if (option.nested && (0, _optionIsSelected.default)(formData[component.id], option)) {
               nestedErrors = nestedErrors.concat((0, _validateContainer.default)({
                 components: option.nested
@@ -110,8 +113,8 @@ const validateComponent = (component, outerData, formData) => {
   if (error) {
     return {
       id: component.full_path || component.id,
-      error,
-      properties
+      error: error,
+      properties: properties
     };
   }
   return undefined;