@ukhomeoffice/cop-react-form-renderer 4.74.0 → 4.75.0

package/dist/components/FormPage/FormPage.js

@@ -6,16 +6,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DEFAULT_CLASS = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hooks = require("../../hooks");
 var _utils = _interopRequireDefault(require("../../utils"));
 var _FormComponent = _interopRequireDefault(require("../FormComponent"));
 var _PageActions = _interopRequireDefault(require("../PageActions"));
 require("./FormPage.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: 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; }
@@ -30,7 +30,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var DEFAULT_CLASS = 'hods-form__page';
 exports.DEFAULT_CLASS = DEFAULT_CLASS;
 var FormPage = function FormPage(_ref) {
-  var _page$actions, _page$actions2;
+  var _formPage$actions, _page$actions;
   var page = _ref.page,
     _onAction = _ref.onAction,
     onWrapperChange = _ref.onWrapperChange,
@@ -58,7 +58,8 @@ var FormPage = function FormPage(_ref) {
   */
   var onPageChange = function onPageChange(_ref2) {
     var target = _ref2.target;
-    page.formData[target.name] = target.value;
+    var formPage = page;
+    formPage.formData[target.name] = target.value;
     setPatch(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, _defineProperty({}, target.name, target.value));
     });
@@ -71,16 +72,19 @@ var FormPage = function FormPage(_ref) {
     ;
   };
   (0, _react.useEffect)(function () {
+    // eslint-disable-next-line no-useless-concat
     var coreDocTitle = document.title.replace('Error: ', '');
+    // eslint-disable-next-line prefer-template
     document.title = errors.length > 0 ? 'Error: ' + coreDocTitle : coreDocTitle;
   }, [errors]);
   var classes = _utils.default.classBuilder(classBlock, classModifiers, className);
-  page.actions = (_page$actions = page.actions) === null || _page$actions === void 0 ? void 0 : _page$actions.map(function (action) {
+  var formPage = page;
+  formPage.actions = (_formPage$actions = formPage.actions) === null || _formPage$actions === void 0 ? void 0 : _formPage$actions.map(function (action) {
     return action.label ? _objectSpread(_objectSpread({}, action), {}, {
-      label: _utils.default.interpolateString(action.label, page.formData)
+      label: _utils.default.interpolateString(action.label, formPage.formData)
     }) : action;
   });
-  page.formData = _utils.default.Operate.runPageOperations(page, _objectSpread(_objectSpread({}, page.formData), patch), onWrapperChange || onPageChange);
+  formPage.formData = _utils.default.Operate.runPageOperations(formPage, _objectSpread(_objectSpread({}, formPage.formData), patch), onWrapperChange || onPageChange);
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes(),
     key: page.id
@@ -99,7 +103,7 @@ var FormPage = function FormPage(_ref) {
       formData: page.formData
     });
   }), /*#__PURE__*/_react.default.createElement(_PageActions.default, {
-    actions: (_page$actions2 = page.actions) === null || _page$actions2 === void 0 ? void 0 : _page$actions2.filter(function (action) {
+    actions: (_page$actions = page.actions) === null || _page$actions === void 0 ? void 0 : _page$actions.filter(function (action) {
       return _utils.default.Component.show(action, page.formData);
     }),
     onAction: function onAction(action) {
@@ -108,26 +112,33 @@ var FormPage = function FormPage(_ref) {
   }));
 };
 FormPage.propTypes = {
-  page: _propTypes.default.shape({
-    id: _propTypes.default.string.isRequired,
-    title: _propTypes.default.string,
-    components: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])).isRequired,
-    actions: _propTypes.default.array,
-    formData: _propTypes.default.object.isRequired
-  }).isRequired,
+  classBlock: _propTypes.default.string,
+  classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  className: _propTypes.default.string,
+  hashLink: _propTypes.default.string,
   onAction: _propTypes.default.func.isRequired,
   // If passed in, this function will override the default
   // onPageChange functionality. Useful for anything that
   // wants to wrap FormPage.
   onWrapperChange: _propTypes.default.func,
   onChange: _propTypes.default.func,
-  classBlock: _propTypes.default.string,
-  classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  className: _propTypes.default.string
+  onTopLevelChange: _propTypes.default.func,
+  page: _propTypes.default.shape({
+    id: _propTypes.default.string.isRequired,
+    title: _propTypes.default.string,
+    components: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.shape({})])).isRequired,
+    actions: _propTypes.default.shape([]),
+    formData: _propTypes.default.shape({}).isRequired
+  }).isRequired
 };
 FormPage.defaultProps = {
   classBlock: DEFAULT_CLASS,
-  classModifiers: []
+  classModifiers: [],
+  className: '',
+  hashLink: '',
+  onChange: undefined,
+  onTopLevelChange: undefined,
+  onWrapperChange: undefined
 };
 var _default = FormPage;
 exports.default = _default;

