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

package/dist/utils/CheckYourAnswers/getCYACollectionChangeAction.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 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 getCYACollectionChangeAction = function getCYACollectionChangeAction(page, item, _onAction, labelCount, action) {
   var label = (action === null || action === void 0 ? void 0 : action.label) || _models.CollectionLabels.change;
   return {
@@ -18,7 +21,8 @@ var getCYACollectionChangeAction = function getCYACollectionChangeAction(page, i
     type: 'action',
     action: {
       onAction: function onAction(row) {
-        var changeCallback = function changeCallback(data) {
+        var changeCallback = function changeCallback(cyaData) {
+          var data = cyaData;
           data["".concat(page.collection.name, "ActiveId")] = item.id;
           return data;
         };

package/dist/utils/CheckYourAnswers/getCYACollectionChangeAction.test.js

@@ -0,0 +1,71 @@
+"use strict";
+
+var _getCYACollectionChangeAction = _interopRequireDefault(require("./getCYACollectionChangeAction"));
+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('CheckYourAnswers', function () {
+    describe('getCYACollectionChangeAction', function () {
+      var PAGE = {
+        id: 2,
+        collection: {
+          name: 'collectionName'
+        }
+      };
+      var ITEM = {
+        id: 2
+      };
+      var TEST_DATA = {
+        page: _objectSpread({}, PAGE),
+        collectionName: [{
+          id: 1
+        }, {
+          id: 2
+        }, {
+          id: 3
+        }],
+        collectionNameActiveId: 3
+      };
+      it('should change activeId to the selected item and call onAction with the correct page', function () {
+        var ON_ACTION = function ON_ACTION(row, callback) {
+          expect(row.id).toEqual(2);
+          TEST_DATA = callback(TEST_DATA);
+        };
+        var action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
+        action.action.onAction(PAGE);
+        expect(TEST_DATA.collectionNameActiveId).toEqual(2);
+      });
+      it('should get label to custom value', function () {
+        var action = (0, _getCYACollectionChangeAction.default)(PAGE, ITEM, function () {}, 0, {
+          label: 'customName'
+        });
+        expect(action.action.label).toEqual('customName');
+      });
+      it('should call onAction with a custom page', function () {
+        var PAGE_WITH_CUSTOM_DESTINATION = {
+          id: 2,
+          collection: {
+            name: 'collectionName',
+            actions: [{
+              type: 'change',
+              label: 'confirm delete',
+              page: 'confirmDelete'
+            }]
+          }
+        };
+        var ON_ACTION = function ON_ACTION(page, callback) {
+          expect(page.pageId).toEqual('confirmDelete');
+          TEST_DATA = callback(TEST_DATA);
+        };
+        var action = (0, _getCYACollectionChangeAction.default)(PAGE_WITH_CUSTOM_DESTINATION, ITEM, ON_ACTION, 0, PAGE_WITH_CUSTOM_DESTINATION.collection.actions[0]);
+        action.action.onAction({});
+        expect(TEST_DATA.collectionNameActiveId).toEqual(2);
+      });
+    });
+  });
+});

package/dist/utils/CheckYourAnswers/getCYACollectionDeleteAction.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 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 getCYACollectionDeleteAction = function getCYACollectionDeleteAction(page, item, _onAction, labelCount, action) {
   var label = (action === null || action === void 0 ? void 0 : action.label) || _models.CollectionLabels.remove;
   return {
@@ -18,7 +21,8 @@ var getCYACollectionDeleteAction = function getCYACollectionDeleteAction(page, i
     type: 'action',
     action: {
       onAction: function onAction() {
-        var deleteCallback = function deleteCallback(data) {
+        var deleteCallback = function deleteCallback(cyaData) {
+          var data = cyaData;
           data["".concat(page.collection.name)] = data["".concat(page.collection.name)].filter(function (i) {
             return i.id !== item.id;
           });

package/dist/utils/CheckYourAnswers/getCYACollectionDeleteAction.test.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _getCYACollectionDeleteAction = _interopRequireDefault(require("./getCYACollectionDeleteAction"));
+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('CheckYourAnswers', function () {
+    describe('getCYACollectionDeleteAction', function () {
+      var PAGE = {
+        id: 'pageid',
+        collection: {
+          name: 'collectionName',
+          labels: {
+            remove: 'customName'
+          }
+        }
+      };
+      var ITEM = {
+        id: 2
+      };
+      var TEST_DATA = {
+        page: _objectSpread({}, PAGE),
+        collectionName: [{
+          id: 1
+        }, {
+          id: 2
+        }, {
+          id: 3
+        }]
+      };
+      it('should remove selected item from the form data', function () {
+        var data = null;
+        var ON_ACTION = function ON_ACTION(_, callback) {
+          data = callback(TEST_DATA);
+        };
+        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, ON_ACTION, 0, {});
+        action.action.onAction();
+        expect(data.collectionName.length).toEqual(2);
+        expect(data.collectionName[0].id).toEqual(1);
+        expect(data.collectionName[1].id).toEqual(3);
+      });
+      it('should get label to custom value', function () {
+        var action = (0, _getCYACollectionDeleteAction.default)(PAGE, ITEM, function () {}, 0, {
+          label: "customName"
+        });
+        expect(action.action.label).toEqual('customName');
+      });
+    });
+  });
+});

package/dist/utils/CheckYourAnswers/getCYARow.js

@@ -6,12 +6,26 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _Component = _interopRequireDefault(require("../Component"));
+var _optionIsSelected = _interopRequireDefault(require("../Component/optionIsSelected"));
 var _getCYAAction = _interopRequireDefault(require("./getCYAAction"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // Global imports
 
 // Local imports
 
+var setNestedValue = function setNestedValue(component, page) {
+  var _component$data, _component$data$optio;
+  (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
+    // check if option is selected and has nested component
+    if (Array.isArray(option.nested) && (0, _optionIsSelected.default)(page.formData[component.id], option)) {
+      option.nested.forEach(function (paramChild) {
+        var child = paramChild;
+        child.value = page.formData[child.id];
+      });
+    }
+  });
+};
+
 /**
  * Gets a row object, configured appropriately for a Check your answers component.
  * 
@@ -39,16 +53,5 @@ var getCYARow = function getCYARow(page, component, onAction) {
     action: (0, _getCYAAction.default)(component.readonly, page, onAction)
   };
 };
-var setNestedValue = function setNestedValue(component, page) {
-  var _component$data, _component$data$optio;
-  (_component$data = component.data) === null || _component$data === void 0 ? void 0 : (_component$data$optio = _component$data.options) === null || _component$data$optio === void 0 ? void 0 : _component$data$optio.forEach(function (option) {
-    //check if option is selected and has nested component
-    if (Array.isArray(option.nested) && page.formData[component.id] === option.value) {
-      option.nested.forEach(function (child) {
-        child.value = page.formData[child.id];
-      });
-    }
-  });
-};
 var _default = getCYARow;
 exports.default = _default;

package/dist/utils/CheckYourAnswers/getCYARow.test.js

@@ -0,0 +1,291 @@
+"use strict";
+
+var _setupTests = require("../../setupTests");
+var _getCYARow = _interopRequireDefault(require("./getCYARow"));
+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 _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('CheckYourAnswers', function () {
+    describe('getCYARow', function () {
+      it('should get an appropriate row for a readonly text component', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            a: 'Bravo'
+          }
+        };
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        (0, _setupTests.expectObjectLike)(ROW, {
+          pageId: PAGE.id,
+          fieldId: COMPONENT.fieldId,
+          key: COMPONENT.label,
+          value: 'Bravo',
+          component: COMPONENT,
+          action: null
+        });
+      });
+      it('should get an appropriate row for a readonly text component with no value', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {}
+        };
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
+          pageId: PAGE.id,
+          id: COMPONENT.id,
+          fieldId: COMPONENT.fieldId,
+          key: COMPONENT.label,
+          value: '',
+          component: COMPONENT,
+          action: null
+        });
+      });
+      it('should get an appropriate row for a readonly non-editable component', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            a: 'BLAH'
+          }
+        };
+        var COMPONENT = {
+          type: 'blah',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
+          pageId: PAGE.id,
+          id: COMPONENT.id,
+          fieldId: COMPONENT.fieldId,
+          key: COMPONENT.label,
+          value: 'BLAH',
+          action: null
+        });
+      });
+      it('should use the cya_label where there is no label', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            a: 'Bravo'
+          }
+        };
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          cya_label: 'CYA Alpha'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        (0, _setupTests.expectObjectLike)(ROW, {
+          pageId: PAGE.id,
+          fieldId: COMPONENT.fieldId,
+          key: COMPONENT.cya_label,
+          action: null,
+          component: COMPONENT,
+          value: 'Bravo'
+        });
+      });
+      it('should get an appropriate row for an editable text component', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            a: 'Bravo'
+          },
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'text',
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        (0, _setupTests.expectObjectLike)(ROW, {
+          pageId: PAGE.id,
+          fieldId: COMPONENT.fieldId,
+          key: COMPONENT.label,
+          component: COMPONENT,
+          value: 'Bravo'
+        });
+        (0, _setupTests.expectObjectLike)(ROW.action, {
+          onAction: ON_ACTION
+        });
+      });
+      it('should update any nested components in radios with corresponding values from the stored formdata', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var NESTED_VALUE = 'nestedValue';
+        var PAGE = {
+          id: 'page',
+          formData: _defineProperty({
+            a: SELECTED_VALUE
+          }, NESTED_ID, NESTED_VALUE),
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'radios',
+          id: 'a',
+          fieldId: 'a',
+          data: {
+            options: [{
+              value: SELECTED_VALUE,
+              nested: [{
+                id: NESTED_ID
+              }]
+            }]
+          }
+        };
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
+      });
+      it('should handle an undefined formData when attempting to set nested values in radios', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var PAGE = {
+          id: 'page',
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'radios',
+          id: 'a',
+          fieldId: 'a',
+          data: {
+            options: [{
+              value: SELECTED_VALUE,
+              nested: [{
+                id: NESTED_ID
+              }]
+            }]
+          }
+        };
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        expect(ROW.component.data.options[0].nested[0].value).toBeUndefined();
+      });
+      it('should update any nested components in checkboxes with corresponding values from the stored formdata', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var NESTED_VALUE = 'nestedValue';
+        var PAGE = {
+          id: 'page',
+          formData: _defineProperty({
+            a: [SELECTED_VALUE]
+          }, NESTED_ID, NESTED_VALUE),
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'checkboxes',
+          id: 'a',
+          fieldId: 'a',
+          data: {
+            options: [{
+              value: SELECTED_VALUE,
+              nested: [{
+                id: NESTED_ID
+              }]
+            }]
+          }
+        };
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        expect(ROW.component.data.options[0].nested[0].value).toEqual(NESTED_VALUE);
+      });
+      it('should handle an undefined formData when attempting to set nested values in checkboxes', function () {
+        var SELECTED_VALUE = 'selectedValue';
+        var NESTED_ID = 'nestedId';
+        var PAGE = {
+          id: 'page',
+          cya_link: {}
+        };
+        var COMPONENT = {
+          type: 'checkboxes',
+          id: 'a',
+          fieldId: 'a',
+          data: {
+            options: [{
+              value: SELECTED_VALUE,
+              nested: [{
+                id: NESTED_ID
+              }]
+            }]
+          }
+        };
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, function () {});
+        expect(ROW.component.data.options[0].nested[0].value).toBeUndefined();
+      });
+      it('should get an appropriate row for a readonly text component with no value and interpolated label', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            text: 'Smith'
+          }
+        };
+        // eslint-disable-next-line no-template-curly-in-string
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          label: 'Alpha ${text}'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        expect((0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION)).toEqual({
+          pageId: PAGE.id,
+          id: COMPONENT.id,
+          fieldId: COMPONENT.fieldId,
+          key: 'Alpha Smith',
+          value: '',
+          component: COMPONENT,
+          action: null
+        });
+      });
+      it('should use the interolated cya_label where there is no label', function () {
+        var PAGE = {
+          id: 'page',
+          formData: {
+            a: 'Bravo'
+          }
+        };
+        // eslint-disable-next-line no-template-curly-in-string
+        var COMPONENT = {
+          type: 'text',
+          readonly: true,
+          id: 'a',
+          fieldId: 'a',
+          cya_label: 'CYA Alpha ${a}'
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        var ROW = (0, _getCYARow.default)(PAGE, COMPONENT, ON_ACTION);
+        (0, _setupTests.expectObjectLike)(ROW, {
+          pageId: PAGE.id,
+          fieldId: COMPONENT.fieldId,
+          key: 'CYA Alpha Bravo',
+          action: null,
+          component: COMPONENT,
+          value: 'Bravo'
+        });
+      });
+    });
+  });
+});

package/dist/utils/CheckYourAnswers/getCYARowForGroup.js

@@ -8,9 +8,12 @@ var _react = _interopRequireDefault(require("react"));
 var _FormComponent = _interopRequireDefault(require("../../components/FormComponent"));
 var _getCYAAction = _interopRequireDefault(require("./getCYAAction"));
 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); }
 var getRowValue = function getRowValue(row) {
   if (!row.value) {
     return null;

package/dist/utils/CheckYourAnswers/getCYARowForGroup.test.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var _setupTests = require("../../setupTests");
+var _getCYARowForGroup = _interopRequireDefault(require("./getCYARowForGroup"));
+var _getCYARow = _interopRequireDefault(require("./getCYARow"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Local imports 
+
+describe('utils', function () {
+  describe('CheckYourAnswers', function () {
+    describe('getCYARowsForGroup', function () {
+      it('should check address values block', function () {
+        var COMPONENT_ADDRESS = {
+          id: 'firstLineOfTheAddress',
+          fieldId: 'firstLineOfTheAddress',
+          label: 'address',
+          type: 'text'
+        };
+        var COMPONENT_TOWN = {
+          id: 'town',
+          fieldId: 'town',
+          label: 'Town',
+          type: 'text'
+        };
+        var COMPONENT_CITY = {
+          id: 'city',
+          fieldId: 'city',
+          label: 'City',
+          type: 'text'
+        };
+        var COMPONENT_POSTCODE = {
+          id: 'postCode',
+          fieldId: 'postCode',
+          label: 'postCode',
+          type: 'text'
+        };
+        var PAGE = {
+          components: [COMPONENT_ADDRESS, COMPONENT_TOWN, COMPONENT_CITY, COMPONENT_POSTCODE],
+          id: 'addressDetails',
+          fieldId: 'UK address',
+          groups: [{
+            id: 'address',
+            label: 'Address details',
+            components: ['firstLineOfTheAddress', 'town', 'city', 'postCode']
+          }],
+          name: 'address-details',
+          title: 'Address details',
+          formData: {
+            firstLineOfTheAddress: '10 Downing Street',
+            town: 'City of Westminster',
+            city: 'London',
+            postCode: 'SW1A 2AA'
+          }
+        };
+        var ON_ACTION = function ON_ACTION() {};
+        var rows = PAGE.components.map(function (component) {
+          return (0, _getCYARow.default)(PAGE, component, ON_ACTION);
+        });
+        var _renderWithValidation = (0, _setupTests.renderWithValidation)((0, _getCYARowForGroup.default)(PAGE, PAGE.groups[0], rows, ON_ACTION).row.value),
+          container = _renderWithValidation.container;
+        expect(container.childNodes.length).toEqual(4);
+        var addressValues = container.childNodes;
+        expect(addressValues[0].childNodes[0].textContent).toEqual('10 Downing Street');
+        expect(addressValues[1].childNodes[0].textContent).toEqual('City of Westminster');
+        expect(addressValues[2].childNodes[0].textContent).toEqual('London');
+        expect(addressValues[3].childNodes[0].textContent).toEqual('SW1A 2AA');
+      });
+    });
+  });
+});