@ukhomeoffice/cop-react-form-renderer 5.0.0-alpha → 5.0.0

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

@@ -0,0 +1,36 @@
+"use strict";
+
+var _mustHaveLessThanDecimalPlaces = _interopRequireDefault(require("./mustHaveLessThanDecimalPlaces"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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', 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', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)('999999999', {
+            maxDecimals: 3
+          });
+          expect(result).toEqual(true);
+        });
+        test('should return true given nothing', function () {
+          var result = (0, _mustHaveLessThanDecimalPlaces.default)(undefined, {
+            maxDecimals: 3
+          });
+          expect(result).toEqual(true);
+        });
+      });
+    });
+  });
+});

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/**
+ * Additional validator for the Container component type.
+ * @param {object} data the form data
+ * @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.
+ */
+var mustSelectOnlyOne = function mustSelectOnlyOne(data, _, component) {
+  var _component$components;
+  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
+      if (Array.isArray(data[component.id][inner.id]) && data[component.id][inner.id].length === 0) {
+        return acc;
+      }
+      return acc + 1;
+    }
+    return acc;
+  }, 0);
+  return valueCount < 2;
+};
+var _default = mustSelectOnlyOne;
+exports.default = _default;

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

@@ -0,0 +1,52 @@
+"use strict";
+
+var _mustSelectOnlyOne = _interopRequireDefault(require("./mustSelectOnlyOne"));
+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 _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: [{
+            id: 'alpha'
+          }, {
+            id: 'bravo'
+          }, {
+            id: 'charlie'
+          }]
+        };
+        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', 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', 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', function () {
+          var DATA = _defineProperty({}, CONTAINER_ID, {
+            alpha: 'text',
+            bravo: []
+          });
+          expect((0, _mustSelectOnlyOne.default)(DATA, {}, COMPONENT)).toEqual(true);
+        });
+      });
+    });
+  });
+});

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

