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

package/dist/utils/Data/setupRefDataUrlForComponent.test.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _models = require("../../models");
+var _setupRefDataUrlForComponent = _interopRequireDefault(require("./setupRefDataUrlForComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports
+
+describe('utils', function () {
+  describe('Data', function () {
+    describe('setupRefDataUrlForComponent', function () {
+      var DATA = {
+        urls: {
+          refData: '/ref-data'
+        }
+      };
+      it('can handle a null component', function () {
+        expect((0, _setupRefDataUrlForComponent.default)(null, DATA)).toBeNull();
+      });
+      it('can handle an undefined component', function () {
+        expect((0, _setupRefDataUrlForComponent.default)(undefined, DATA)).toBeUndefined();
+      });
+      it('can handle a component with no data property', function () {
+        var COMPONENT = {
+          id: 'component'
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual(COMPONENT);
+      });
+      it('can handle a component with no data.url property', function () {
+        var COMPONENT = {
+          id: 'component',
+          data: {
+            options: []
+          }
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual(COMPONENT);
+      });
+      it('should appropriately update the component URL', function () {
+        var COMPONENT = {
+          id: 'component',
+          // eslint-disable-next-line no-template-curly-in-string
+          data: {
+            url: '${urls.refData}/v1/teams'
+          }
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual({
+          id: COMPONENT.id,
+          data: {
+            url: "".concat(DATA.urls.refData, "/v1/teams")
+          }
+        });
+      });
+      it('should leave a URL alone that does not require replacement', function () {
+        var COMPONENT = {
+          id: 'component',
+          data: {
+            url: '/somewhere-else/v1/teams'
+          }
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual({
+          id: COMPONENT.id,
+          data: {
+            url: COMPONENT.data.url
+          }
+        });
+      });
+      it('should appropriately handle a missing value in the data', function () {
+        var COMPONENT = {
+          id: 'component',
+          // eslint-disable-next-line no-template-curly-in-string
+          data: {
+            url: '${urls.referenceData}/v1/teams'
+          }
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual({
+          id: COMPONENT.id,
+          data: {
+            url: '/v1/teams'
+          }
+        });
+      });
+      it('should appropriately update the component URLs within a container', function () {
+        var COMPONENT = {
+          id: 'component',
+          // eslint-disable-next-line no-template-curly-in-string
+          data: {
+            url: '${urls.refData}/v1/teams'
+          }
+        };
+        var CONTAINER = {
+          id: 'container',
+          type: _models.ComponentTypes.CONTAINER,
+          components: [COMPONENT]
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(CONTAINER, DATA)).toEqual({
+          id: CONTAINER.id,
+          type: CONTAINER.type,
+          components: [{
+            id: COMPONENT.id,
+            data: {
+              url: "".concat(DATA.urls.refData, "/v1/teams")
+            }
+          }]
+        });
+      });
+      it('should appropriately update the component URLs within a collection', function () {
+        var COMPONENT = {
+          id: 'component',
+          // eslint-disable-next-line no-template-curly-in-string
+          data: {
+            url: '${urls.refData}/v1/teams'
+          }
+        };
+        var COLLECTION = {
+          id: 'container',
+          type: _models.ComponentTypes.COLLECTION,
+          item: [COMPONENT]
+        };
+        expect((0, _setupRefDataUrlForComponent.default)(COLLECTION, DATA)).toEqual({
+          id: COLLECTION.id,
+          type: COLLECTION.type,
+          item: [{
+            id: COMPONENT.id,
+            data: {
+              url: "".concat(DATA.urls.refData, "/v1/teams")
+            }
+          }]
+        });
+      });
+    });
+  });
+});

package/dist/utils/FormPage/applyConditionalProperties.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ = _interopRequireDefault(require(".."));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+/**
+ * Apply properties to a page based on whether certain conditions are met.
+ * @param {object} page The page object.
+ * @returns A copy of the page object with any passing conditional 
+ * properties applied.
+ */
+var applyConditionalProperties = function applyConditionalProperties(page) {
+  if (!page.conditionalProperties) {
+    return page;
+  }
+  var pageWithProperties = _objectSpread({}, page);
+  page.conditionalProperties.forEach(function (entry) {
+    if (_.default.Condition.met(entry.condition, page.formData[entry.condition.field])) {
+      pageWithProperties = Object.assign(pageWithProperties, entry.properties);
+    }
+    ;
+  });
+  return pageWithProperties;
+};
+var _default = applyConditionalProperties;
+exports.default = _default;

package/dist/utils/FormPage/applyConditionalProperties.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _applyConditionalProperties = _interopRequireDefault(require("./applyConditionalProperties"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+describe('utils.FormPage.applyConditionalProperties', function () {
+  it('should not change the page if there are no conditional properties', function () {
+    var PAGE = {
+      id: 'testPage'
+    };
+    var result = (0, _applyConditionalProperties.default)(PAGE);
+    expect(result).toEqual(PAGE);
+  });
+  it('should not apply properties with conditions that have not been met', function () {
+    var PAGE = {
+      id: 'testPage',
+      conditionalProperties: [{
+        condition: {
+          field: 'alpha',
+          op: '=',
+          value: '123'
+        },
+        properties: {
+          beta: '456'
+        }
+      }],
+      formData: {
+        alpha: '012'
+      }
+    };
+    var result = (0, _applyConditionalProperties.default)(PAGE);
+    expect(result).toEqual(PAGE);
+  });
+  it('should apply properties with conditions that have been met', function () {
+    var PAGE = {
+      id: 'testPage',
+      conditionalProperties: [{
+        condition: {
+          field: 'alpha',
+          op: '=',
+          value: '123'
+        },
+        properties: {
+          beta: '456'
+        }
+      }],
+      formData: {
+        alpha: '123'
+      }
+    };
+    var result = (0, _applyConditionalProperties.default)(PAGE);
+    expect(result).toEqual(_objectSpread(_objectSpread({}, PAGE), {}, {
+      beta: '456'
+    }));
+  });
+});

package/dist/utils/FormPage/getFormPage.js

@@ -10,9 +10,12 @@ var _getPageActions = _interopRequireDefault(require("./getPageActions"));
 var _getParagraphFromText = _interopRequireDefault(require("./getParagraphFromText"));
 var _useComponent = _interopRequireDefault(require("./useComponent"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Converts a page object defined in the JSON to a page object for rendering.
  * @param {object} pageOptions The JSON page.
@@ -28,7 +31,7 @@ var getFormPage = function getFormPage(pageOptions, formComponents, formData) {
     if (typeof componentOptions === 'string') {
       return (0, _getParagraphFromText.default)(componentOptions);
     }
-    var ret = undefined;
+    var ret;
     if (componentOptions.use) {
       ret = (0, _useComponent.default)(componentOptions, formComponents);
     } else {

package/dist/utils/FormPage/getFormPage.test.js

@@ -0,0 +1,206 @@
+"use strict";
+
+var _getFormPage = _interopRequireDefault(require("./getFormPage"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getFormPage', function () {
+      var FORM_COMPONENTS = [{
+        id: 'a',
+        fieldId: 'a',
+        label: 'Alpha',
+        type: 'text'
+      }, {
+        id: 'b',
+        fieldId: 'b',
+        label: 'Bravo',
+        type: 'text'
+      },
+      // eslint-disable-next-line no-template-curly-in-string
+      {
+        id: 'c',
+        fieldId: 'c',
+        label: 'Charlie',
+        type: 'radios',
+        data: {
+          url: '${urls.refData}/v3/charlies'
+        }
+      },
+      // eslint-disable-next-line no-template-curly-in-string
+      {
+        id: 'd',
+        fieldId: 'd',
+        label: 'Roger ${currentUser.firstname}',
+        type: 'text'
+      },
+      // eslint-disable-next-line no-template-curly-in-string
+      {
+        id: 'e',
+        fieldId: 'e',
+        label: 'Bravo ${currentUser.surname}',
+        type: 'text'
+      }];
+      var FORM_DATA = {
+        urls: {
+          refData: 'https://ho.gov.uk/ref-data/'
+        }
+      };
+      it('should handle null or undefined pageOptions', function () {
+        expect((0, _getFormPage.default)(null, FORM_COMPONENTS, FORM_DATA)).toBeNull();
+        expect((0, _getFormPage.default)(undefined, FORM_COMPONENTS, FORM_DATA)).toBeNull();
+      });
+      it('should handle a page not using any form components', function () {
+        var PAGE = {
+          title: 'Page',
+          components: [{
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }]
+        };
+        expect((0, _getFormPage.default)(PAGE, FORM_COMPONENTS, FORM_DATA)).toEqual({
+          title: PAGE.title,
+          components: PAGE.components,
+          formData: FORM_DATA
+        });
+      });
+      it('should handle a page with inline strings and convert them to paragraphs', function () {
+        var PAGE = {
+          title: 'Page',
+          components: ["Opening paragraph", {
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }, "Closing paragraph"]
+        };
+        expect((0, _getFormPage.default)(PAGE, FORM_COMPONENTS, FORM_DATA)).toEqual({
+          title: PAGE.title,
+          components: [{
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[0]
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
+            full_path: PAGE.components[1].fieldId
+          }), {
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[2]
+          }],
+          formData: FORM_DATA
+        });
+      });
+      it('should handle a page that references a form-level component', function () {
+        var PAGE = {
+          title: 'Page',
+          components: ["Opening paragraph", {
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }, "Closing paragraph", {
+            use: 'a'
+          }]
+        };
+        var A = FORM_COMPONENTS[0];
+        expect((0, _getFormPage.default)(PAGE, FORM_COMPONENTS, FORM_DATA)).toEqual({
+          title: PAGE.title,
+          components: [{
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[0]
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
+            full_path: PAGE.components[1].fieldId
+          }), {
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[2]
+          }, _objectSpread(_objectSpread({
+            use: 'a'
+          }, A), {}, {
+            cya_label: A.label,
+            full_path: A.fieldId
+          })],
+          formData: FORM_DATA
+        });
+      });
+      it('should handle a page that references a form-level component with a data url', function () {
+        var PAGE = {
+          title: 'Page',
+          components: ["Opening paragraph", {
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }, "Closing paragraph", {
+            use: 'c'
+          }]
+        };
+        var C = FORM_COMPONENTS[2];
+        expect((0, _getFormPage.default)(PAGE, FORM_COMPONENTS, FORM_DATA)).toEqual({
+          title: PAGE.title,
+          components: [{
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[0]
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
+            full_path: PAGE.components[1].fieldId
+          }), {
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[2]
+          }, _objectSpread(_objectSpread({
+            use: 'c'
+          }, C), {}, {
+            cya_label: C.label,
+            data: {
+              url: "".concat(FORM_DATA.urls.refData, "/v3/charlies")
+            },
+            full_path: C.fieldId
+          })],
+          formData: FORM_DATA
+        });
+      });
+      it('should handle a page that references a form-level component with a data url without an environment context', function () {
+        var PAGE = {
+          title: 'Page',
+          components: ["Opening paragraph", {
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }, "Closing paragraph", {
+            use: 'c'
+          }]
+        };
+        var C = FORM_COMPONENTS[2];
+        expect((0, _getFormPage.default)(PAGE, FORM_COMPONENTS, {})).toEqual({
+          title: PAGE.title,
+          components: [{
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[0]
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
+            full_path: PAGE.components[1].fieldId
+          }), {
+            type: 'html',
+            tagName: 'p',
+            content: PAGE.components[2]
+          }, // eslint-disable-next-line no-template-curly-in-string
+          _objectSpread(_objectSpread({
+            use: 'c'
+          }, C), {}, {
+            cya_label: C.label,
+            full_path: C.fieldId,
+            data: {
+              url: '/v3/charlies'
+            }
+          })],
+          formData: {}
+        });
+      });
+    });
+  });
+});

package/dist/utils/FormPage/getFormPages.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _getFormPage = _interopRequireDefault(require("./getFormPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 /**
  * Converts pages objects defined in the JSON to page objects for rendering.
  * @param {Array} pages The JSON pages.

package/dist/utils/FormPage/getFormPages.test.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _getFormPages = _interopRequireDefault(require("./getFormPages"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getFormPages', function () {
+      var FORM_COMPONENTS = [{
+        id: 'a',
+        fieldId: 'a',
+        label: 'Alpha',
+        type: 'text'
+      }, {
+        id: 'b',
+        fieldId: 'b',
+        label: 'Bravo',
+        type: 'text'
+      },
+      // eslint-disable-next-line no-template-curly-in-string
+      {
+        id: 'c',
+        fieldId: 'c',
+        label: 'Charlie',
+        type: 'radios',
+        data: {
+          url: '${urls.refData}/v3/charlies'
+        }
+      }];
+      var FORM_DATA = {
+        urls: {
+          refData: 'https://ho.gov.uk/ref-data/'
+        }
+      };
+      it('should handle null or undefined pageOptions', function () {
+        expect((0, _getFormPages.default)(null, FORM_COMPONENTS, FORM_DATA)).toEqual([]);
+        expect((0, _getFormPages.default)(undefined, FORM_COMPONENTS, FORM_DATA)).toEqual([]);
+      });
+      it('should appropriately set up multiples pages with various configurations', function () {
+        var PAGE_1 = {
+          title: 'Page 1',
+          components: [{
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }]
+        };
+        var PAGE_2 = {
+          title: 'Page 2',
+          components: ["Opening paragraph", {
+            type: 'heading',
+            size: 'l',
+            content: 'Page heading'
+          }, "Closing paragraph", {
+            use: 'c'
+          }]
+        };
+        var PAGES = [PAGE_1, PAGE_2];
+        var C = FORM_COMPONENTS[2];
+        expect((0, _getFormPages.default)(PAGES, FORM_COMPONENTS, FORM_DATA)).toEqual([{
+          index: 0,
+          title: PAGE_1.title,
+          components: PAGE_1.components,
+          formData: FORM_DATA
+        }, {
+          index: 1,
+          title: PAGE_2.title,
+          components: [{
+            type: 'html',
+            tagName: 'p',
+            content: PAGE_2.components[0]
+          }, _objectSpread(_objectSpread({}, PAGE_2.components[1]), {}, {
+            full_path: PAGE_2.components[1].fieldId
+          }), {
+            type: 'html',
+            tagName: 'p',
+            content: PAGE_2.components[2]
+          }, _objectSpread(_objectSpread({
+            use: 'c'
+          }, C), {}, {
+            cya_label: C.label,
+            data: {
+              url: "".concat(FORM_DATA.urls.refData, "/v3/charlies")
+            },
+            full_path: C.fieldId
+          })],
+          formData: FORM_DATA
+        }]);
+      });
+    });
+  });
+});

package/dist/utils/FormPage/getPageActions.js

@@ -8,7 +8,9 @@ var _models = require("../../models");
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var standardiseAction = function standardiseAction(obj) {
   var action = _objectSpread({}, obj);
   // This is in place for backwards compatibility with version 1.
@@ -41,10 +43,12 @@ var getPageActions = function getPageActions(page) {
       }
       if (a && _typeof(a) === 'object') {
         var _PageAction$DEFAULTS$;
-        if ((_PageAction$DEFAULTS$ = _models.PageAction.DEFAULTS[a.type]) !== null && _PageAction$DEFAULTS$ !== void 0 && _PageAction$DEFAULTS$.validate) {
-          a.validate = true;
+        var object = a;
+        // eslint-disable-next-line no-prototype-builtins
+        if ((_PageAction$DEFAULTS$ = _models.PageAction.DEFAULTS[object.type]) !== null && _PageAction$DEFAULTS$ !== void 0 && _PageAction$DEFAULTS$.validate && !object.hasOwnProperty('validate')) {
+          object.validate = true;
         }
-        return standardiseAction(a);
+        return standardiseAction(object);
       }
       return undefined;
     }).filter(function (a) {