@ukhomeoffice/cop-react-form-renderer 6.7.0-alpha → 6.11.1

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

@@ -5,28 +5,28 @@ var _setupRefDataUrlForComponent = _interopRequireDefault(require("./setupRefDat
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Local imports
 
-describe('utils', () => {
-  describe('Data', () => {
-    describe('setupRefDataUrlForComponent', () => {
-      const DATA = {
+describe('utils', function () {
+  describe('Data', function () {
+    describe('setupRefDataUrlForComponent', function () {
+      var DATA = {
         urls: {
           refData: '/ref-data'
         }
       };
-      it('can handle a null component', () => {
+      it('can handle a null component', function () {
         expect((0, _setupRefDataUrlForComponent.default)(null, DATA)).toBeNull();
       });
-      it('can handle an undefined component', () => {
+      it('can handle an undefined component', function () {
         expect((0, _setupRefDataUrlForComponent.default)(undefined, DATA)).toBeUndefined();
       });
-      it('can handle a component with no data property', () => {
-        const COMPONENT = {
+      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', () => {
-        const COMPONENT = {
+      it('can handle a component with no data.url property', function () {
+        var COMPONENT = {
           id: 'component',
           data: {
             options: []
@@ -34,8 +34,8 @@ describe('utils', () => {
         };
         expect((0, _setupRefDataUrlForComponent.default)(COMPONENT, DATA)).toEqual(COMPONENT);
       });
-      it('should appropriately update the component URL', () => {
-        const COMPONENT = {
+      it('should appropriately update the component URL', function () {
+        var COMPONENT = {
           id: 'component',
           // eslint-disable-next-line no-template-curly-in-string
           data: {
@@ -49,8 +49,8 @@ describe('utils', () => {
           }
         });
       });
-      it('should leave a URL alone that does not require replacement', () => {
-        const COMPONENT = {
+      it('should leave a URL alone that does not require replacement', function () {
+        var COMPONENT = {
           id: 'component',
           data: {
             url: '/somewhere-else/v1/teams'
@@ -63,8 +63,8 @@ describe('utils', () => {
           }
         });
       });
-      it('should appropriately handle a missing value in the data', () => {
-        const COMPONENT = {
+      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: {
@@ -78,15 +78,15 @@ describe('utils', () => {
           }
         });
       });
-      it('should appropriately update the component URLs within a container', () => {
-        const COMPONENT = {
+      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'
           }
         };
-        const CONTAINER = {
+        var CONTAINER = {
           id: 'container',
           type: _models.ComponentTypes.CONTAINER,
           components: [COMPONENT]
@@ -102,15 +102,15 @@ describe('utils', () => {
           }]
         });
       });
-      it('should appropriately update the component URLs within a collection', () => {
-        const COMPONENT = {
+      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'
           }
         };
-        const COLLECTION = {
+        var COLLECTION = {
           id: 'container',
           type: _models.ComponentTypes.COLLECTION,
           item: [COMPONENT]
@@ -126,8 +126,8 @@ describe('utils', () => {
           }]
         });
       });
-      it('should not update the component URL when skipUrlInterpolation prop is true', () => {
-        const COMPONENT = {
+      it('should not update the component URL when skipUrlInterpolation prop is true', function () {
+        var COMPONENT = {
           id: 'component',
           data: {
             // eslint-disable-next-line no-template-curly-in-string

package/dist/utils/FormPage/applyConditionalProperties.js

@@ -6,20 +6,24 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _ = _interopRequireDefault(require(".."));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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.
  */
-const applyConditionalProperties = page => {
+var applyConditionalProperties = function applyConditionalProperties(page) {
   if (!page.conditionalProperties) {
     return page;
   }
-  let pageWithProperties = {
-    ...page
-  };
-  page.conditionalProperties.forEach(entry => {
+  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);
     }

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

@@ -2,18 +2,22 @@
 
 var _applyConditionalProperties = _interopRequireDefault(require("./applyConditionalProperties"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
-describe('utils.FormPage.applyConditionalProperties', () => {
-  it('should not change the page if there are no conditional properties', () => {
-    const PAGE = {
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); } // Local imports
+describe('utils.FormPage.applyConditionalProperties', function () {
+  it('should not change the page if there are no conditional properties', function () {
+    var PAGE = {
       id: 'testPage'
     };
-    const result = (0, _applyConditionalProperties.default)(PAGE);
+    var result = (0, _applyConditionalProperties.default)(PAGE);
     expect(result).toEqual(PAGE);
   });
-  it('should not apply properties with conditions that have not been met', () => {
-    const PAGE = {
+  it('should not apply properties with conditions that have not been met', function () {
+    var PAGE = {
       id: 'testPage',
       conditionalProperties: [{
         condition: {
@@ -29,11 +33,11 @@ describe('utils.FormPage.applyConditionalProperties', () => {
         alpha: '012'
       }
     };
-    const result = (0, _applyConditionalProperties.default)(PAGE);
+    var result = (0, _applyConditionalProperties.default)(PAGE);
     expect(result).toEqual(PAGE);
   });
-  it('should apply properties with conditions that have been met', () => {
-    const PAGE = {
+  it('should apply properties with conditions that have been met', function () {
+    var PAGE = {
       id: 'testPage',
       conditionalProperties: [{
         condition: {
@@ -49,10 +53,9 @@ describe('utils.FormPage.applyConditionalProperties', () => {
         alpha: '123'
       }
     };
-    const result = (0, _applyConditionalProperties.default)(PAGE);
-    expect(result).toEqual({
-      ...PAGE,
+    var result = (0, _applyConditionalProperties.default)(PAGE);
+    expect(result).toEqual(_objectSpread(_objectSpread({}, PAGE), {}, {
       beta: '456'
-    });
+    }));
   });
 });

package/dist/utils/FormPage/getConditionalText.js

@@ -32,15 +32,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {String} key The key to use to find the text to use in each option, defaults to 'text'. 
  * @returns The first string that passes its' conditions, or null if something went wrong.
  */
-const getConditionalText = function (options, formData) {
-  let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'text';
+var getConditionalText = function getConditionalText(options, formData) {
+  var key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'text';
   if (typeof options === 'string') {
     return _copReactComponents.Utils.interpolateString(options, formData);
   }
   if (!Array.isArray(options) || Object.keys(formData).length === 0) {
     return null;
   }
-  const shownOption = options.find(option => {
+  var shownOption = options.find(function (option) {
     if (typeof option === 'string') {
       // This is intended to allow a plain string 'fallback' option in the array.
       // As such, it should be the last option in the array as any options after

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

@@ -2,26 +2,26 @@
 
 var _getConditionalText = _interopRequireDefault(require("./getConditionalText"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-describe('utils.FormPage.getConditionalText', () => {
-  const FORM_DATA = {
+describe('utils.FormPage.getConditionalText', function () {
+  var FORM_DATA = {
     testField: 'Alpha',
     testField2: 'yes'
   };
-  it('should return null if no options are provided', () => {
-    const result = (0, _getConditionalText.default)(null, FORM_DATA);
+  it('should return null if no options are provided', function () {
+    var result = (0, _getConditionalText.default)(null, FORM_DATA);
     expect(result).toEqual(null);
   });
-  it('should return the option if it\'s just a string', () => {
-    const result = (0, _getConditionalText.default)('abc123', FORM_DATA);
+  it('should return the option if it\'s just a string', function () {
+    var result = (0, _getConditionalText.default)('abc123', FORM_DATA);
     expect(result).toEqual('abc123');
   });
-  it('should return a correctly interpolated string', () => {
+  it('should return a correctly interpolated string', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    const result = (0, _getConditionalText.default)('${testField} string', FORM_DATA);
+    var result = (0, _getConditionalText.default)('${testField} string', FORM_DATA);
     expect(result).toEqual("".concat(FORM_DATA.testField, " string"));
   });
-  it('should return the option that has it\'s conditions met', () => {
-    const OPTIONS = [{
+  it('should return the option that has it\'s conditions met', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -36,11 +36,11 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'yes'
       }]
     }];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
     expect(result).toEqual('Text B');
   });
-  it('should return a plain string option if one is encountered in the array', () => {
-    const OPTIONS = [{
+  it('should return a plain string option if one is encountered in the array', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -55,11 +55,11 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'notTheValue'
       }]
     }, "Default text"];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
     expect(result).toEqual('Default text');
   });
-  it('should correctly interpolate a plain string option in the array', () => {
-    const OPTIONS = [{
+  it('should correctly interpolate a plain string option in the array', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -76,11 +76,11 @@ describe('utils.FormPage.getConditionalText', () => {
     },
     // eslint-disable-next-line no-template-curly-in-string
     "${testField} text"];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
     expect(result).toEqual("".concat(FORM_DATA.testField, " text"));
   });
-  it('should correctly interpolate a conditional option', () => {
-    const OPTIONS = [{
+  it('should correctly interpolate a conditional option', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -96,11 +96,11 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'yes'
       }]
     }];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
     expect(result).toEqual("".concat(FORM_DATA.testField, " text"));
   });
-  it('should correctly use a conditional option', () => {
-    const OPTIONS = [{
+  it('should correctly use a conditional option', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -116,11 +116,11 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'yes'
       }]
     }];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA);
     expect(result).toEqual("".concat(FORM_DATA.testField, " text"));
   });
-  it('should correctly use a different key to find the text if one is provided', () => {
-    const OPTIONS = [{
+  it('should correctly use a different key to find the text if one is provided', function () {
+    var OPTIONS = [{
       customKey: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -136,11 +136,11 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'yes'
       }]
     }];
-    const result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA, 'customKey');
+    var result = (0, _getConditionalText.default)(OPTIONS, FORM_DATA, 'customKey');
     expect(result).toEqual("".concat(FORM_DATA.testField, " text"));
   });
-  it('should return null for a conditional option if formData is empty', () => {
-    const OPTIONS = [{
+  it('should return null for a conditional option if formData is empty', function () {
+    var OPTIONS = [{
       text: 'Text A',
       show_when: [{
         field: 'testField2',
@@ -156,7 +156,7 @@ describe('utils.FormPage.getConditionalText', () => {
         value: 'yes'
       }]
     }];
-    const result = (0, _getConditionalText.default)(OPTIONS, {});
+    var result = (0, _getConditionalText.default)(OPTIONS, {});
     expect(result).toEqual(null);
   });
 });

package/dist/utils/FormPage/getFormPage.js

@@ -10,8 +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 }; }
-// Local imports
-
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); } // Local imports
 /**
  * Converts a page object defined in the JSON to a page object for rendering.
  * @param {object} pageOptions The JSON page.
@@ -19,30 +23,27 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * @param {object} formData The top-level form data, used for setting up components.
  * @returns A page object for rendering.
  */
-const getFormPage = (pageOptions, formComponents, formData) => {
+var getFormPage = function getFormPage(pageOptions, formComponents, formData) {
   if (!pageOptions) {
     return null;
   }
-  const components = pageOptions.components.map(componentOptions => {
+  var components = pageOptions.components.map(function (componentOptions) {
     if (typeof componentOptions === 'string') {
       return (0, _getParagraphFromText.default)(componentOptions);
     }
-    let ret;
+    var ret;
     if (componentOptions.use) {
       ret = (0, _useComponent.default)(componentOptions, formComponents);
     } else {
-      ret = {
-        ...componentOptions
-      };
+      ret = _objectSpread({}, componentOptions);
     }
     return formData ? _Data.default.refData.setupUrl(ret, formData) : ret;
   });
-  const actions = (0, _getPageActions.default)(pageOptions);
-  return _Container.default.setup({
-    ...pageOptions,
-    formData,
-    components,
-    actions
-  });
+  var actions = (0, _getPageActions.default)(pageOptions);
+  return _Container.default.setup(_objectSpread(_objectSpread({}, pageOptions), {}, {
+    formData: formData,
+    components: components,
+    actions: actions
+  }));
 };
 var _default = exports.default = getFormPage;

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

@@ -2,12 +2,16 @@
 
 var _getFormPage = _interopRequireDefault(require("./getFormPage"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-// Local imports
-
-describe('utils', () => {
-  describe('FormPage', () => {
-    describe('getFormPage', () => {
-      const FORM_COMPONENTS = [{
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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); } // Local imports
+describe('utils', function () {
+  describe('FormPage', function () {
+    describe('getFormPage', function () {
+      var FORM_COMPONENTS = [{
         id: 'a',
         fieldId: 'a',
         label: 'Alpha',
@@ -42,17 +46,17 @@ describe('utils', () => {
         label: 'Bravo ${currentUser.surname}',
         type: 'text'
       }];
-      const FORM_DATA = {
+      var FORM_DATA = {
         urls: {
           refData: 'https://ho.gov.uk/ref-data/'
         }
       };
-      it('should handle null or undefined pageOptions', () => {
+      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', () => {
-        const PAGE = {
+      it('should handle a page not using any form components', function () {
+        var PAGE = {
           title: 'Page',
           components: [{
             type: 'heading',
@@ -66,8 +70,8 @@ describe('utils', () => {
           formData: FORM_DATA
         });
       });
-      it('should handle a page with inline strings and convert them to paragraphs', () => {
-        const PAGE = {
+      it('should handle a page with inline strings and convert them to paragraphs', function () {
+        var PAGE = {
           title: 'Page',
           components: ["Opening paragraph", {
             type: 'heading',
@@ -81,10 +85,9 @@ describe('utils', () => {
             type: 'html',
             tagName: 'p',
             content: PAGE.components[0]
-          }, {
-            ...PAGE.components[1],
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
             full_path: PAGE.components[1].fieldId
-          }, {
+          }), {
             type: 'html',
             tagName: 'p',
             content: PAGE.components[2]
@@ -92,8 +95,8 @@ describe('utils', () => {
           formData: FORM_DATA
         });
       });
-      it('should handle a page that references a form-level component', () => {
-        const PAGE = {
+      it('should handle a page that references a form-level component', function () {
+        var PAGE = {
           title: 'Page',
           components: ["Opening paragraph", {
             type: 'heading',
@@ -103,31 +106,30 @@ describe('utils', () => {
             use: 'a'
           }]
         };
-        const A = FORM_COMPONENTS[0];
+        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]
-          }, {
-            ...PAGE.components[1],
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
             full_path: PAGE.components[1].fieldId
-          }, {
+          }), {
             type: 'html',
             tagName: 'p',
             content: PAGE.components[2]
-          }, {
-            use: 'a',
-            ...A,
+          }, _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', () => {
-        const PAGE = {
+      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',
@@ -137,34 +139,33 @@ describe('utils', () => {
             use: 'c'
           }]
         };
-        const C = FORM_COMPONENTS[2];
+        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]
-          }, {
-            ...PAGE.components[1],
+          }, _objectSpread(_objectSpread({}, PAGE.components[1]), {}, {
             full_path: PAGE.components[1].fieldId
-          }, {
+          }), {
             type: 'html',
             tagName: 'p',
             content: PAGE.components[2]
-          }, {
-            use: 'c',
-            ...C,
+          }, _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', () => {
-        const PAGE = {
+      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',
@@ -174,31 +175,29 @@ describe('utils', () => {
             use: 'c'
           }]
         };
-        const C = FORM_COMPONENTS[2];
+        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]
-          }, {
-            ...PAGE.components[1],
+          }, _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
-          {
-            use: 'c',
-            ...C,
+          }, // 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: {}
         });
       });