@@ -7,12 +7,28 @@ exports.formattedTime = exports.formatString = exports.DATE_FORMAT = void 0;
 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(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+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(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var isNumeric = function isNumeric(value) {
   return /^-?\d+$/.test(value);
 };
+
+/**
+ 
+/**
+ * Prepends a leading zero if the 'date component' parameter contains only a single digit.
+ * if the parameter contains more than one digit it is returned unchanged.
+ * If the parameter contains a non-numeric value it returned as an empty string.
+ * @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)
+*/
+var formatInTwoDigits = function formatInTwoDigits(dateComponent) {
+  if (isNumeric(dateComponent)) {
+    return dateComponent.padStart(2, '0');
+  }
+  return '';
+};
 var formatString = function formatString(date) {
   var _date$split = date.split('-'),
     _date$split2 = _slicedToArray(_date$split, 3),
@@ -29,22 +45,6 @@ var formattedTime = function formattedTime(time) {
     minute = _time$split2[1];
   return "".concat(formatInTwoDigits(hour), ":").concat(formatInTwoDigits(minute));
 };
-
-/**
-
-/**
- * Prepends a leading zero if the 'date component' parameter contains only a single digit.
- * if the parameter contains more than one digit it is returned unchanged.
- * If the parameter contains a non-numeric value it returned as an empty string.
- * @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)
- */
 exports.formattedTime = formattedTime;
-var formatInTwoDigits = function formatInTwoDigits(dateComponent) {
-  if (isNumeric(dateComponent)) {
-    return dateComponent.padStart(2, '0');
-  }
-  return '';
-};
 var DATE_FORMAT = 'DD-MM-YYYY';
 exports.DATE_FORMAT = DATE_FORMAT;

package/dist/utils/Validate/index.js

@@ -5,22 +5,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _validateComponent = _interopRequireDefault(require("./validateComponent"));
+var _validateContainer = _interopRequireDefault(require("./validateContainer"));
 var _validateDate = _interopRequireDefault(require("./validateDate"));
 var _validateEmail = _interopRequireDefault(require("./validateEmail"));
+var _validateMultifile = _interopRequireDefault(require("./validateMultifile"));
 var _validatePage = _interopRequireDefault(require("./validatePage"));
 var _validateRegex = _interopRequireDefault(require("./validateRegex"));
 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
 
 var Validate = {
   component: _validateComponent.default,
+  container: _validateContainer.default,
   email: _validateEmail.default,
   date: _validateDate.default,
+  multifile: _validateMultifile.default,
   page: _validatePage.default,
   regex: _validateRegex.default,
   required: _validateRequired.default,
+  textarea: _validateTextArea.default,
   time: _validateTime.default
 };
 var _default = Validate;

package/dist/utils/Validate/validateCollection.js

@@ -4,11 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 }; }
+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) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+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); }
 /**
  * Validates all of the items within a collection.
  * @param {object} collection The collection to validate.
@@ -20,13 +24,24 @@ var validateCollection = function validateCollection(collection, items, formData
   var errors = [];
   if (collection && Array.isArray(collection.item) && Array.isArray(items)) {
     items.forEach(function (item, index) {
-      var full_path = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
+      var labelCount = (collection.countOffset || 0) + index + 1;
+      var fullPath = "".concat(collection.full_path || collection.fieldId, "[").concat(index, "]");
       var container = {
-        full_path: full_path,
+        full_path: fullPath,
         components: collection.item.map(function (component) {
-          return _objectSpread(_objectSpread({}, component), {}, {
-            full_path: "".concat(full_path, ".").concat(component.fieldId)
+          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(function (error) {
+              return _objectSpread(_objectSpread({}, error), {}, {
+                message: _copReactComponents.Utils.interpolateString(index === 0 && error.firstOnlyMessage ? error.firstOnlyMessage : error.message, {
+                  index: labelCount
+                })
+              });
+            });
+          }
+          return newComponent;
         })
       };
       errors.push((0, _validateContainer.default)(container, item, formData));

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

@@ -0,0 +1,125 @@
+"use strict";
+
+var _models = require("../../models");
+var _validateCollection = _interopRequireDefault(require("./validateCollection"));
+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 _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.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', 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', 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', 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', 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', 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', 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"
+    }];
+    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', 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"
+    }];
+    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', 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
+    }];
+    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)
+    }]);
+  });
+});

package/dist/utils/Validate/validateComponent.js

@@ -5,14 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _models = require("../../models");
+var _optionIsSelected = _interopRequireDefault(require("../Component/optionIsSelected"));
 var _showComponent = _interopRequireDefault(require("../Component/showComponent"));
 var _additional = _interopRequireDefault(require("./additional"));
 var _validateCollection = _interopRequireDefault(require("./validateCollection"));
 var _validateContainer = _interopRequireDefault(require("./validateContainer"));
 var _validateDate = _interopRequireDefault(require("./validateDate"));
 var _validateEmail = _interopRequireDefault(require("./validateEmail"));
+var _validateMultifile = _interopRequireDefault(require("./validateMultifile"));
 var _validateRegex = _interopRequireDefault(require("./validateRegex"));
 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 }; }
 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); }
@@ -24,7 +27,6 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
  * @returns The first encountered error with the component.
  */
 var validateComponent = function validateComponent(component, outerData, formData) {
-  var _component$data$optio;
   var fd = formData || outerData;
   if (!(0, _showComponent.default)(component, fd)) {
     return undefined;
@@ -32,8 +34,8 @@ var validateComponent = function validateComponent(component, outerData, formDat
   if (component.type === _models.ComponentTypes.CONTAINER) {
     return (0, _validateContainer.default)(component, outerData, fd);
   }
-  var error = undefined;
-  var properties = undefined;
+  var error;
+  var properties;
   var data = outerData && _typeof(outerData) === 'object' ? outerData : {};
   var value = data[component.fieldId];
   if (component.required) {
@@ -44,29 +46,43 @@ var validateComponent = function validateComponent(component, outerData, formDat
       case _models.ComponentTypes.COLLECTION:
         return (0, _validateCollection.default)(component, value, fd);
       case _models.ComponentTypes.EMAIL:
-        error = (0, _validateEmail.default)(value, component.label);
+        error = (0, _validateEmail.default)(value, component.label, component.custom_errors);
         break;
       case _models.ComponentTypes.DATE:
       case _models.ComponentTypes.TIME:
-        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;
+        {
+          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;
+        }
+        ;
+      case _models.ComponentTypes.CHECKBOXES:
       case _models.ComponentTypes.RADIOS:
-        var nestedErrors = [];
-        (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
-          if (option.nested && formData[component.id] === option.value) {
-            nestedErrors = nestedErrors.concat((0, _validateContainer.default)({
-              components: option.nested
-            }, formData));
+        {
+          var _component$data$optio;
+          var nestedErrors = [];
+          (_component$data$optio = component.data.options) === null || _component$data$optio === void 0 ? 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
+              }, formData));
+            }
+          });
+          if (nestedErrors.length > 0) {
+            return nestedErrors;
           }
-        });
-        if (nestedErrors.length > 0) {
-          return nestedErrors;
+          break;
         }
+        ;
+      case _models.ComponentTypes.MULTI_FILE:
+        error = (0, _validateMultifile.default)(value, component.custom_errors);
+        break;
+      case _models.ComponentTypes.TEXT_AREA:
+        error = (0, _validateTextArea.default)(component.label, value, component.showCharacterCount, component.custom_errors, component.maxLength);
         break;
       default:
         break;