package/dist/components/FormRenderer/FormRenderer.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.DEFAULT_CLASS = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
 var _context = require("../../context");
 var _hooks = require("../../hooks");
 var _models = require("../../models");
@@ -20,11 +20,10 @@ var _handlers = _interopRequireDefault(require("./handlers"));
 var _helpers = _interopRequireDefault(require("./helpers"));
 var _onCYAAction = _interopRequireDefault(require("./onCYAAction"));
 var _onPageAction = _interopRequireDefault(require("./onPageAction"));
-var _onTaskAction2 = _interopRequireDefault(require("./onTaskAction"));
 require("./FormRenderer.scss");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 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; }
@@ -50,7 +49,7 @@ var FormRenderer = function FormRenderer(_ref) {
     classBlock = _ref.classBlock,
     classModifiers = _ref.classModifiers,
     className = _ref.className,
-    hide_title = _ref.hide_title,
+    hideTitle = _ref.hide_title,
     summaryListClassModifiers = _ref.summaryListClassModifiers,
     noChangeAction = _ref.noChangeAction,
     newPageId = _ref.newPageId,
@@ -69,7 +68,7 @@ var FormRenderer = function FormRenderer(_ref) {
     classModifiers: classModifiers,
     className: className,
     hashLink: hashLink,
-    hide_title: hide_title,
+    hide_title: hideTitle,
     summaryListClassModifiers: summaryListClassModifiers,
     noChangeAction: noChangeAction,
     newPageId: newPageId,
@@ -91,7 +90,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     classModifiers = _ref2.classModifiers,
     className = _ref2.className,
     hashLink = _ref2.hashLink,
-    hide_title = _ref2.hide_title,
+    hideTitle = _ref2.hide_title,
     summaryListClassModifiers = _ref2.summaryListClassModifiers,
     noChangeAction = _ref2.noChangeAction,
     newPageId = _ref2.newPageId,
@@ -163,7 +162,7 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
       });
     }
     setGoingBack(true);
