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

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; }
@@ -467,5 +471,276 @@ describe('components', function () {
         }
       }, _callee12);
     })));
+    it('should show no title when hide_title is set to true', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee14() {
+      var form, hub;
+      return regeneratorRuntime.wrap(function _callee14$(_context14) {
+        while (1) {
+          switch (_context14.prev = _context14.next) {
+            case 0:
+              _context14.next = 2;
+              return (0, _testUtils.act)( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee13() {
+                return regeneratorRuntime.wrap(function _callee13$(_context13) {
+                  while (1) {
+                    switch (_context13.prev = _context13.next) {
+                      case 0:
+                        (0, _reactDom.render)( /*#__PURE__*/_react2.default.createElement(_FormRenderer.default, _extends({}, _userProfile.default, {
+                          data: _userProfileData.default,
+                          hide_title: true
+                        })), container);
+
+                      case 1:
+                      case "end":
+                        return _context13.stop();
+                    }
+                  }
+                }, _callee13);
+              })));
+
+            case 2:
+              form = checkForm(container);
+              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);
+
+            case 7:
+            case "end":
+              return _context14.stop();
+          }
+        }
+      }, _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;

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

@@ -0,0 +1,122 @@
+"use strict";
+
+var _getUpdatedSectionStates = _interopRequireDefault(require("./getUpdatedSectionStates"));
+
+var _models = require("../../../models");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Local imports
+describe('components', function () {
+  describe('FormRenderer', function () {
+    describe('helpers', function () {
+      describe('getUpdatedSectionStates', function () {
+        it("should set all tasks to '".concat(_models.TaskStates.TYPES.CANNOT_START_YET, "' excluding the first which should be '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
+          var SECTIONS = [{
+            name: 'Add event details',
+            tasks: [{
+              name: 'Date, location and mode details',
+              pages: ['eventDate', 'eventMode']
+            }, {
+              name: 'Officer and agency details',
+              pages: ['officeDetails']
+            }]
+          }, {
+            name: 'Add people details',
+            tasks: [{
+              name: 'People details',
+              pages: ['firstName', 'surname']
+            }, {
+              name: 'Immigration details',
+              pages: ['immigrationDate']
+            }, {
+              name: 'Journey details',
+              pages: ['journeyDetails']
+            }]
+          }];
+          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, {});
+          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+          expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+          expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+          expect(updatedSections[1][2].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+        });
+        it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, "'"), function () {
+          var SECTIONS = [{
+            name: 'Add event details',
+            tasks: [{
+              name: 'Date, location and mode details',
+              pages: ['eventDate', 'eventMode']
+            }, {
+              name: 'Officer and agency details',
+              pages: ['officeDetails']
+            }]
+          }];
+          var TASKS = {
+            'Date, location and mode details': {
+              complete: true
+            }
+          };
+          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+        });
+        it("should set tasks after any '".concat(_models.TaskStates.TYPES.COMPLETE, "' ones to '").concat(_models.TaskStates.TYPES.NOT_STARTED, " across different sections'"), function () {
+          var SECTIONS = [{
+            name: 'Add event details',
+            tasks: [{
+              name: 'Date, location and mode details',
+              pages: ['eventDate', 'eventMode']
+            }, {
+              name: 'Officer and agency details',
+              pages: ['officeDetails']
+            }]
+          }, {
+            name: 'Add people details',
+            tasks: [{
+              name: 'People details',
+              pages: ['firstName', 'surname']
+            }, {
+              name: 'Immigration details',
+              pages: ['immigrationDate']
+            }]
+          }];
+          var TASKS = {
+            'Date, location and mode details': {
+              complete: true
+            },
+            'Officer and agency details': {
+              complete: true
+            }
+          };
+          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.COMPLETE);
+          expect(updatedSections[1][0].state).toEqual(_models.TaskStates.TYPES.NOT_STARTED);
+          expect(updatedSections[1][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+        });
+        it("should set tasks to '".concat(_models.TaskStates.TYPES.IN_PROGRESS, "' if they have a current page but are not complete"), function () {
+          var SECTIONS = [{
+            name: 'Add event details',
+            tasks: [{
+              name: 'Date, location and mode details',
+              pages: ['eventDate', 'eventMode']
+            }, {
+              name: 'Officer and agency details',
+              pages: ['officeDetails']
+            }]
+          }];
+          var TASKS = {
+            'Date, location and mode details': {
+              complete: false,
+              currentPage: 'eventMode'
+            }
+          };
+          var updatedSections = (0, _getUpdatedSectionStates.default)(SECTIONS, TASKS);
+          expect(updatedSections[0][0].state).toEqual(_models.TaskStates.TYPES.IN_PROGRESS);
+          expect(updatedSections[0][1].state).toEqual(_models.TaskStates.TYPES.CANNOT_START_YET);
+        });
+      });
+    });
+  });
+});

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

@@ -13,8 +13,12 @@ var _getFormState = _interopRequireDefault(require("./getFormState"));
 
 var _getNextPageId = _interopRequireDefault(require("./getNextPageId"));
 
+var _getPage = _interopRequireDefault(require("./getPage"));
+
 var _getSubmissionStatus = _interopRequireDefault(require("./getSubmissionStatus"));
 
+var _getUpdatedSectionStates = _interopRequireDefault(require("./getUpdatedSectionStates"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 // Local imports
@@ -23,7 +27,9 @@ var helpers = {
   canCYASubmit: _canCYASubmit.default,
   getFormState: _getFormState.default,
   getNextPageId: _getNextPageId.default,
-  getSubmissionStatus: _getSubmissionStatus.default
+  getPage: _getPage.default,
+  getSubmissionStatus: _getSubmissionStatus.default,
+  getUpdatedSectionStates: _getUpdatedSectionStates.default
 };
 exports.helpers = helpers;
 var _default = helpers;

package/dist/components/SummaryList/SummaryList.js

@@ -15,7 +15,7 @@ var _RowAction = _interopRequireDefault(require("./RowAction"));
 
 require("./SummaryList.scss");
 
-var _excluded = ["rows", "classBlock", "classModifiers", "className"];
+var _excluded = ["rows", "noChangeAction", "classBlock", "classModifiers", "className"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -30,6 +30,7 @@ exports.DEFAULT_CLASS = DEFAULT_CLASS;
 
 var SummaryList = function SummaryList(_ref) {
   var rows = _ref.rows,
+      noChangeAction = _ref.noChangeAction,
       classBlock = _ref.classBlock,
       classModifiers = _ref.classModifiers,
       className = _ref.className,
@@ -47,7 +48,7 @@ var SummaryList = function SummaryList(_ref) {
       className: classes('key')
     }, row.key), /*#__PURE__*/_react.default.createElement("dd", {
       className: classes('value')
-    }, row.value), /*#__PURE__*/_react.default.createElement("dd", {
+    }, row.value), !noChangeAction && /*#__PURE__*/_react.default.createElement("dd", {
       className: classes('actions')
     }, row.action && /*#__PURE__*/_react.default.createElement(_RowAction.default, {
       row: row
@@ -70,10 +71,12 @@ SummaryList.propTypes = {
   })).isRequired,
   classBlock: _propTypes.default.string,
   classModifiers: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.arrayOf(_propTypes.default.string)]),
-  className: _propTypes.default.string
+  className: _propTypes.default.string,
+  noChangeAction: _propTypes.default.bool
 };
 SummaryList.defaultProps = {
-  classBlock: DEFAULT_CLASS
+  classBlock: DEFAULT_CLASS,
+  noChangeAction: false
 };
 var _default = SummaryList;
 exports.default = _default;