@ukhomeoffice/cop-react-form-renderer 2.2.0 → 2.5.0

package/dist/components/FormRenderer/FormRenderer.js

@@ -23,6 +23,8 @@ var _CheckYourAnswers = _interopRequireDefault(require("../CheckYourAnswers"));
 
 var _FormPage = _interopRequireDefault(require("../FormPage"));
 
+var _TaskList = _interopRequireDefault(require("../TaskList"));
+
 var _handlers = _interopRequireDefault(require("./handlers"));
 
 var _helpers = _interopRequireDefault(require("./helpers"));
@@ -98,7 +100,17 @@ var FormRenderer = function FormRenderer(_ref) {
   var _useState9 = (0, _react.useState)(_helpers.default.getFormState(pageId, pages, hub)),
       _useState10 = _slicedToArray(_useState9, 2),
       formState = _useState10[0],
-      setFormState = _useState10[1]; // Set up hooks.
+      setFormState = _useState10[1];
+
+  var _useState11 = (0, _react.useState)({}),
+      _useState12 = _slicedToArray(_useState11, 2),
+      currentTask = _useState12[0],
+      setCurrentTask = _useState12[1];
+
+  var _useState13 = (0, _react.useState)({}),
+      _useState14 = _slicedToArray(_useState13, 2),
+      hubDetails = _useState14[0],
+      setHubDetails = _useState14[1]; // Set up hooks.
 
 
   var _useHooks = (0, _hooks2.useHooks)(),
@@ -146,6 +158,36 @@ var FormRenderer = function FormRenderer(_ref) {
   (0, _react.useEffect)(function () {
     hooks.onFormLoad();
   }, [hooks]);
+  (0, _react.useEffect)(function () {
+    setHubDetails(_hub);
+  }, [_hub]); // Update task list pages with form data and update states
+
+  (0, _react.useEffect)(function () {
+    var pages = currentTask.fullPages;
+
+    if (pages) {
+      pages.forEach(function (page) {
+        page.formData = data;
+      });
+      setCurrentTask(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          fullPages: pages
+        });
+      });
+    }
+
+    if (hubDetails !== null && hubDetails !== void 0 && hubDetails.sections) {
+      var _data$formStatus2;
+
+      var tasks = data !== null && data !== void 0 && (_data$formStatus2 = data.formStatus) !== null && _data$formStatus2 !== void 0 && _data$formStatus2.tasks ? data.formStatus.tasks : {};
+
+      var updatedSections = _helpers.default.getUpdatedSectionStates(hubDetails.sections, tasks);
+
+      setHubDetails(function (prev) {
+        return _objectSpread(_objectSpread({}, prev), updatedSections);
+      });
+    }
+  }, [currentTask.fullPages, data, hubDetails === null || hubDetails === void 0 ? void 0 : hubDetails.sections]);
 
   var onPageChange = function onPageChange(newPageId) {
     setPageId(newPageId);
@@ -166,10 +208,20 @@ var FormRenderer = function FormRenderer(_ref) {
           components: components
         }, _objectSpread(_objectSpread({}, data), patch), _models.EventTypes.SUBMIT);
 
-        submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action, submissionData);
+        submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action, submissionData, currentTask);
 
         if (patch) {
           setData(submissionData);
+        }
+
+        var pageUpdate = function pageUpdate(next) {
+          return onPageChange(_helpers.default.getNextPageId(type, pages, pageId, action, next));
+        };
+
+        if (action.type === _models.PageAction.TYPES.SAVE_AND_NAVIGATE) {
+          pageUpdate = function pageUpdate() {
+            return _handlers.default.navigate(action, pageId, onPageChange);
+          };
         } // Now submit the data to the backend...
 
 