-    hooks.onGoingBack(e.state ? e.state : null);
+    hooks.onGoingBack();
     clearErrors();
     if (components && pages && data && (_formState$page = formState.page) !== null && _formState$page !== void 0 && _formState$page.formData && pagePoint === undefined) {
       var submissionData = _utils.default.Format.form({
@@ -218,7 +217,8 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     setPagePoint(undefined);
     // In case of refresh the current task needs to be reset
     hooks.onFormLoad(function (currentTask) {
-      return setCurrentTask(currentTask);
+      var task = currentTask;
+      setCurrentTask(task);
     });
   }, [hooks]);
   (0, _react.useEffect)(function () {
@@ -241,8 +241,9 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     var pages = currentTask.fullPages;
     if (pages) {
       pages.forEach(function (page) {
-        if (page) {
-          page.formData = data;
+        var p = page;
+        if (p) {
+          p.formData = data;
         }
       });
       setCurrentTask(function (prev) {
@@ -277,6 +278,38 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     hooks.onChange(data);
   };
 
+  // Kick off a task, gather required pages and move to the correct point
+  var onTaskAction = function onTaskAction(currentTask) {
+    if (currentTask) {
+      var task = currentTask;
+      task.fullPages = [];
+      task.pages.forEach(function (page) {
+        task.fullPages.push(_helpers.default.getPage(page, pages));
+      });
+      setCurrentTask(task);
+      var state = _objectSpread({}, task);
+      if (task.state === _models.TaskStates.TYPES.COMPLETE) {
+        if (hubDetails !== null && hubDetails !== void 0 && hubDetails.noTaskCYAs) {
+          // If the task is complete and there are no CYA's then show user first page
+          var currentPage = data.formStatus.tasks[task.name].currentPage;
+          onPageChange(task.pages[0] || currentPage);
+        } else if (task.customCYA) {
+          onPageChange(task.customCYA);
+        } else {
+          onPageChange(_models.FormPages.CYA, state);
+        }
+      } else if (task.state === _models.TaskStates.TYPES.IN_PROGRESS) {
+        var _currentPage = data.formStatus.tasks[task.name].currentPage;
+        onPageChange(_currentPage || task.pages[0], state);
+      } else if (task.firstPage) {
+        var _currentPage2 = task.firstPage;
+        onPageChange(_currentPage2 || task.pages[0], state);
+      } else {
+        onPageChange(task.pages[0], state);
+      }
+    }
+  };
+
   // Handle navigation from "Check your answers".
   // Passing a dataCallback allows changes to formData from the
   // CYA screen. This is necessary to allow changing the active
@@ -293,24 +326,26 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
       hubDetails.sections.every(function (section) {
         return section.tasks.every(function (task) {
           if (task.pages.includes(page.pageId) && task.name !== currentTask.name) {
-            (0, _onTaskAction2.default)(task, pages, setCurrentTask, hubDetails, data, onPageChange, _models.FormPages);
+            onTaskAction(task);
             return false;
           }
           return true;
         });
       });
     }
+    ;
     if (page) {
       _handlers.default.cyaAction(page, pageId, onPageChange);
     }
   };
   var classes = _utils.default.classBuilder(classBlock, classModifiers, className);
   if (hub === _models.HubFormats.TASK) {
-    cya.actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN];
+    var currentCYA = cya;
+    currentCYA.actions = [_models.PageAction.TYPES.SAVE_AND_CONTINUE, _models.PageAction.TYPES.SAVE_AND_RETURN];
   }
   return /*#__PURE__*/_react.default.createElement("div", {
     className: classes()
-  }, title && !hide_title && pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_copReactComponents.LargeHeading, null, title), formState.cya && /*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, _extends({
+  }, title && !hideTitle && pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_copReactComponents.LargeHeading, null, title), formState.cya && /*#__PURE__*/_react.default.createElement(_CheckYourAnswers.default, _extends({
     pages: _helpers.default.getRelevantPages(formState, pages, currentTask.fullPages)
   }, cya, ((_formState$page4 = formState.page) === null || _formState$page4 === void 0 ? void 0 : _formState$page4.type) === _models.FormPages.PARTIAL_CYA && {
     actions: (_formState$page$actio = formState.page.actions) === null || _formState$page$actio === void 0 ? void 0 : _formState$page$actio.filter(function (action) {
@@ -322,16 +357,14 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     },
     onRowAction: onCYARowAction,
     summaryListClassModifiers: summaryListClassModifiers,
-    hide_title: hide_title,
+    hide_title: hideTitle,
     noChangeAction: (_formState$cya$hideCh = formState.cya.hideChangeActions) !== null && _formState$cya$hideCh !== void 0 ? _formState$cya$hideCh : noChangeAction,
     noGroupAction: (_formState$cya$hideGr = formState.cya.hideGroupActions) !== null && _formState$cya$hideGr !== void 0 ? _formState$cya$hideGr : false,
     sections: typeof hubDetails !== 'undefined' ? hubDetails.sections : [],
     type: type
   })), hub === _models.HubFormats.TASK && formState.pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_TaskList.default, _extends({}, hubDetails, {
     refNumber: data.businessKey,
-    onTaskAction: function onTaskAction(task) {
-      (0, _onTaskAction2.default)(task, pages, setCurrentTask, hubDetails, data, onPageChange, _models.FormPages);
-    },
+    onTaskAction: onTaskAction,
     formData: data
   })), formState.page && !formState.cya && !formState.page.collection && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: formState.page,
@@ -347,36 +380,59 @@ var InternalFormRenderer = function InternalFormRenderer(_ref2) {
     }
   }));
 };
-FormRenderer.propTypes = InternalFormRenderer.propTypes = {
-  title: _propTypes.default.string,
-  /** See <a href="/?path=/docs/f-json--page#formtypes">FormTypes</a>. */
-  type: _propTypes.default.oneOf([_models.FormTypes.CYA, _models.FormTypes.FORM, _models.FormTypes.HUB, _models.FormTypes.TASK, _models.FormTypes.WIZARD, _models.FormTypes.TASK_CYA, _models.FormTypes.FORM_WITH_TASK]).isRequired,
-  components: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  pages: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
-  hashLink: _propTypes.default.bool,
-  hub: _propTypes.default.object,
-  cya: _propTypes.default.object,
-  data: _propTypes.default.object,
-  hooks: _propTypes.default.object,
+var propTypes = {
   classBlock: _propTypes.default.string,
   classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
   className: _propTypes.default.string,
+  components: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  cya: _propTypes.default.shape({
+    actions: _propTypes.default.shape([])
+  }),
+  data: _propTypes.default.shape({
+    formStatus: _propTypes.default.shape({
+      page: _propTypes.default.shape({})
+    })
+  }),
+  hashLink: _propTypes.default.bool,
   hide_title: _propTypes.default.bool,
-  summaryListClassModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  hooks: _propTypes.default.shape({}),
+  hub: _propTypes.default.shape({
+    nonSequential: _propTypes.default.bool,
+    sections: _propTypes.default.shape([])
+  }),
+  newPageId: _propTypes.default.string,
   noChangeAction: _propTypes.default.bool,
+  pages: _propTypes.default.arrayOf(_propTypes.default.shape({})).isRequired,
+  summaryListClassModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
+  title: _propTypes.default.string,
+  /** See <a href="/?path=/docs/f-json--page#formtypes">FormTypes</a>. */
+  type: _propTypes.default.oneOf([_models.FormTypes.CYA, _models.FormTypes.FORM, _models.FormTypes.HUB, _models.FormTypes.TASK, _models.FormTypes.WIZARD, _models.FormTypes.TASK_CYA, _models.FormTypes.FORM_WITH_TASK]).isRequired,
   viewOnly: _propTypes.default.bool
 };
-FormRenderer.defaultProps = InternalFormRenderer.defaultProps = {
-  type: _models.FormTypes.HUB,
-  components: [],
-  pages: [],
+var defaultProps = {
   classBlock: DEFAULT_CLASS,
+  className: '',
   classModifiers: [],
+  cya: {
+    actions: []
+  },
+  data: null,
   hashLink: false,
   hide_title: false,
-  summaryListClassModifiers: [],
+  hooks: null,
+  hub: {
+    nonSequential: false,
+    sections: []
+  },
+  newPageId: '',
   noChangeAction: false,
+  summaryListClassModifiers: [],
+  title: '',
   viewOnly: true
 };
+FormRenderer.propTypes = propTypes;
+InternalFormRenderer.propTypes = propTypes;
+FormRenderer.defaultProps = defaultProps;
+InternalFormRenderer.defaultProps = defaultProps;
 var _default = FormRenderer;
 exports.default = _default;

package/dist/components/FormRenderer/FormRenderer.test.js

@@ -51,8 +51,9 @@ describe('components', function () {
       container.remove();
       container = null;
     });
-    var checkForm = function checkForm(container) {
-      var form = container.childNodes[0];
+    var checkForm = function checkForm(formContainer) {
+      var formWrapper = formContainer;
+      var form = formWrapper.childNodes[0];
       expect(form.tagName).toEqual('DIV');
       expect(form.classList).toContain(_FormRenderer.DEFAULT_CLASS);
       return form;
@@ -395,7 +396,7 @@ describe('components', function () {
             })));
           case 2:
             form = checkForm(container);
-            expect(form.childNodes.length).toEqual(1); //Hub page (= CYA)
+            expect(form.childNodes.length).toEqual(1); // Hub page (= CYA)
             hub = form.childNodes[0];
             expect(hub.tagName).toEqual('DIV');
             expect(hub.classList).toContain(_CheckYourAnswers.DEFAULT_CLASS);
@@ -463,7 +464,7 @@ describe('components', function () {
         while (1) switch (_context20.prev = _context20.next) {
           case 0:
             ON_SUBMIT_CALLS = [];
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               ON_SUBMIT_CALLS.push(payload);
               onSuccess();
             };
@@ -511,7 +512,7 @@ describe('components', function () {
         while (1) switch (_context22.prev = _context22.next) {
           case 0:
             ON_SUBMIT_CALLS = [];
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               ON_SUBMIT_CALLS.push(payload);
               onSuccess();
             };
@@ -546,6 +547,7 @@ describe('components', function () {
           case 7:
             taskList = container.childNodes[0].childNodes[1];
             taskList.childNodes.forEach(function (child) {
+              // eslint-disable-next-line no-console
               console.log("taskList, child = ".concat(JSON.stringify(child.textContent)));
             });
             expect(taskList.childNodes[5].textContent).not.toEqual("test text");
@@ -562,7 +564,7 @@ describe('components', function () {
         while (1) switch (_context24.prev = _context24.next) {
           case 0:
             ON_SUBMIT_CALLS = [];
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               ON_SUBMIT_CALLS.push(payload);
               onSuccess();
             };
@@ -584,18 +586,18 @@ describe('components', function () {
               }, _callee23);
             })));
           case 5:
-            taskList = container.childNodes[0].childNodes[1]; //Check statuses are correct
+            taskList = container.childNodes[0].childNodes[1]; // Check statuses are correct
             firstTaskStatus = taskList.childNodes[3].childNodes[1].childNodes[1];
             expect(firstTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.NOT_STARTED].label);
             secondTaskStatus = taskList.childNodes[3].childNodes[2].childNodes[1];
             expect(secondTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.CANNOT_START_YET].label);
 
-            //Launch first task
+            // Launch first task
             firstTask = taskList.childNodes[3].childNodes[1].childNodes[0].childNodes[0];
             expect(firstTask.textContent).toEqual('Date, location and mode details');
             _react.fireEvent.click(firstTask, {});
 
-            //Fill first page and navigate
+            // Fill first page and navigate
             newPage = container.childNodes[0].childNodes[0];
             expect(newPage.childNodes[0].textContent).toEqual('Event Date');
             _react.fireEvent.change(newPage.childNodes[1].childNodes[0].childNodes[2].childNodes[0].childNodes[0].childNodes[1], {
@@ -619,7 +621,7 @@ describe('components', function () {
             continueButton = newPage.childNodes[2].childNodes[0];
             _react.fireEvent.click(continueButton, {});
 
-            //Fill second page and navigate
+            // Fill second page and navigate
             newPage = container.childNodes[0].childNodes[0];
             expect(newPage.childNodes[0].textContent).toEqual('Event Mode');
             seaButton = newPage.childNodes[1].childNodes[0].childNodes[2].childNodes[0];
@@ -628,7 +630,7 @@ describe('components', function () {
             continueButton = newPage.childNodes[2].childNodes[0];
             _react.fireEvent.click(continueButton, {});
 
-            //Click change to mode on CYA page
+            // Click change to mode on CYA page
             cyaPageChange = container.childNodes[0].childNodes[0];
             expect(cyaPageChange.childNodes[0].textContent).toEqual('Check your answers');
             modeChangeLink = cyaPageChange.childNodes[4].childNodes[0].childNodes[0].childNodes[2].childNodes[0];
@@ -645,23 +647,23 @@ describe('components', function () {
             continueButton = changePage.childNodes[2].childNodes[0];
             _react.fireEvent.click(continueButton, {});
 
-            //Continue on from CYA page
+            // Continue on from CYA page
             cyaPage = container.childNodes[0].childNodes[0];
             expect(cyaPage.childNodes[0].textContent).toEqual('Check your answers');
             expect(cyaPage.childNodes[5].childNodes[0].textContent).toEqual('Save and continue');
             expect(cyaPage.childNodes[5].childNodes[1].textContent).toEqual('Save and return later');
             _react.fireEvent.click(cyaPage.childNodes[5].childNodes[0], {});
 
-            //Should be back at task list
+            // Should be back at task list
             expect(container.childNodes[0].childNodes[0].textContent).toEqual('Task List Form');
 
-            //Check statuses are correct
+            // Check statuses are correct
             firstTaskStatus = container.childNodes[0].childNodes[1].childNodes[3].childNodes[1].childNodes[1];
             expect(firstTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.COMPLETE].label);
             secondTaskStatus = container.childNodes[0].childNodes[1].childNodes[3].childNodes[2].childNodes[1];
             expect(secondTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.NOT_STARTED].label);
 
-            //Check final data submitted to backend is as expected
+            // Check final data submitted to backend is as expected
             finalSubmit = ON_SUBMIT_CALLS[ON_SUBMIT_CALLS.length - 1];
             expect(finalSubmit.date).toEqual('7-7-2022');
             expect(finalSubmit.mode).toEqual('air');
@@ -677,7 +679,7 @@ describe('components', function () {
       return _regeneratorRuntime().wrap(function _callee26$(_context26) {
         while (1) switch (_context26.prev = _context26.next) {
           case 0:
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               onSuccess();
             };
             HOOKS = {
@@ -698,10 +700,10 @@ describe('components', function () {
               }, _callee25);
             })));
           case 4:
-            taskList = container.childNodes[0].childNodes[1]; //Launch first task
+            taskList = container.childNodes[0].childNodes[1]; // Launch first task
             _react.fireEvent.click(taskList.childNodes[3].childNodes[1].childNodes[0].childNodes[0], {});
 
-            //Fill first page and navigate
+            // Fill first page and navigate
             newPage = container.childNodes[0].childNodes[0];
             _react.fireEvent.change(newPage.childNodes[1].childNodes[0].childNodes[2].childNodes[0].childNodes[0].childNodes[1], {
               target: {
@@ -723,18 +725,18 @@ describe('components', function () {
             });
             _react.fireEvent.click(newPage.childNodes[2].childNodes[0], {});
 
-            //Fill second page and navigate
+            // Fill second page and navigate
             newPage = container.childNodes[0].childNodes[0];
             _react.fireEvent.click(newPage.childNodes[1].childNodes[0].childNodes[2].childNodes[0].childNodes[0], {});
             _react.fireEvent.click(newPage.childNodes[2].childNodes[0], {});
 
-            //Continue on from CYA page
+            // Continue on from CYA page
             _react.fireEvent.click(container.childNodes[0].childNodes[0].childNodes[5].childNodes[0], {});
 
-            //Launch same task again
+            // Launch same task again
             _react.fireEvent.click(container.childNodes[0].childNodes[1].childNodes[3].childNodes[1].childNodes[0].childNodes[0], {});
 
-            //Should be at CYA page
+            // Should be at CYA page
             expect(container.childNodes[0].childNodes[0].childNodes[0].textContent).toEqual('Check your answers');
           case 17:
           case "end":
@@ -747,7 +749,7 @@ describe('components', function () {
       return _regeneratorRuntime().wrap(function _callee28$(_context28) {
         while (1) switch (_context28.prev = _context28.next) {
           case 0:
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               onSuccess();
             };
             HOOKS = {
@@ -781,10 +783,10 @@ describe('components', function () {
               }, _callee27);
             })));
           case 5:
-            taskList = container.childNodes[0].childNodes[1]; //Launch first task
+            taskList = container.childNodes[0].childNodes[1]; // Launch first task
             _react.fireEvent.click(taskList.childNodes[3].childNodes[1].childNodes[0].childNodes[0], {});
 
-            //Should be at Event Mode page
+            // Should be at Event Mode page
             expect(container.childNodes[0].childNodes[0].childNodes[0].textContent).toEqual('Event Mode');
           case 8:
           case "end":
@@ -797,7 +799,7 @@ describe('components', function () {
       return _regeneratorRuntime().wrap(function _callee30$(_context30) {
         while (1) switch (_context30.prev = _context30.next) {
           case 0:
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               onSuccess();
             };
             HOOKS = {
@@ -918,7 +920,7 @@ describe('components', function () {
         while (1) switch (_context34.prev = _context34.next) {
           case 0:
             ON_SUBMIT_CALLS = [];
-            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+            ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess) {
               ON_SUBMIT_CALLS.push(payload);
               onSuccess();
             };

package/dist/components/FormRenderer/handlers/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.handlers = exports.default = void 0;
+exports.default = void 0;
 var _cyaAction = _interopRequireDefault(require("./cyaAction"));
 var _navigate = _interopRequireDefault(require("./navigate"));
 var _submissionError = _interopRequireDefault(require("./submissionError"));
@@ -13,6 +13,5 @@ var handlers = {
   navigate: _navigate.default,
   submissionError: _submissionError.default
 };
-exports.handlers = handlers;
 var _default = handlers;
 exports.default = _default;

package/dist/components/FormRenderer/helpers/cleanHiddenNestedData.js

@@ -13,38 +13,42 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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); }
 var parentComponents = ['radios', 'checkboxes'];
+function getIdsToDelete(component, selectedValue) {
+  var _component$data, _component$data$optio;
+  var idsToDelete = [];
+  component === null || component === void 0 ? void 0 : (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
+    if (!(0, _optionIsSelected.default)(selectedValue, option) && option.nested) {
+      option.nested.forEach(function (nested) {
+        idsToDelete.push(nested.id);
+      });
+    }
+  });
+  return idsToDelete;
+}
+;
 var cleanHiddenNestedData = function cleanHiddenNestedData(patch, page) {
   page.components.forEach(function (component) {
     if (!parentComponents.includes(component.type)) {
       return;
     }
-    var idsToDelete = getIdsToDelete(component, patch[component.id]);
+    var _patch = patch;
+    var idsToDelete = getIdsToDelete(component, _patch[component.id]);
     idsToDelete.forEach(function (id) {
-      delete patch[id];
+      delete _patch[id];
     });
   });
   if (page.collection && patch[page.collection.name]) {
     var _page$formData;
     var activeId = patch["".concat(page.collection.name, "ActiveId")] || ((_page$formData = page.formData) === null || _page$formData === void 0 ? void 0 : _page$formData["".concat(page.collection.name, "ActiveId")]);
-    patch[page.collection.name] = patch[page.collection.name].map(function (entry) {
+    var _patch = patch;
+    _patch[page.collection.name] = _patch[page.collection.name].map(function (entry) {
       return entry.id === activeId ? cleanHiddenNestedData(entry, _objectSpread(_objectSpread({}, page), {}, {
         collection: undefined
       })) : entry;
     });
   }
+  ;
   return patch;
 };
-function getIdsToDelete(component, selectedValue) {
-  var _component$data, _component$data$optio;
-  var idsToDelete = [];
-  component === null || component === void 0 ? void 0 : (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
-    if (!(0, _optionIsSelected.default)(selectedValue, option) && option.nested) {
-      option.nested.forEach(function (nested) {
-        idsToDelete.push(nested.id);
-      });
-    }
-  });
-  return idsToDelete;
-}
 var _default = cleanHiddenNestedData;
 exports.default = _default;