@@ -178,7 +230,7 @@ var FormRenderer = function FormRenderer(_ref) {
           setData(function (prev) {
             var next = _objectSpread(_objectSpread({}, prev), response);
 
-            onPageChange(_helpers.default.getNextPageId(type, pages, pageId, action, next));
+            pageUpdate(next);
             return next;
           });
         }, function (errors) {
@@ -191,6 +243,23 @@ var FormRenderer = function FormRenderer(_ref) {
 
   var onCYARowAction = function onCYARowAction(page) {
     _handlers.default.cyaAction(page, pageId, onPageChange);
+  }; //Kick off a task, gather required pages and move to the correct point
+
+
+  var onTaskAction = function onTaskAction(currentTask) {
+    if (currentTask) {
+      currentTask.fullPages = [];
+      currentTask.pages.forEach(function (page) {
+        currentTask.fullPages.push(_helpers.default.getPage(page, pages));
+      });
+      setCurrentTask(currentTask);
+
+      if (currentTask.state === _models.TaskStates.TYPES.COMPLETE) {
+        onPageChange(_models.FormPages.CYA);
+      } else {
+        onPageChange(currentTask.pages[0]);
+      }
+    }
   }; // Handle actions from "Check your answers".
 
 
@@ -215,21 +284,51 @@ var FormRenderer = function FormRenderer(_ref) {
         });
       }
     }
+
+    if (action.type === _models.PageAction.TYPES.SAVE_AND_RETURN) {
+      if (_helpers.default.canCYASubmit(currentTask.fullPages, onError)) {
+        var _submissionData = _utils.default.Format.form({
+          pages: pages,
+          components: components
+        }, _objectSpread({}, data), _models.EventTypes.SUBMIT);
+
+        _submissionData.formStatus = _helpers.default.getSubmissionStatus(type, pages, pageId, action, _submissionData, currentTask);
+        setData(_submissionData);
+        hooks.onSubmit(action.type, _submissionData, function () {
+          return onPageChange(_models.FormPages.HUB);
+        }, function (errors) {
+          return _handlers.default.submissionError(errors, onError);
+        });
+      }
+    }
   };
 
   var classes = _utils.default.classBuilder(classBlock, classModifiers, className);
 
+  if (hub === _models.HubFormats.TASK) {
+    cya.actions = [{
+      type: _models.PageAction.TYPES.SAVE_AND_RETURN,
+      label: 'Submit',
+      validate: true
+    }];
+  }
+
   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({
-    pages: pages
+    pages: currentTask.fullPages ? currentTask.fullPages : pages
   }, cya, formState.cya, {
     onAction: onCYAAction,
     onRowAction: onCYARowAction,
     summaryListClassModifiers: summaryListClassModifiers,
     hide_title: hide_title,
     noChangeAction: noChangeAction
-  })), formState.page && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
+  })), hub === _models.HubFormats.TASK && formState.pageId === _models.FormPages.HUB && /*#__PURE__*/_react.default.createElement(_TaskList.default, {
+    sections: hubDetails.sections,
+    refNumber: data['businessKey'],
+    refTitle: _hub.refTitle,
+    onTaskAction: onTaskAction
+  }), formState.page && /*#__PURE__*/_react.default.createElement(_FormPage.default, {
     page: formState.page,
     onAction: onPageAction
   }));
@@ -239,7 +338,7 @@ FormRenderer.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.WIZARD]).isRequired,
+  type: _propTypes.default.oneOf([_models.FormTypes.CYA, _models.FormTypes.FORM, _models.FormTypes.HUB, _models.FormTypes.TASK, _models.FormTypes.WIZARD]).isRequired,
   components: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   pages: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
   hub: _propTypes.default.object,

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

@@ -18,6 +18,8 @@ var _models = require("../../models");
 
 var _CheckYourAnswers = require("../CheckYourAnswers/CheckYourAnswers");
 
+var _TaskList = require("../TaskList/TaskList");
+
 var _FormRenderer = _interopRequireWildcard(require("./FormRenderer"));
 
 var _areYouACivilServant = _interopRequireDefault(require("../../json/areYouACivilServant.json"));
@@ -30,6 +32,8 @@ var _userProfileData = _interopRequireDefault(require("../../json/userProfile.da
 
 var _userProfile = _interopRequireDefault(require("../../json/userProfile.json"));
 
+var _taskList = _interopRequireDefault(require("../../json/taskList.json"));
+
 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; }
@@ -507,5 +511,236 @@ describe('components', function () {
         }
       }, _callee14);
     })));
+    it('should render a tasklist', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee16() {
+      var taskList;
+      return regeneratorRuntime.wrap(function _callee16$(_context16) {
+        while (1) {
+          switch (_context16.prev = _context16.next) {
+            case 0:
+              _context16.next = 2;
+              return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee15() {
+                return regeneratorRuntime.wrap(function _callee15$(_context15) {
+                  while (1) {
+                    switch (_context15.prev = _context15.next) {
+                      case 0:
+                        (0, _reactDom.render)( /*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _taskList.default), container);
+
+                      case 1:
+                      case "end":
+                        return _context15.stop();
+                    }
+                  }
+                }, _callee15);
+              })));
+
+            case 2:
+              taskList = container.childNodes[0].childNodes[1];
+              expect(taskList.classList).toContain(_TaskList.DEFAULT_CLASS);
+
+            case 4:
+            case "end":
+              return _context16.stop();
+          }
+        }
+      }, _callee16);
+    })));
+    it('should handle navigating between task list pages', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee18() {
+      var ON_SUBMIT_CALLS, ON_SUBMIT, HOOKS, taskList, firstTaskStatus, secondTaskStatus, firstTask, newPage, continueButton, cyaPage, finalSubmit;
+      return regeneratorRuntime.wrap(function _callee18$(_context18) {
+        while (1) {
+          switch (_context18.prev = _context18.next) {
+            case 0:
+              ON_SUBMIT_CALLS = [];
+
+              ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+                ON_SUBMIT_CALLS.push(payload);
+                onSuccess();
+              };
+
+              HOOKS = {
+                onSubmit: ON_SUBMIT
+              };
+              _context18.next = 5;
+              return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee17() {
+                return regeneratorRuntime.wrap(function _callee17$(_context17) {
+                  while (1) {
+                    switch (_context17.prev = _context17.next) {
+                      case 0:
+                        (0, _reactDom.render)( /*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _taskList.default, {
+                          hooks: HOOKS
+                        })), container);
+
+                      case 1:
+                      case "end":
+                        return _context17.stop();
+                    }
+                  }
+                }, _callee17);
+              })));
+
+            case 5:
+              taskList = container.childNodes[0].childNodes[1]; //Check status's are correct
+
+              firstTaskStatus = taskList.childNodes[4].childNodes[0].childNodes[1];
+              expect(firstTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.NOT_STARTED].label);
+              secondTaskStatus = taskList.childNodes[4].childNodes[1].childNodes[1];
+              expect(secondTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.CANNOT_START_YET].label); //Launch first task
+
+              firstTask = taskList.childNodes[4].childNodes[0].childNodes[0].childNodes[0];
+              expect(firstTask.textContent).toEqual('Date, location and mode details');
+
+              _react.fireEvent.click(firstTask, {}); //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[2].childNodes[0].childNodes[1], {
+                target: {
+                  name: 'date-day',
+                  value: '7'
+                }
+              });
+
+              _react.fireEvent.change(newPage.childNodes[1].childNodes[2].childNodes[1].childNodes[1], {
+                target: {
+                  name: 'date-month',
+                  value: '7'
+                }
+              });
+
+              _react.fireEvent.change(newPage.childNodes[1].childNodes[2].childNodes[2].childNodes[1], {
+                target: {
+                  name: 'date-year',
+                  value: '2022'
+                }
+              });
+
+              continueButton = newPage.childNodes[2].childNodes[0];
+
+              _react.fireEvent.click(continueButton, {}); //Fill second page and navigate
+
+
+              newPage = container.childNodes[0].childNodes[0];
+              expect(newPage.childNodes[0].textContent).toEqual('Event Mode');
+
+              _react.fireEvent.click(newPage.childNodes[1].childNodes[2].childNodes[0].childNodes[0], {});
+
+              continueButton = newPage.childNodes[2].childNodes[0];
+
+              _react.fireEvent.click(continueButton, {}); //Continue on from CYA page
+
+
+              cyaPage = container.childNodes[0].childNodes[0];
+              expect(cyaPage.childNodes[0].textContent).toEqual('Check your answers');
+              expect(cyaPage.childNodes[5].textContent).toEqual('Submit');
+
+              _react.fireEvent.click(cyaPage.childNodes[5].childNodes[0], {}); //Should be back at task list
+
+
+              expect(container.childNodes[0].childNodes[0].textContent).toEqual('Event at the border'); //Check status's are correct
+
+              firstTaskStatus = container.childNodes[0].childNodes[1].childNodes[4].childNodes[0].childNodes[1];
+              expect(firstTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.COMPLETE].label);
+              secondTaskStatus = container.childNodes[0].childNodes[1].childNodes[4].childNodes[1].childNodes[1];
+              expect(secondTaskStatus.textContent).toEqual(_models.TaskStates.DETAILS[_models.TaskStates.TYPES.NOT_STARTED].label); //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('sea');
+              expect(finalSubmit.formStatus.tasks['Date, location and mode details'].complete).toEqual(true);
+
+            case 38:
+            case "end":
+              return _context18.stop();
+          }
+        }
+      }, _callee18);
+    })));
+    it('should go straight to CYA page if a complete task is selected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee20() {
+      var ON_SUBMIT, HOOKS, taskList, newPage;
+      return regeneratorRuntime.wrap(function _callee20$(_context20) {
+        while (1) {
+          switch (_context20.prev = _context20.next) {
+            case 0:
+              ON_SUBMIT = function ON_SUBMIT(type, payload, onSuccess, onError) {
+                onSuccess();
+              };
+
+              HOOKS = {
+                onSubmit: ON_SUBMIT
+              };
+              _context20.next = 4;
+              return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee19() {
+                return regeneratorRuntime.wrap(function _callee19$(_context19) {
+                  while (1) {
+                    switch (_context19.prev = _context19.next) {
+                      case 0:
+                        (0, _reactDom.render)( /*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _taskList.default, {
+                          hooks: HOOKS
+                        })), container);
+
+                      case 1:
+                      case "end":
+                        return _context19.stop();
+                    }
+                  }
+                }, _callee19);
+              })));
+
+            case 4:
+              taskList = container.childNodes[0].childNodes[1]; //Launch first task
+
+              _react.fireEvent.click(taskList.childNodes[4].childNodes[0].childNodes[0].childNodes[0], {}); //Fill first page and navigate
+
+
+              newPage = container.childNodes[0].childNodes[0];
+
+              _react.fireEvent.change(newPage.childNodes[1].childNodes[2].childNodes[0].childNodes[1], {
+                target: {
+                  name: 'date-day',
+                  value: '7'
+                }
+              });
+
+              _react.fireEvent.change(newPage.childNodes[1].childNodes[2].childNodes[1].childNodes[1], {
+                target: {
+                  name: 'date-month',
+                  value: '7'
+                }
+              });
+
+              _react.fireEvent.change(newPage.childNodes[1].childNodes[2].childNodes[2].childNodes[1], {
+                target: {
+                  name: 'date-year',
+                  value: '2022'
+                }
+              });
+
+              _react.fireEvent.click(newPage.childNodes[2].childNodes[0], {}); //Fill second page and navigate
+
+
+              newPage = container.childNodes[0].childNodes[0];
+
+              _react.fireEvent.click(newPage.childNodes[1].childNodes[2].childNodes[0].childNodes[0], {});
+
+              _react.fireEvent.click(newPage.childNodes[2].childNodes[0], {}); //Continue on from CYA page
+
+
+              _react.fireEvent.click(container.childNodes[0].childNodes[0].childNodes[5].childNodes[0], {}); //Launch same task again
+
+
+              _react.fireEvent.click(container.childNodes[0].childNodes[1].childNodes[4].childNodes[0].childNodes[0].childNodes[0], {}); //Should be at CYA page
+
+
+              expect(container.childNodes[0].childNodes[0].childNodes[0].textContent).toEqual('Check your answers');
+
+            case 17:
+            case "end":
+              return _context20.stop();
+          }
+        }
+      }, _callee20);
+    })));
   });
 });

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

@@ -60,6 +60,9 @@ var getNextPageId = function getNextPageId(formType, pages, currentPageId, actio
     case _models.FormTypes.CYA:
       return getNextCYAPageId(pages, currentPageId, formData);
 
+    case _models.FormTypes.TASK:
+      return getNextHubPageId(action);
+
     case _models.FormTypes.WIZARD:
       return getNextWizardPageId(pages, currentPageId, formData);
 

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

@@ -166,6 +166,12 @@ describe('components', function () {
             expect((0, _getNextPageId.default)(FORM_TYPE, [])).toBeUndefined();
           });
         });
+        describe("when the form type is '".concat(_models.FormTypes.TASK, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.TASK;
+          it("should return '".concat(_models.FormPages.HUB, "' by default"), function () {
+            expect((0, _getNextPageId.default)(FORM_TYPE, PAGES)).toEqual(_models.FormPages.HUB);
+          });
+        });
       });
     });
   });

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

@@ -19,7 +19,7 @@ var _models = require("../../../models");
 var getPage = function getPage(pageId, pages, hub) {
   if (pageId) {
     if (pageId === _models.FormPages.HUB) {
-      return hub === _models.HubFormats.CYA ? undefined : hub;
+      return hub === _models.HubFormats.CYA || hub === _models.HubFormats.TASK ? undefined : hub;
     }
 
     return pages.find(function (p) {

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

@@ -11,7 +11,24 @@ var _getNextPageId = _interopRequireDefault(require("./getNextPageId"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var getSubmissionStatus = function getSubmissionStatus(formType, pages, currentPageId, action, formData) {
+var getSubmissionStatus = function getSubmissionStatus(formType, pages, currentPageId, action, formData, currentTask) {
+  if (formType === _models.FormTypes.TASK) {
+    var formStatus = formData.formStatus ? formData.formStatus : {};
+    formStatus.tasks = formStatus.tasks ? formStatus.tasks : {};
+    formStatus.tasks[currentTask.name] = formStatus.tasks[currentTask.name] ? formStatus.tasks[currentTask.name] : {};
+
+    if (currentPageId === _models.FormPages.CYA) {
+      formStatus.tasks[currentTask.name].complete = true;
+    } else {
+      formStatus.tasks[currentTask.name] = {
+        complete: false,
+        currentPage: action.page
+      };
+    }
+
+    return formStatus;
+  }
+
   if ((action === null || action === void 0 ? void 0 : action.type) === _models.PageAction.TYPES.SAVE_AND_RETURN) {
     return {
       page: currentPageId

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

@@ -2,11 +2,14 @@
 
 var _models = require("../../../models");
 
+var _PageAction = require("../../../models/PageAction");
+
 var _getSubmissionStatus = _interopRequireDefault(require("./getSubmissionStatus"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// Local imports
+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; }
+
 describe('components', function () {
   describe('FormRenderer', function () {
     describe('helpers', function () {
@@ -100,12 +103,14 @@ describe('components', function () {
         });
         describe("when the action type is '".concat(_models.PageAction.TYPES.SAVE_AND_RETURN, "'"), function () {
           Object.values(_models.FormTypes).forEach(function (formType) {
-            it("should return the current page if the form type is '".concat(formType, "'"), function () {
-              var ACTION = _models.PageAction.DEFAULTS.saveAndReturn;
-              expect((0, _getSubmissionStatus.default)(formType, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
-                page: PAGES[0].id
+            if (formType !== _models.FormTypes.TASK) {
+              it("should return the current page if the form type is '".concat(formType, "'"), function () {
+                var ACTION = _models.PageAction.DEFAULTS.saveAndReturn;
+                expect((0, _getSubmissionStatus.default)(formType, PAGES, PAGES[0].id, ACTION, FORM_DATA)).toMatchObject({
+                  page: PAGES[0].id
+                });
               });
-            });
+            }
           });
         });
         describe("when the form type is '".concat(_models.FormTypes.HUB, "'"), function () {
@@ -203,6 +208,39 @@ describe('components', function () {
             });
           });
         });
+        describe("when the form type is '".concat(_models.FormTypes.TASK, "'"), function () {
+          var FORM_TYPE = _models.FormTypes.TASK;
+          it("should mark the current task as complete if the current page is '".concat(_models.FormPages.CYA, "'"), function () {
+            var CURRENT_PAGE_ID = _models.FormPages.CYA;
+            var TASK_NAME = 'taskName';
+            var CURRENT_TASK = {
+              name: TASK_NAME
+            };
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, CURRENT_PAGE_ID, undefined, {}, CURRENT_TASK)).toMatchObject({
+              tasks: _defineProperty({}, TASK_NAME, {
+                complete: true
+              })
+            });
+          });
+          it("should update the current task with the next page and a false complete flag if the current page is not '".concat(_models.FormPages.CYA, "'"), function () {
+            var CURRENT_PAGE_ID = 'eventDate';
+            var TASK_NAME = 'taskName';
+            var CURRENT_TASK = {
+              name: TASK_NAME
+            };
+            var NEXT_PAGE_ID = 'eventMode';
+            var ACTION = {
+              type: _PageAction.PageActionTypes.SAVE_AND_NAVIGATE,
+              page: NEXT_PAGE_ID
+            };
+            expect((0, _getSubmissionStatus.default)(FORM_TYPE, PAGES, CURRENT_PAGE_ID, ACTION, {}, CURRENT_TASK)).toMatchObject({
+              tasks: _defineProperty({}, TASK_NAME, {
+                complete: false,
+                currentPage: NEXT_PAGE_ID
+              })
+            });
+          });
+        });
       });
     });
   });

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

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _models = require("../../../models");
+
+/**
+ * Updates the given task list sections with the latest states
+ * @param {object} sections The JSON defining the sections in the task list
+ * @param {object} tasks object with entry for each task containing currentPage and complete boolean flag 
+ * {
+     "TaskName": {
+       "complete": true,
+       "currentPage": "pageId"
+     }
+   }
+ * @returns An JSON representation of the task list sections with up to date states
+ */
+var getUpdatedSectionStates = function getUpdatedSectionStates(sections, tasks) {
+  return sections.map(function (section, sectionIndex, sectionArray) {
+    return section.tasks.map(function (task, taskIndex, taskArray) {
+      if (tasks[task.name]) {
+        if (tasks[task.name].complete) {
+          task.state = _models.TaskStates.TYPES.COMPLETE;
+        } else if (tasks[task.name].currentPage) {
+          task.state = _models.TaskStates.TYPES.IN_PROGRESS;
+        }
+      } else {
+        var _taskArray, _sectionArray, _sectionArray$tasks$s;
+
+        if (taskIndex === 0 && sectionIndex === 0 || //First task in tasklist
+        ((_taskArray = taskArray[taskIndex - 1]) === null || _taskArray === void 0 ? void 0 : _taskArray.state) === _models.TaskStates.TYPES.COMPLETE || //any task after a complete task in same section
+        taskIndex === 0 && ((_sectionArray = sectionArray[sectionIndex - 1]) === null || _sectionArray === void 0 ? void 0 : (_sectionArray$tasks$s = _sectionArray.tasks.slice(-1)[0]) === null || _sectionArray$tasks$s === void 0 ? void 0 : _sectionArray$tasks$s.state) === _models.TaskStates.TYPES.COMPLETE //any task after a complete task in the preceeding section
+        ) {
+          task.state = _models.TaskStates.TYPES.NOT_STARTED;
+        } else {
+          task.state = _models.TaskStates.TYPES.CANNOT_START_YET;
+        }
+      }
+
+      return task;
+    });
+  });
+};
+
+var _default = getUpdatedSectionStates;
+exports.default = _default;