@hmcts/ccd-case-ui-toolkit 6.13.10-case-file-view-display-document-upload-date-v4 → 6.13.10-case-file-view-sort-by-document-upload-date

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -3294,6 +3294,7 @@
             }], null, null);
     })();
 
+    // tslint:disable:variable-name
     var AddressModel = /** @class */ (function () {
         function AddressModel() {
             this.AddressLine1 = '';
@@ -3313,6 +3314,20 @@
         return Alert;
     }());
 
+    // tslint:disable:variable-name
+    var CaseDetails = /** @class */ (function () {
+        function CaseDetails() {
+        }
+        return CaseDetails;
+    }());
+
+    // tslint:disable:variable-name
+    var CaseEventData = /** @class */ (function () {
+        function CaseEventData() {
+        }
+        return CaseEventData;
+    }());
+
     var WizardPageField = /** @class */ (function () {
         function WizardPageField() {
         }
@@ -3604,6 +3619,7 @@
         __metadata("design:type", Array)
     ], CaseEventTrigger.prototype, "wizard_pages", void 0);
 
+    // tslint:disable:variable-name
     var CaseViewEvent = /** @class */ (function () {
         function CaseViewEvent() {
         }
@@ -3648,6 +3664,7 @@
         __metadata("design:type", Array)
     ], CaseType.prototype, "case_fields", void 0);
 
+    // tslint:disable:variable-name
     var EventCaseField = /** @class */ (function () {
         function EventCaseField() {
         }
@@ -3698,6 +3715,7 @@
         return CasePrintDocument;
     }());
 
+    // tslint:disable:variable-name
     var HRef = /** @class */ (function () {
         function HRef() {
         }
@@ -3729,6 +3747,20 @@
         return FormDocument;
     }());
 
+    var DRAFT_PREFIX = 'DRAFT';
+    var DRAFT_QUERY_PARAM = 'draft';
+    var Draft = /** @class */ (function () {
+        function Draft() {
+        }
+        Draft.stripDraftId = function (draftId) {
+            return draftId.slice(DRAFT_PREFIX.length);
+        };
+        Draft.isDraft = function (id) {
+            return String(id).startsWith(DRAFT_PREFIX);
+        };
+        return Draft;
+    }());
+
     var OrganisationConverter = /** @class */ (function () {
         function OrganisationConverter() {
         }
@@ -3774,6 +3806,12 @@
             }], null, null);
     })();
 
+    var PaginationMetadata = /** @class */ (function () {
+        function PaginationMetadata() {
+        }
+        return PaginationMetadata;
+    }());
+
     function hasRoles(profile) {
         if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
             return profile.user.idam.roles.length > 0;
@@ -3832,20 +3870,6 @@
         __metadata("design:type", Array)
     ], SearchResultViewItem.prototype, "hydrated_case_fields", void 0);
 
-    var DRAFT_PREFIX = 'DRAFT';
-    var DRAFT_QUERY_PARAM = 'draft';
-    var Draft = /** @class */ (function () {
-        function Draft() {
-        }
-        Draft.stripDraftId = function (draftId) {
-            return draftId.slice(DRAFT_PREFIX.length);
-        };
-        Draft.isDraft = function (id) {
-            return String(id).startsWith(DRAFT_PREFIX);
-        };
-        return Draft;
-    }());
-
     // @dynamic
     var SearchResultView = /** @class */ (function () {
         function SearchResultView() {
@@ -3866,25 +3890,23 @@
         __metadata("design:type", Array)
     ], SearchResultView.prototype, "results", void 0);
 
-    var CaseDetails = /** @class */ (function () {
-        function CaseDetails() {
+    var SortParameters = /** @class */ (function () {
+        function SortParameters(comparator, sortOrder) {
+            this.comparator = comparator;
+            this.sortOrder = sortOrder;
         }
-        return CaseDetails;
+        return SortParameters;
     }());
 
-    var CaseEventData = /** @class */ (function () {
-        function CaseEventData() {
-        }
-        return CaseEventData;
-    }());
+    exports.SortOrder = void 0;
+    (function (SortOrder) {
+        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+    })(exports.SortOrder || (exports.SortOrder = {}));
 
     var WorkbasketInputModel = /** @class */ (function () {
-        function WorkbasketInputModel(label, order, field, metadata, display_context_parameter) {
-            this.label = label;
-            this.order = order;
-            this.field = field;
-            this.metadata = metadata;
-            this.display_context_parameter = display_context_parameter;
+        function WorkbasketInputModel() {
         }
         return WorkbasketInputModel;
     }());
@@ -3894,27 +3916,6 @@
         return WorkbasketInput;
     }());
 
-    var PaginationMetadata = /** @class */ (function () {
-        function PaginationMetadata() {
-        }
-        return PaginationMetadata;
-    }());
-
-    exports.SortOrder = void 0;
-    (function (SortOrder) {
-        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-    })(exports.SortOrder || (exports.SortOrder = {}));
-
-    var SortParameters = /** @class */ (function () {
-        function SortParameters(comparator, sortOrder) {
-            this.comparator = comparator;
-            this.sortOrder = sortOrder;
-        }
-        return SortParameters;
-    }());
-
     // @dynamic
     var FieldsUtils = /** @class */ (function () {
         function FieldsUtils() {
@@ -4443,6 +4444,7 @@
                 var elements = (result[field.id] || field.value);
                 if (elements) {
                     elements.forEach(function (elem) {
+                        // tslint:disable-next-line:switch-default
                         switch (field.field_type.collection_field_type.type) {
                             case 'MoneyGBP': {
                                 elem.value = FieldsUtils.getMoneyGBP(elem.value);
@@ -4529,6 +4531,7 @@
             }, true);
         };
         ConditionParser.evaluateJoin = function (leftResult, comparator, rightResult) {
+            // tslint:disable-next-line:switch-default
             switch (comparator) {
                 case 'OR': return leftResult || rightResult;
                 case 'AND': return leftResult && rightResult;
@@ -4618,8 +4621,7 @@
             }
         };
         ConditionParser.unquoted = function (str) {
-            var res = str.replace(/^"|"$/g, '');
-            return res;
+            return str.replace(/^"|"$/g, '');
         };
         ConditionParser.findValueForComplexCondition = function (fields, head, tail, path) {
             if (!fields) {
@@ -4813,6 +4815,7 @@
                                 }
                                 // Consider what type of field this is.
                                 var ft = caseField.field_type;
+                                // tslint:disable-next-line:switch-default
                                 switch (ft.type) {
                                     case 'Collection':
                                         if (ft.collection_field_type.type === 'Complex' && ft.collection_field_type.complex_fields) {
@@ -5642,6 +5645,7 @@
                 return;
             }
             caseFields.forEach(function (caseField) {
+                // tslint:disable-next-line:switch-default
                 switch (caseField.field_type.type) {
                     case FieldTypeSanitiser.FIELD_TYPE_DYNAMIC_MULTISELECT_LIST:
                         _this.convertArrayToDynamicListOutput(caseField, data);
@@ -7028,6 +7032,227 @@
             }], function () { return [{ type: i1__namespace$1.Router }]; }, null);
     })();
 
+    var categoriesAndDocumentsTestData = {
+        case_version: 1,
+        categories: [
+            {
+                category_id: 'Beers',
+                category_name: 'Beers',
+                category_order: 1,
+                documents: [
+                    {
+                        document_url: '/test',
+                        document_filename: 'Lager encyclopedia',
+                        document_binary_url: '/test/binary',
+                        attribute_path: '',
+                        upload_timestamp: new Date(2023, 4, 11)
+                    },
+                    {
+                        document_url: '/test',
+                        document_filename: 'Beers encyclopedia',
+                        document_binary_url: '/test/binary',
+                        attribute_path: '',
+                        upload_timestamp: new Date(2023, 3, 14)
+                    },
+                    {
+                        document_url: '/test',
+                        document_filename: 'Ale encyclopedia',
+                        document_binary_url: '/test/binary',
+                        attribute_path: '',
+                        upload_timestamp: new Date(2023, 2, 12)
+                    }
+                ],
+                sub_categories: [
+                    {
+                        category_id: 'BeersBitters',
+                        category_name: 'Bitters',
+                        category_order: 1,
+                        documents: [],
+                        sub_categories: []
+                    },
+                    {
+                        category_id: 'BeersAmerican',
+                        category_name: 'American',
+                        category_order: 2,
+                        documents: [],
+                        sub_categories: []
+                    },
+                    {
+                        category_id: 'BeersAsian',
+                        category_name: 'Asian',
+                        category_order: 3,
+                        documents: [],
+                        sub_categories: []
+                    }
+                ]
+            },
+            {
+                category_id: 'Wines',
+                category_name: 'Wines',
+                category_order: 2,
+                documents: [],
+                sub_categories: [
+                    {
+                        category_id: 'WinesFrench',
+                        category_name: 'French',
+                        category_order: 1,
+                        documents: [],
+                        sub_categories: []
+                    },
+                    {
+                        category_id: 'WinesItalian',
+                        category_name: 'Italian',
+                        category_order: 2,
+                        documents: [
+                            {
+                                document_url: '/red-wine',
+                                document_filename: 'Details about red wine',
+                                document_binary_url: '/test/binary',
+                                attribute_path: '',
+                                upload_timestamp: null
+                            },
+                            {
+                                document_url: '/white-wine',
+                                document_filename: 'Details about white wine',
+                                document_binary_url: '/test/binary',
+                                attribute_path: '',
+                                upload_timestamp: new Date(2023, 1, 10)
+                            },
+                            {
+                                document_url: '/prosecco',
+                                document_filename: 'Details about Prosecco',
+                                document_binary_url: '/test/binary',
+                                attribute_path: '',
+                                upload_timestamp: new Date(2023, 3, 12)
+                            },
+                            {
+                                document_url: '/pinot-grigio',
+                                document_filename: 'Details about Pinot Grigio',
+                                document_binary_url: '/test/binary',
+                                attribute_path: '',
+                                upload_timestamp: new Date(2023, 2, 16)
+                            }
+                        ],
+                        sub_categories: []
+                    }
+                ]
+            },
+            {
+                category_id: 'Spirits',
+                category_name: 'Spirits',
+                category_order: 3,
+                documents: [],
+                sub_categories: [
+                    {
+                        category_id: 'SpiritsWhisky',
+                        category_name: 'Scotch whisky',
+                        category_order: 1,
+                        documents: [],
+                        sub_categories: [
+                            {
+                                category_id: 'WhiskyHighland',
+                                category_name: 'Highland',
+                                category_order: 1,
+                                documents: [],
+                                sub_categories: [
+                                    {
+                                        category_id: 'WhiskyHighland1',
+                                        category_name: 'Highland 1',
+                                        category_order: 1,
+                                        documents: [],
+                                        sub_categories: []
+                                    }
+                                ]
+                            },
+                            {
+                                category_id: 'WhiskyLowland',
+                                category_name: 'Lowland',
+                                category_order: 2,
+                                documents: [],
+                                sub_categories: [
+                                    {
+                                        category_id: 'WhiskyLowland1',
+                                        category_name: 'Lowland 1',
+                                        category_order: 1,
+                                        documents: [
+                                            {
+                                                document_url: '/test',
+                                                document_filename: 'Details about Whisky Lowland 1',
+                                                document_binary_url: '/test/binary',
+                                                attribute_path: '',
+                                                upload_timestamp: new Date(2022, 5, 21)
+                                            }
+                                        ],
+                                        sub_categories: []
+                                    },
+                                    {
+                                        category_id: 'WhiskyLowland2',
+                                        category_name: 'Lowland 2',
+                                        category_order: 2,
+                                        documents: [],
+                                        sub_categories: []
+                                    }
+                                ]
+                            },
+                            {
+                                category_id: 'WhiskyIslay',
+                                category_name: 'Islay',
+                                category_order: 3,
+                                documents: [
+                                    {
+                                        document_url: '/test',
+                                        document_filename: 'Details about Whisky Islay',
+                                        document_binary_url: '/test/binary',
+                                        attribute_path: '',
+                                        upload_timestamp: new Date(2022, 10, 4)
+                                    },
+                                    {
+                                        document_url: '/test',
+                                        document_filename: 'More information about Whisky Islay',
+                                        document_binary_url: '/test/binary',
+                                        attribute_path: '',
+                                        upload_timestamp: new Date(2022, 11, 28)
+                                    }
+                                ],
+                                sub_categories: []
+                            },
+                            {
+                                category_id: 'WhiskySpeyside',
+                                category_name: 'Speyside',
+                                category_order: 4,
+                                documents: [],
+                                sub_categories: []
+                            },
+                            {
+                                category_id: 'WhiskyCampbeltown',
+                                category_name: 'Campbeltown',
+                                category_order: 5,
+                                documents: [],
+                                sub_categories: []
+                            }
+                        ]
+                    }
+                ]
+            }
+        ],
+        uncategorised_documents: [
+            {
+                document_url: '/uncategorised-document-1',
+                document_filename: 'Uncategorised document 1',
+                document_binary_url: '/test/binary',
+                attribute_path: '',
+                upload_timestamp: new Date(2022, 10, 17)
+            },
+            {
+                document_url: '/uncategorised-document-2',
+                document_filename: 'Uncategorised document 2',
+                document_binary_url: '/test/binary',
+                attribute_path: '',
+                upload_timestamp: new Date(2023, 1, 23)
+            }
+        ]
+    };
+
     var CaseFileViewService = /** @class */ (function () {
         function CaseFileViewService(http, appConfig) {
             this.http = http;
@@ -7040,6 +7265,16 @@
          * @returns An `Observable` of the `CategoriesAndDocuments` for the case
          */
         CaseFileViewService.prototype.getCategoriesAndDocuments = function (caseRef) {
+            // Case file view v1.1 epic - https://tools.hmcts.net/jira/browse/EUI-7807
+            // Display upload_timestamp - https://tools.hmcts.net/jira/browse/EUI-7819
+            // Sort by upload_timestamp - https://tools.hmcts.net/jira/browse/EUI-7812
+            // The property upload_timestamp is not available as it is not yet implemented by CCD
+            // Using this case reference '1666863124102280' to return the mock data with upload_timestamp
+            // The below 'if' statement should be removed once the upload_timestamp property is made available by CCD
+            // https://tools.hmcts.net/jira/browse/EUI-8129
+            if (caseRef === '1666863124102280') {
+                return rxjs.of(categoriesAndDocumentsTestData);
+            }
             var url = this.appConfig.getCategoriesAndDocumentsUrl();
             if (url) {
                 url += "/" + caseRef;
@@ -8290,31 +8525,31 @@
         };
         WizardPageFieldToCaseFieldMapper.prototype.processComplexFieldOverride = function (override, caseField, caseFields) {
             var caseFieldIds = override.complex_field_element_id.split('.');
-            var case_field_leaf;
+            var caseFieldLeaf;
             var children = this.getCaseFieldChildren(caseField);
             if (children.length > 0) {
                 var _a = __read(caseFieldIds), _ = _a[0], tail = _a.slice(1);
-                case_field_leaf = this.getCaseFieldLeaf(tail, children);
+                caseFieldLeaf = this.getCaseFieldLeaf(tail, children);
             }
             else {
-                case_field_leaf = this.getCaseFieldLeaf(caseFieldIds, caseFields);
+                caseFieldLeaf = this.getCaseFieldLeaf(caseFieldIds, caseFields);
             }
             if (override.display_context !== 'HIDDEN') {
-                case_field_leaf.hidden = false;
-                case_field_leaf.display_context = override.display_context;
+                caseFieldLeaf.hidden = false;
+                caseFieldLeaf.display_context = override.display_context;
                 if (override.label && override.label.length > 0) {
-                    case_field_leaf.label = override.label;
+                    caseFieldLeaf.label = override.label;
                 }
                 if (override.hint_text && override.hint_text.length > 0) {
-                    case_field_leaf.hint_text = override.hint_text;
+                    caseFieldLeaf.hint_text = override.hint_text;
                 }
                 if (override.show_condition && override.show_condition.length > 0) {
-                    case_field_leaf.show_condition = override.show_condition;
+                    caseFieldLeaf.show_condition = override.show_condition;
                 }
             }
             else {
-                case_field_leaf.hidden = true;
-                case_field_leaf.display_context = override.display_context;
+                caseFieldLeaf.hidden = true;
+                caseFieldLeaf.display_context = override.display_context;
             }
         };
         WizardPageFieldToCaseFieldMapper.prototype.fixShowConditionPath = function (caseField, pathPrefix) {
@@ -10566,8 +10801,8 @@
             }
         };
         CaseEditPageComponent.prototype.callbackErrorsNotify = function (errorContext) {
-            this.ignoreWarning = errorContext.ignore_warning;
-            this.triggerText = errorContext.trigger_text;
+            this.ignoreWarning = errorContext.ignoreWarning;
+            this.triggerText = errorContext.triggerText;
         };
         CaseEditPageComponent.prototype.next = function () {
             this.resetErrors();
@@ -10913,12 +11148,12 @@
         CallbackErrorsComponent.prototype.buildCallbackErrorsContext = function () {
             var errorContext = new CallbackErrorsContext();
             if (this.hasWarnings() && !this.hasErrors() && !this.hasInvalidData()) {
-                errorContext.ignore_warning = true;
-                errorContext.trigger_text = this.triggerTextIgnore;
+                errorContext.ignoreWarning = true;
+                errorContext.triggerText = this.triggerTextIgnore;
             }
             else {
-                errorContext.ignore_warning = false;
-                errorContext.trigger_text = this.triggerTextContinue;
+                errorContext.ignoreWarning = false;
+                errorContext.triggerText = this.triggerTextContinue;
             }
             return errorContext;
         };
@@ -12743,7 +12978,7 @@
             }
         };
         WriteCollectionFieldComponent.prototype.buildCaseField = function (item, index, isNew) {
-            var e_1, _a;
+            var e_1, _c;
             if (isNew === void 0) { isNew = false; }
             /**
              * What follow is code that makes me want to go jump in the shower!
@@ -12779,8 +13014,8 @@
                 if (!value) {
                     value = new i2.FormGroup({});
                     try {
-                        for (var _b = __values(Object.keys(group.controls)), _c = _b.next(); !_c.done; _c = _b.next()) {
-                            var key = _c.value;
+                        for (var _d = __values(Object.keys(group.controls)), _e = _d.next(); !_e.done; _e = _d.next()) {
+                            var key = _e.value;
                             value.addControl(key, group.get(key));
                             // DON'T remove the control for this key from the outer group or it
                             // goes awry. So DON'T uncomment the below line!
@@ -12790,7 +13025,7 @@
                     catch (e_1_1) { e_1 = { error: e_1_1 }; }
                     finally {
                         try {
-                            if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                            if (_e && !_e.done && (_c = _d.return)) _c.call(_d);
                         }
                         finally { if (e_1) throw e_1.error; }
                     }
@@ -12921,6 +13156,7 @@
             this.formArray.removeAt(index);
         };
         WriteCollectionFieldComponent.prototype.resetIds = function (index) {
+            var _a, _b;
             for (var i = index; i < this.collItems.length; i++) {
                 var counter = i + 1;
                 if (this.collItems[i].index && this.collItems[i].index === counter) {
@@ -12935,8 +13171,7 @@
                 if (this.collItems[i].prefix && this.collItems[i].prefix === idPrefix1Current) {
                     this.collItems[i].prefix = idPrefix1;
                 }
-                var idPrefixAvailable = this.collItems[i].container && this.collItems[i].container['component']
-                    && this.collItems[i].container['component'].idPrefix ? true : false;
+                var idPrefixAvailable = !!((_b = (_a = this.collItems[i].container) === null || _a === void 0 ? void 0 : _a['component']) === null || _b === void 0 ? void 0 : _b.idPrefix);
                 var idPrefix2 = idPrefixAvailable ?
                     this.collItems[i].container['component'].idPrefix.replace("_" + counter.toString(), "_" + i.toString()) : '';
                 var idPrefix2current = idPrefix2.replace("_" + i.toString(), "_" + counter.toString());
@@ -14295,40 +14530,52 @@
             }], null, null);
     })();
 
-    var DynamicRadioListPipe = /** @class */ (function () {
-        function DynamicRadioListPipe() {
+    var FixedListPipe = /** @class */ (function () {
+        function FixedListPipe() {
         }
-        DynamicRadioListPipe.prototype.transform = function (value, items) {
-            /**
-             *
-             * If value is object with element `value.code`, use code instead.
-             */
-            if (value && value.value && value.value.code) {
-                value = value.value.code;
+        FixedListPipe.prototype.transform = function (value, items) {
+            if (!!items) {
+                var item = items.find(function (i) { return i.code === value; });
+                return item ? item.label : FixedListPipe.EMPTY;
+            }
+            else {
+                return FixedListPipe.EMPTY;
             }
-            var item = items.find(function (i) { return i.code === value; });
-            return item ? item.label : DynamicRadioListPipe.EMPTY;
         };
-        return DynamicRadioListPipe;
+        return FixedListPipe;
     }());
-    DynamicRadioListPipe.EMPTY = '';
-    DynamicRadioListPipe.ɵfac = function DynamicRadioListPipe_Factory(t) { return new (t || DynamicRadioListPipe)(); };
-    DynamicRadioListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdDynamicRadioList", type: DynamicRadioListPipe, pure: true });
+    FixedListPipe.EMPTY = '';
+    FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
+    FixedListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DynamicRadioListPipe, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FixedListPipe, [{
                 type: i0.Pipe,
                 args: [{
-                        name: 'ccdDynamicRadioList'
+                        name: 'ccdFixedList'
                     }]
             }], null, null);
     })();
 
-    var ReadDynamicRadioListFieldComponent = /** @class */ (function (_super) {
-        __extends(ReadDynamicRadioListFieldComponent, _super);
-        function ReadDynamicRadioListFieldComponent() {
+    function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFixedList");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var value_r1 = ctx.$implicit;
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
+        }
+    }
+    var ReadDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadDynamicMultiSelectListFieldComponent, _super);
+        function ReadDynamicMultiSelectListFieldComponent() {
             return _super !== null && _super.apply(this, arguments) || this;
         }
-        ReadDynamicRadioListFieldComponent.prototype.ngOnInit = function () {
+        ReadDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
             /**
              *
              * Reassigning list_items from formatted_list when list_items is empty
@@ -14336,43 +14583,37 @@
             if (!this.caseField.list_items && this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
                 this.caseField.list_items = this.caseField.formatted_value.list_items;
             }
-            /**
-             *
-             * Seems formatted_value can also be empty for DynamicRadioList's. Reassigning list_items from value.list_items in that case
-             */
-            if (!this.caseField.list_items && this.caseField.value && this.caseField.value.list_items) {
-                this.caseField.list_items = this.caseField.value.list_items;
+            if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
+                this.caseField.value = this.caseField.formatted_value.value;
             }
+            _super.prototype.ngOnInit.call(this);
         };
-        return ReadDynamicRadioListFieldComponent;
+        return ReadDynamicMultiSelectListFieldComponent;
     }(AbstractFieldReadComponent));
-    ReadDynamicRadioListFieldComponent.ɵfac = function ReadDynamicRadioListFieldComponent_Factory(t) { return ɵReadDynamicRadioListFieldComponent_BaseFactory(t || ReadDynamicRadioListFieldComponent); };
-    ReadDynamicRadioListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicRadioListFieldComponent, selectors: [["ccd-read-dynamic-radio-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadDynamicRadioListFieldComponent_Template(rf, ctx) {
+    ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
+    ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "span", 0);
-                i0__namespace.ɵɵtext(1);
-                i0__namespace.ɵɵpipe(2, "ccdDynamicRadioList");
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
+                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.value);
             }
-        }, pipes: [DynamicRadioListPipe], encapsulation: 2 });
-    var ɵReadDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicRadioListFieldComponent);
+        }, directives: [i1__namespace.NgForOf], pipes: [FixedListPipe], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
+    var ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicRadioListFieldComponent, [{
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
                 type: i0.Component,
                 args: [{
-                        selector: 'ccd-read-dynamic-radio-list-field',
-                        template: '<span class="text-16">{{caseField.value | ccdDynamicRadioList:caseField.list_items}}</span>',
+                        selector: 'ccd-read-dynamic-multi-select-list-field',
+                        templateUrl: './read-dynamic-multi-select-list-field.html',
+                        styleUrls: ['./read-dynamic-multi-select-list-field.component.scss']
                     }]
             }], null, null);
     })();
 
-    function WriteDynamicRadioListFieldComponent_span_4_Template(rf, ctx) {
+    function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 7);
+            i0__namespace.ɵɵelementStart(0, "span", 5);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
             i0__namespace.ɵɵelementEnd();
@@ -14383,9 +14624,9 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
         }
     }
-    function WriteDynamicRadioListFieldComponent_span_5_Template(rf, ctx) {
+    function WriteDynamicMultiSelectListFieldComponent_span_4_Template(rf, ctx) {
         if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 8);
+            i0__namespace.ɵɵelementStart(0, "span", 6);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵelementEnd();
         }
@@ -14395,27 +14636,272 @@
             i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
         }
     }
-    function WriteDynamicRadioListFieldComponent_span_6_Template(rf, ctx) {
+    function WriteDynamicMultiSelectListFieldComponent_span_5_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "span", 7);
-            i0__namespace.ɵɵtext(1, "Select an option below");
-            i0__namespace.ɵɵelementEnd();
-        }
-    }
-    function WriteDynamicRadioListFieldComponent_span_7_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 9);
             i0__namespace.ɵɵtext(1);
             i0__namespace.ɵɵpipe(2, "ccdFirstError");
             i0__namespace.ɵɵelementEnd();
         }
         if (rf & 2) {
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            var ctx_r2 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors));
         }
     }
-    var _c0$L = function (a0) { return { selected: a0 }; };
+    function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) {
+        if (rf & 1) {
+            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
+            i0__namespace.ɵɵelementContainerStart(0);
+            i0__namespace.ɵɵelementStart(1, "div", 8);
+            i0__namespace.ɵɵelementStart(2, "input", 9);
+            i0__namespace.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "label", 10);
+            i0__namespace.ɵɵtext(4);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementContainerEnd();
+        }
+        if (rf & 2) {
+            var checkbox_r4 = ctx.$implicit;
+            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(2);
+            i0__namespace.ɵɵpropertyInterpolate("id", ctx_r3.createElementId(checkbox_r4.code));
+            i0__namespace.ɵɵpropertyInterpolate("name", ctx_r3.id());
+            i0__namespace.ɵɵproperty("value", checkbox_r4.code)("checked", ctx_r3.isSelected(checkbox_r4.code));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
+        }
+    }
+    var _c0$L = function (a0) { return { "error": a0 }; };
+    var WriteDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
+        __extends(WriteDynamicMultiSelectListFieldComponent, _super);
+        function WriteDynamicMultiSelectListFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        WriteDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            this.checkboxes = new i2.FormArray([]);
+            this.setInitialCaseList();
+            this.setInitialCaseFieldValue();
+            // Initialise array with existing values
+            if (this.caseField.value && Array.isArray(this.caseField.value)) {
+                var values = this.caseField.value;
+                values.forEach(function (value) {
+                    _this.checkboxes.push(new i2.FormControl(value));
+                });
+            }
+            this.dynamicListFormControl = this.registerControl(new i2.FormControl(this.checkboxes.value));
+            this.dynamicListFormControl.setValue(this.checkboxes.value);
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.onCheckChange = function (event) {
+            var _this = this;
+            var target = event.target;
+            if (!target || !target.value) {
+                return;
+            }
+            var selectedListItem = this.getValueListItem(target.value);
+            if (!this.isSelected(target.value)) {
+                // Add a new control in the FormArray
+                this.checkboxes.push(new i2.FormControl(selectedListItem));
+            }
+            else {
+                // Remove the control from the FormArray
+                this.checkboxes.controls.forEach(function (ctrl, i) {
+                    if (ctrl.value.code === target.value) {
+                        _this.checkboxes.removeAt(i);
+                    }
+                });
+            }
+            this.dynamicListFormControl.setValue(this.checkboxes.value);
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.isSelected = function (code) {
+            if (this.checkboxes && this.checkboxes.controls) {
+                return this.checkboxes.controls.find(function (control) { return control.value.code === code; });
+            }
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.getValueListItem = function (value) {
+            return this.caseField.list_items.find(function (i) { return i.code === value; });
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseList = function () {
+            var hasListItems = this.caseField.list_items && this.caseField.list_items.length > 0;
+            var hasFormattedListItems = this.caseField.formatted_value && this.caseField.formatted_value.list_items.length > 0;
+            if (!hasListItems && hasFormattedListItems) {
+                this.caseField.list_items = this.caseField.formatted_value.list_items;
+            }
+        };
+        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseFieldValue = function () {
+            if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
+                this.caseField.value = this.caseField.formatted_value.value;
+            }
+            var isNull = this.caseField.value === undefined || this.caseField.value === '';
+            if (isNull || !Array.isArray(this.caseField.value)) {
+                this.caseField.value = [];
+            }
+        };
+        return WriteDynamicMultiSelectListFieldComponent;
+    }(AbstractFieldWriteComponent));
+    WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
+    WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "id", "name", "value", "checked", "change"], [1, "form-label", 3, "for"]], template: function WriteDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "div", 0);
+                i0__namespace.ɵɵelementStart(1, "fieldset");
+                i0__namespace.ɵɵelementStart(2, "legend");
+                i0__namespace.ɵɵtemplate(3, WriteDynamicMultiSelectListFieldComponent_span_3_Template, 3, 3, "span", 1);
+                i0__namespace.ɵɵtemplate(4, WriteDynamicMultiSelectListFieldComponent_span_4_Template, 2, 1, "span", 2);
+                i0__namespace.ɵɵtemplate(5, WriteDynamicMultiSelectListFieldComponent_span_5_Template, 3, 3, "span", 3);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(6, WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template, 5, 6, "ng-container", 4);
+                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$L, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
+                i0__namespace.ɵɵadvance(3);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", ctx.checkboxes.errors && ctx.checkboxes.touched);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
+            }
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    var ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-write-dynamic-multi-select-list-field',
+                        templateUrl: './write-dynamic-multi-select-list-field.html'
+                    }]
+            }], null, null);
+    })();
+
+    var DynamicRadioListPipe = /** @class */ (function () {
+        function DynamicRadioListPipe() {
+        }
+        DynamicRadioListPipe.prototype.transform = function (value, items) {
+            /**
+             *
+             * If value is object with element `value.code`, use code instead.
+             */
+            if (value && value.value && value.value.code) {
+                value = value.value.code;
+            }
+            var item = items.find(function (i) { return i.code === value; });
+            return item ? item.label : DynamicRadioListPipe.EMPTY;
+        };
+        return DynamicRadioListPipe;
+    }());
+    DynamicRadioListPipe.EMPTY = '';
+    DynamicRadioListPipe.ɵfac = function DynamicRadioListPipe_Factory(t) { return new (t || DynamicRadioListPipe)(); };
+    DynamicRadioListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdDynamicRadioList", type: DynamicRadioListPipe, pure: true });
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(DynamicRadioListPipe, [{
+                type: i0.Pipe,
+                args: [{
+                        name: 'ccdDynamicRadioList'
+                    }]
+            }], null, null);
+    })();
+
+    var ReadDynamicRadioListFieldComponent = /** @class */ (function (_super) {
+        __extends(ReadDynamicRadioListFieldComponent, _super);
+        function ReadDynamicRadioListFieldComponent() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        ReadDynamicRadioListFieldComponent.prototype.ngOnInit = function () {
+            /**
+             *
+             * Reassigning list_items from formatted_list when list_items is empty
+             */
+            if (!this.caseField.list_items && this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
+                this.caseField.list_items = this.caseField.formatted_value.list_items;
+            }
+            /**
+             *
+             * Seems formatted_value can also be empty for DynamicRadioList's. Reassigning list_items from value.list_items in that case
+             */
+            if (!this.caseField.list_items && this.caseField.value && this.caseField.value.list_items) {
+                this.caseField.list_items = this.caseField.value.list_items;
+            }
+        };
+        return ReadDynamicRadioListFieldComponent;
+    }(AbstractFieldReadComponent));
+    ReadDynamicRadioListFieldComponent.ɵfac = function ReadDynamicRadioListFieldComponent_Factory(t) { return ɵReadDynamicRadioListFieldComponent_BaseFactory(t || ReadDynamicRadioListFieldComponent); };
+    ReadDynamicRadioListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicRadioListFieldComponent, selectors: [["ccd-read-dynamic-radio-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 3, vars: 4, consts: [[1, "text-16"]], template: function ReadDynamicRadioListFieldComponent_Template(rf, ctx) {
+            if (rf & 1) {
+                i0__namespace.ɵɵelementStart(0, "span", 0);
+                i0__namespace.ɵɵtext(1);
+                i0__namespace.ɵɵpipe(2, "ccdDynamicRadioList");
+                i0__namespace.ɵɵelementEnd();
+            }
+            if (rf & 2) {
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx.caseField.value, ctx.caseField.list_items));
+            }
+        }, pipes: [DynamicRadioListPipe], encapsulation: 2 });
+    var ɵReadDynamicRadioListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicRadioListFieldComponent);
+    (function () {
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicRadioListFieldComponent, [{
+                type: i0.Component,
+                args: [{
+                        selector: 'ccd-read-dynamic-radio-list-field',
+                        template: '<span class="text-16">{{caseField.value | ccdDynamicRadioList:caseField.list_items}}</span>',
+                    }]
+            }], null, null);
+    })();
+
+    function WriteDynamicRadioListFieldComponent_span_4_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 7);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r0 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
+        }
+    }
+    function WriteDynamicRadioListFieldComponent_span_5_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 8);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
+        }
+    }
+    function WriteDynamicRadioListFieldComponent_span_6_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 7);
+            i0__namespace.ɵɵtext(1, "Select an option below");
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function WriteDynamicRadioListFieldComponent_span_7_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "span", 9);
+            i0__namespace.ɵɵtext(1);
+            i0__namespace.ɵɵpipe(2, "ccdFirstError");
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r3 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(1);
+            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r3.dynamicRadioListControl.errors));
+        }
+    }
+    var _c0$K = function (a0) { return { selected: a0 }; };
     function WriteDynamicRadioListFieldComponent_div_9_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 10);
@@ -14428,7 +14914,7 @@
         if (rf & 2) {
             var radioButton_r5 = ctx.$implicit;
             var ctx_r4 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$L, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$K, ctx_r4.dynamicRadioListControl.value === radioButton_r5.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r4.createElementId(radioButton_r5.code))("name", ctx_r4.createElementId(radioButton_r5.code))("formControl", ctx_r4.dynamicRadioListControl)("value", radioButton_r5.code);
             i0__namespace.ɵɵadvance(1);
@@ -14592,7 +15078,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.emailControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$K = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
     var _c1$h = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteEmailFieldComponent = /** @class */ (function (_super) {
         __extends(WriteEmailFieldComponent, _super);
@@ -14617,7 +15103,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$K, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$J, !ctx.emailControl.valid && (ctx.emailControl.dirty || ctx.emailControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14627,42 +15113,16 @@
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched));
                 i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
-            }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-    var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteEmailFieldComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-write-email-field',
-                        templateUrl: 'write-email-field.html'
-                    }]
-            }], null, null);
-    })();
-
-    var FixedListPipe = /** @class */ (function () {
-        function FixedListPipe() {
-        }
-        FixedListPipe.prototype.transform = function (value, items) {
-            if (!!items) {
-                var item = items.find(function (i) { return i.code === value; });
-                return item ? item.label : FixedListPipe.EMPTY;
-            }
-            else {
-                return FixedListPipe.EMPTY;
-            }
-        };
-        return FixedListPipe;
-    }());
-    FixedListPipe.EMPTY = '';
-    FixedListPipe.ɵfac = function FixedListPipe_Factory(t) { return new (t || FixedListPipe)(); };
-    FixedListPipe.ɵpipe = i0__namespace.ɵɵdefinePipe({ name: "ccdFixedList", type: FixedListPipe, pure: true });
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c1$h, ctx.emailControl.errors && (ctx.emailControl.dirty || ctx.emailControl.touched)))("id", ctx.id())("formControl", ctx.emailControl);
+            }
+        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i2__namespace.DefaultValueAccessor, i2__namespace.NgControlStatus, i2__namespace.FormControlDirective], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
+    var ɵWriteEmailFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteEmailFieldComponent);
     (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(FixedListPipe, [{
-                type: i0.Pipe,
+        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteEmailFieldComponent, [{
+                type: i0.Component,
                 args: [{
-                        name: 'ccdFixedList'
+                        selector: 'ccd-write-email-field',
+                        templateUrl: 'write-email-field.html'
                     }]
             }], null, null);
     })();
@@ -14749,7 +15209,7 @@
             i0__namespace.ɵɵtextInterpolate(type_r4.label);
         }
     }
-    var _c0$J = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$I = function (a0) { return { "form-group-error": a0 }; };
     var WriteFixedListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteFixedListFieldComponent, _super);
         function WriteFixedListFieldComponent() {
@@ -14798,7 +15258,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$J, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$I, !ctx.fixedListFormControl.valid && (ctx.fixedListFormControl.dirty || ctx.fixedListFormControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -14916,7 +15376,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.fixedRadioListControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$I = function (a0) { return { selected: a0 }; };
+    var _c0$H = function (a0) { return { selected: a0 }; };
     function WriteFixedRadioListFieldComponent_div_8_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 9);
@@ -14929,7 +15389,7 @@
         if (rf & 2) {
             var radioButton_r4 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$I, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(7, _c0$H, ctx_r3.fixedRadioListControl.value === radioButton_r4.code));
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("id", ctx_r3.id() + "-" + radioButton_r4.code)("name", ctx_r3.id())("formControl", ctx_r3.fixedRadioListControl)("value", radioButton_r4.code);
             i0__namespace.ɵɵadvance(1);
@@ -15099,7 +15559,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r1.caseField.hint_text, " ");
         }
     }
-    var _c0$H = function (a0) { return { "hide-autocomplete": a0 }; };
+    var _c0$G = function (a0) { return { "hide-autocomplete": a0 }; };
     function WriteJudicialUserFieldComponent_mat_option_7_Template(rf, ctx) {
         if (rf & 1) {
             var _r7_1 = i0__namespace.ɵɵgetCurrentView();
@@ -15111,7 +15571,7 @@
         if (rf & 2) {
             var judicialUser_r5 = ctx.$implicit;
             var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$H, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$G, !ctx_r3.showAutocomplete))("value", judicialUser_r5.idamId);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵtextInterpolate2(" ", judicialUser_r5.fullName, " (", judicialUser_r5.emailId, ") ");
         }
@@ -15900,7 +16360,7 @@
             i0__namespace.ɵɵtextInterpolate1(" ", ctx_r13.caseReasonCommentsError, " ");
         }
     }
-    var _c0$G = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$F = function (a0) { return { "govuk-form-group--error": a0 }; };
     function LinkCasesComponent_div_8_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 35);
@@ -15918,7 +16378,7 @@
         }
         if (rf & 2) {
             var ctx_r7 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$G, !!ctx_r7.caseReasonCommentsError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(2, _c0$F, !!ctx_r7.caseReasonCommentsError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r7.caseReasonCommentsError);
         }
@@ -15975,11 +16435,11 @@
             var ctx_r0 = i0__namespace.ɵɵnextContext();
             i0__namespace.ɵɵproperty("formGroup", ctx_r0.linkCaseForm);
             i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$G, !!ctx_r0.caseNumberError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$F, !!ctx_r0.caseNumberError));
             i0__namespace.ɵɵadvance(3);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseNumberError);
             i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$G, !!ctx_r0.caseReasonError));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(10, _c0$F, !!ctx_r0.caseReasonError));
             i0__namespace.ɵɵadvance(5);
             i0__namespace.ɵɵproperty("ngIf", ctx_r0.caseReasonError);
             i0__namespace.ɵɵadvance(2);
@@ -16413,7 +16873,7 @@
                 i0__namespace.ɵɵadvance(4);
                 i0__namespace.ɵɵproperty("ngIf", ctx.linkCaseForm);
                 i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$G, !!ctx.noSelectedCaseError));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(9, _c0$F, !!ctx.noSelectedCaseError));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("ngIf", ctx.noSelectedCaseError);
                 i0__namespace.ɵɵadvance(18);
@@ -17097,7 +17557,7 @@
             i0__namespace.ɵɵtextInterpolate2(" ", case_r4.caseName, " ", i0__namespace.ɵɵpipeBind1(4, 6, case_r4.caseReference), " ");
         }
     }
-    var _c0$F = function (a0) { return { "govuk-form-group--error": a0 }; };
+    var _c0$E = function (a0) { return { "govuk-form-group--error": a0 }; };
     function UnLinkCasesComponent_div_0_div_4_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 7);
@@ -17109,7 +17569,7 @@
         }
         if (rf & 2) {
             var ctx_r1 = i0__namespace.ɵɵnextContext(2);
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$F, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(4, _c0$E, ctx_r1.unlinkErrorMessage))("formGroup", ctx_r1.unlinkCaseForm);
             i0__namespace.ɵɵadvance(1);
             i0__namespace.ɵɵproperty("ngIf", ctx_r1.unlinkErrorMessage);
             i0__namespace.ɵɵadvance(2);
@@ -17285,6 +17745,7 @@
                 }] });
     })();
 
+    // tslint:disable:variable-name
     var LinkCaseReason = /** @class */ (function () {
         function LinkCaseReason() {
         }
@@ -18050,7 +18511,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.moneyGbpControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$E = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$D = function (a0) { return { "form-group-error": a0 }; };
     var WriteMoneyGbpFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMoneyGbpFieldComponent, _super);
         function WriteMoneyGbpFieldComponent() {
@@ -18080,7 +18541,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$E, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$D, !ctx.moneyGbpControl.valid && (ctx.moneyGbpControl.dirty || ctx.moneyGbpControl.touched)));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -18228,7 +18689,7 @@
             i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
         }
     }
-    var _c0$D = function (a0) { return { "error": a0 }; };
+    var _c0$C = function (a0) { return { "error": a0 }; };
     var WriteMultiSelectListFieldComponent = /** @class */ (function (_super) {
         __extends(WriteMultiSelectListFieldComponent, _super);
         function WriteMultiSelectListFieldComponent() {
@@ -18292,7 +18753,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$D, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$C, !ctx.checkboxes.valid && (ctx.checkboxes.dirty || ctx.checkboxes.touched)))("id", ctx.id());
                 i0__namespace.ɵɵadvance(3);
                 i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
                 i0__namespace.ɵɵadvance(1);
@@ -18383,7 +18844,7 @@
             i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind2(2, 1, ctx_r2.numberControl.errors, ctx_r2.caseField.label));
         }
     }
-    var _c0$C = function (a0) { return { "form-group-error": a0 }; };
+    var _c0$B = function (a0) { return { "form-group-error": a0 }; };
     var _c1$e = function (a0) { return { "govuk-input--error": a0 }; };
     var WriteNumberFieldComponent = /** @class */ (function (_super) {
         __extends(WriteNumberFieldComponent, _super);
@@ -18408,7 +18869,7 @@
                 i0__namespace.ɵɵelementEnd();
             }
             if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$C, !ctx.numberControl.valid && ctx.numberControl.dirty));
+                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(8, _c0$B, !ctx.numberControl.valid && ctx.numberControl.dirty));
                 i0__namespace.ɵɵadvance(1);
                 i0__namespace.ɵɵproperty("for", ctx.id());
                 i0__namespace.ɵɵadvance(1);
@@ -18709,7 +19170,7 @@
             i0__namespace.ɵɵelementEnd();
         }
     }
-    var _c0$B = function (a0) { return { "scroll-container ": a0 }; };
+    var _c0$A = function (a0) { return { "scroll-container ": a0 }; };
     function WriteOrganisationFieldComponent_fieldset_3_div_14_Template(rf, ctx) {
         if (rf & 1) {
             i0__namespace.ɵɵelementStart(0, "div", 26);
@@ -18725,7 +19186,7 @@
             var ctx_r2 = i0__namespace.ɵɵnextContext(2);
             var tmp_0_0 = null;
             var tmp_2_0 = null;
-            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$B, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
+            i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(11, _c0$A, ((tmp_0_0 = i0__namespace.ɵɵpipeBind1(1, 3, ctx_r2.simpleOrganisations$)) == null ? null : tmp_0_0.length) > 10));
             i0__namespace.ɵɵadvance(2);
             i0__namespace.ɵɵproperty("ngForOf", i0__namespace.ɵɵpipeBind1(3, 5, ctx_r2.simpleOrganisations$));
             i0__namespace.ɵɵadvance(2);
@@ -19129,231 +19590,6 @@
             }], function () { return [{ type: AbstractAppConfig }, { type: SessionStorageService }]; }, null);
     })();
 
-    function ReadDynamicMultiSelectListFieldComponent_div_0_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "div");
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFixedList");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var value_r1 = ctx.$implicit;
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate1(" ", i0__namespace.ɵɵpipeBind2(2, 1, value_r1.code, ctx_r0.caseField.list_items), "\n");
-        }
-    }
-    var ReadDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
-        __extends(ReadDynamicMultiSelectListFieldComponent, _super);
-        function ReadDynamicMultiSelectListFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        ReadDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
-            /**
-             *
-             * Reassigning list_items from formatted_list when list_items is empty
-             */
-            if (!this.caseField.list_items && this.caseField.formatted_value && this.caseField.formatted_value.list_items) {
-                this.caseField.list_items = this.caseField.formatted_value.list_items;
-            }
-            if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
-                this.caseField.value = this.caseField.formatted_value.value;
-            }
-            _super.prototype.ngOnInit.call(this);
-        };
-        return ReadDynamicMultiSelectListFieldComponent;
-    }(AbstractFieldReadComponent));
-    ReadDynamicMultiSelectListFieldComponent.ɵfac = function ReadDynamicMultiSelectListFieldComponent_Factory(t) { return ɵReadDynamicMultiSelectListFieldComponent_BaseFactory(t || ReadDynamicMultiSelectListFieldComponent); };
-    ReadDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: ReadDynamicMultiSelectListFieldComponent, selectors: [["ccd-read-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 1, vars: 1, consts: [[4, "ngFor", "ngForOf"]], template: function ReadDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵtemplate(0, ReadDynamicMultiSelectListFieldComponent_div_0_Template, 3, 4, "div", 0);
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.value);
-            }
-        }, directives: [i1__namespace.NgForOf], pipes: [FixedListPipe], styles: [".multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] > td[_ngcontent-%COMP%]{padding:5px 0}.multi-select-list-field-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child > td[_ngcontent-%COMP%]{border-bottom:none}.multi-select-list-field-table[_ngcontent-%COMP%]   td.collection-actions[_ngcontent-%COMP%]{width:1px;white-space:nowrap}"] });
-    var ɵReadDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(ReadDynamicMultiSelectListFieldComponent);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(ReadDynamicMultiSelectListFieldComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-read-dynamic-multi-select-list-field',
-                        templateUrl: './read-dynamic-multi-select-list-field.html',
-                        styleUrls: ['./read-dynamic-multi-select-list-field.component.scss']
-                    }]
-            }], null, null);
-    })();
-
-    function WriteDynamicMultiSelectListFieldComponent_span_3_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 5);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFieldLabel");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r0 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r0.caseField));
-        }
-    }
-    function WriteDynamicMultiSelectListFieldComponent_span_4_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 6);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r1 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(ctx_r1.caseField.hint_text);
-        }
-    }
-    function WriteDynamicMultiSelectListFieldComponent_span_5_Template(rf, ctx) {
-        if (rf & 1) {
-            i0__namespace.ɵɵelementStart(0, "span", 7);
-            i0__namespace.ɵɵtext(1);
-            i0__namespace.ɵɵpipe(2, "ccdFirstError");
-            i0__namespace.ɵɵelementEnd();
-        }
-        if (rf & 2) {
-            var ctx_r2 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(i0__namespace.ɵɵpipeBind1(2, 1, ctx_r2.checkboxes.errors));
-        }
-    }
-    function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template(rf, ctx) {
-        if (rf & 1) {
-            var _r6_1 = i0__namespace.ɵɵgetCurrentView();
-            i0__namespace.ɵɵelementContainerStart(0);
-            i0__namespace.ɵɵelementStart(1, "div", 8);
-            i0__namespace.ɵɵelementStart(2, "input", 9);
-            i0__namespace.ɵɵlistener("change", function WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template_input_change_2_listener($event) { i0__namespace.ɵɵrestoreView(_r6_1); var ctx_r5 = i0__namespace.ɵɵnextContext(); return ctx_r5.onCheckChange($event); });
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementStart(3, "label", 10);
-            i0__namespace.ɵɵtext(4);
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementEnd();
-            i0__namespace.ɵɵelementContainerEnd();
-        }
-        if (rf & 2) {
-            var checkbox_r4 = ctx.$implicit;
-            var ctx_r3 = i0__namespace.ɵɵnextContext();
-            i0__namespace.ɵɵadvance(2);
-            i0__namespace.ɵɵpropertyInterpolate("id", ctx_r3.createElementId(checkbox_r4.code));
-            i0__namespace.ɵɵpropertyInterpolate("name", ctx_r3.id());
-            i0__namespace.ɵɵproperty("value", checkbox_r4.code)("checked", ctx_r3.isSelected(checkbox_r4.code));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵpropertyInterpolate("for", ctx_r3.createElementId(checkbox_r4.code));
-            i0__namespace.ɵɵadvance(1);
-            i0__namespace.ɵɵtextInterpolate(checkbox_r4.label);
-        }
-    }
-    var _c0$A = function (a0) { return { "error": a0 }; };
-    var WriteDynamicMultiSelectListFieldComponent = /** @class */ (function (_super) {
-        __extends(WriteDynamicMultiSelectListFieldComponent, _super);
-        function WriteDynamicMultiSelectListFieldComponent() {
-            return _super !== null && _super.apply(this, arguments) || this;
-        }
-        WriteDynamicMultiSelectListFieldComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.checkboxes = new i2.FormArray([]);
-            this.setInitialCaseList();
-            this.setInitialCaseFieldValue();
-            // Initialise array with existing values
-            if (this.caseField.value && Array.isArray(this.caseField.value)) {
-                var values = this.caseField.value;
-                values.forEach(function (value) {
-                    _this.checkboxes.push(new i2.FormControl(value));
-                });
-            }
-            this.dynamicListFormControl = this.registerControl(new i2.FormControl(this.checkboxes.value));
-            this.dynamicListFormControl.setValue(this.checkboxes.value);
-        };
-        WriteDynamicMultiSelectListFieldComponent.prototype.onCheckChange = function (event) {
-            var _this = this;
-            var target = event.target;
-            if (!target || !target.value) {
-                return;
-            }
-            var selectedListItem = this.getValueListItem(target.value);
-            if (!this.isSelected(target.value)) {
-                // Add a new control in the FormArray
-                this.checkboxes.push(new i2.FormControl(selectedListItem));
-            }
-            else {
-                // Remove the control from the FormArray
-                this.checkboxes.controls.forEach(function (ctrl, i) {
-                    if (ctrl.value.code === target.value) {
-                        _this.checkboxes.removeAt(i);
-                    }
-                });
-            }
-            this.dynamicListFormControl.setValue(this.checkboxes.value);
-        };
-        WriteDynamicMultiSelectListFieldComponent.prototype.isSelected = function (code) {
-            if (this.checkboxes && this.checkboxes.controls) {
-                return this.checkboxes.controls.find(function (control) { return control.value.code === code; });
-            }
-        };
-        WriteDynamicMultiSelectListFieldComponent.prototype.getValueListItem = function (value) {
-            return this.caseField.list_items.find(function (i) { return i.code === value; });
-        };
-        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseList = function () {
-            var hasListItems = this.caseField.list_items && this.caseField.list_items.length > 0;
-            var hasFormattedListItems = this.caseField.formatted_value && this.caseField.formatted_value.list_items.length > 0;
-            if (!hasListItems && hasFormattedListItems) {
-                this.caseField.list_items = this.caseField.formatted_value.list_items;
-            }
-        };
-        WriteDynamicMultiSelectListFieldComponent.prototype.setInitialCaseFieldValue = function () {
-            if (!this.caseField.value && this.caseField.formatted_value && this.caseField.formatted_value.value) {
-                this.caseField.value = this.caseField.formatted_value.value;
-            }
-            var isNull = this.caseField.value === undefined || this.caseField.value === '';
-            if (isNull || !Array.isArray(this.caseField.value)) {
-                this.caseField.value = [];
-            }
-        };
-        return WriteDynamicMultiSelectListFieldComponent;
-    }(AbstractFieldWriteComponent));
-    WriteDynamicMultiSelectListFieldComponent.ɵfac = function WriteDynamicMultiSelectListFieldComponent_Factory(t) { return ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory(t || WriteDynamicMultiSelectListFieldComponent); };
-    WriteDynamicMultiSelectListFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: WriteDynamicMultiSelectListFieldComponent, selectors: [["ccd-write-dynamic-multi-select-list-field"]], features: [i0__namespace.ɵɵInheritDefinitionFeature], decls: 7, vars: 8, consts: [[1, "form-group", "bottom-30", 3, "ngClass", "id"], ["class", "form-label", 4, "ngIf"], ["class", "form-hint", 4, "ngIf"], ["class", "error-message", 4, "ngIf"], [4, "ngFor", "ngForOf"], [1, "form-label"], [1, "form-hint"], [1, "error-message"], [1, "multiple-choice"], ["type", "checkbox", 1, "form-control", 3, "id", "name", "value", "checked", "change"], [1, "form-label", 3, "for"]], template: function WriteDynamicMultiSelectListFieldComponent_Template(rf, ctx) {
-            if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "div", 0);
-                i0__namespace.ɵɵelementStart(1, "fieldset");
-                i0__namespace.ɵɵelementStart(2, "legend");
-                i0__namespace.ɵɵtemplate(3, WriteDynamicMultiSelectListFieldComponent_span_3_Template, 3, 3, "span", 1);
-                i0__namespace.ɵɵtemplate(4, WriteDynamicMultiSelectListFieldComponent_span_4_Template, 2, 1, "span", 2);
-                i0__namespace.ɵɵtemplate(5, WriteDynamicMultiSelectListFieldComponent_span_5_Template, 3, 3, "span", 3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵtemplate(6, WriteDynamicMultiSelectListFieldComponent_ng_container_6_Template, 5, 6, "ng-container", 4);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
-            }
-            if (rf & 2) {
-                i0__namespace.ɵɵproperty("ngClass", i0__namespace.ɵɵpureFunction1(6, _c0$A, !ctx.checkboxes.valid && ctx.checkboxes.touched))("id", ctx.id());
-                i0__namespace.ɵɵadvance(3);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.label);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.caseField.hint_text);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngIf", ctx.checkboxes.errors && ctx.checkboxes.touched);
-                i0__namespace.ɵɵadvance(1);
-                i0__namespace.ɵɵproperty("ngForOf", ctx.caseField.list_items);
-            }
-        }, directives: [i1__namespace.NgClass, i1__namespace.NgIf, i1__namespace.NgForOf], pipes: [FieldLabelPipe, FirstErrorPipe], encapsulation: 2 });
-    var ɵWriteDynamicMultiSelectListFieldComponent_BaseFactory = /*@__PURE__*/ i0__namespace.ɵɵgetInheritedFactory(WriteDynamicMultiSelectListFieldComponent);
-    (function () {
-        (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(WriteDynamicMultiSelectListFieldComponent, [{
-                type: i0.Component,
-                args: [{
-                        selector: 'ccd-write-dynamic-multi-select-list-field',
-                        templateUrl: './write-dynamic-multi-select-list-field.html'
-                    }]
-            }], null, null);
-    })();
-
     var ReadPhoneUKFieldComponent = /** @class */ (function (_super) {
         __extends(ReadPhoneUKFieldComponent, _super);
         function ReadPhoneUKFieldComponent() {
@@ -19794,6 +20030,7 @@
             return YesNoService.EMPTY;
         };
         YesNoService.prototype.isYes = function (value) {
+            // tslint:disable-next-line:switch-default
             switch (typeof (value)) {
                 case 'boolean':
                     return value;
@@ -19803,6 +20040,7 @@
             return false;
         };
         YesNoService.prototype.isNo = function (value) {
+            // tslint:disable-next-line:switch-default
             switch (typeof (value)) {
                 case 'boolean':
                     return !value;
@@ -20728,6 +20966,12 @@
                 }] });
     })();
 
+    var CaseFileViewSortColumns;
+    (function (CaseFileViewSortColumns) {
+        CaseFileViewSortColumns[CaseFileViewSortColumns["DOCUMENT_NAME"] = 0] = "DOCUMENT_NAME";
+        CaseFileViewSortColumns[CaseFileViewSortColumns["DOCUMENT_UPLOAD_TIMESTAMP"] = 1] = "DOCUMENT_UPLOAD_TIMESTAMP";
+    })(CaseFileViewSortColumns || (CaseFileViewSortColumns = {}));
+
     var CaseFileViewFolderSortComponent = /** @class */ (function () {
         function CaseFileViewFolderSortComponent() {
             var _this = this;
@@ -20735,8 +20979,10 @@
             this.sortAscending = new i0.EventEmitter();
             this.sortDescending = new i0.EventEmitter();
             this.overlayMenuItems = [
-                { actionText: 'A to Z ascending', iconSrc: '/assets/img/sort/sort-down-arrow.svg', actionFn: function () { return _this.sortAscending.emit(); } },
-                { actionText: 'Z to A descending', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: function () { return _this.sortDescending.emit(); } },
+                { actionText: 'A to Z ascending', iconSrc: '/assets/img/sort/sort-down-arrow.svg', actionFn: function () { return _this.sortAscending.emit(CaseFileViewSortColumns.DOCUMENT_NAME); } },
+                { actionText: 'Z to A descending', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: function () { return _this.sortDescending.emit(CaseFileViewSortColumns.DOCUMENT_NAME); } },
+                { actionText: 'Recent first', iconSrc: '/assets/img/sort/sort-down-arrow.svg', actionFn: function () { return _this.sortDescending.emit(CaseFileViewSortColumns.DOCUMENT_UPLOAD_TIMESTAMP); } },
+                { actionText: 'Oldest first', iconSrc: '/assets/img/sort/sort-up-arrow.svg', actionFn: function () { return _this.sortAscending.emit(CaseFileViewSortColumns.DOCUMENT_UPLOAD_TIMESTAMP); } },
             ];
         }
         return CaseFileViewFolderSortComponent;
@@ -20776,6 +21022,7 @@
         return CaseFileViewCategory;
     }());
 
+    // tslint:disable:variable-name
     var CaseFileViewDocument = /** @class */ (function () {
         function CaseFileViewDocument() {
         }
@@ -20819,48 +21066,56 @@
             enumerable: false,
             configurable: true
         });
-        DocumentTreeNode.prototype.sortChildrenAscending = function () {
+        DocumentTreeNode.prototype.sortChildrenAscending = function (column, sortOrder) {
+            var _this = this;
             var _a, _b;
             var sortAscending = function () {
                 return function (a, b) {
-                    var nameA = a.name.toUpperCase();
-                    var nameB = b.name.toUpperCase();
+                    var nodeA = _this.getNodeToSort(a, column, sortOrder);
+                    var nodeB = _this.getNodeToSort(b, column, sortOrder);
                     if (a.type === DocumentTreeNodeType.FOLDER || b.type === DocumentTreeNodeType.FOLDER) {
                         return 0;
                     }
-                    if (nameA < nameB) {
+                    if (!nodeA || !nodeB) {
+                        return 0;
+                    }
+                    if (nodeA < nodeB) {
                         return -1;
                     }
-                    if (nameA > nameB) {
+                    if (nodeA > nodeB) {
                         return 1;
                     }
                 };
             };
             (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortAscending());
             (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
-                childNodes.sortChildrenAscending();
+                childNodes.sortChildrenAscending(column, sortOrder);
             });
         };
-        DocumentTreeNode.prototype.sortChildrenDescending = function () {
+        DocumentTreeNode.prototype.sortChildrenDescending = function (column, sortOrder) {
+            var _this = this;
             var _a, _b;
             var sortDescending = function () {
                 return function (a, b) {
-                    var nameA = a.name.toUpperCase();
-                    var nameB = b.name.toUpperCase();
+                    var nodeA = _this.getNodeToSort(a, column, sortOrder);
+                    var nodeB = _this.getNodeToSort(b, column, sortOrder);
                     if (a.type === DocumentTreeNodeType.FOLDER || b.type === DocumentTreeNodeType.FOLDER) {
                         return 0;
                     }
-                    if (nameA > nameB) {
+                    if (!nodeA || !nodeB) {
+                        return 0;
+                    }
+                    if (nodeA > nodeB) {
                         return -1;
                     }
-                    if (nameA < nameB) {
+                    if (nodeA < nodeB) {
                         return 1;
                     }
                 };
             };
             (_a = this.children) === null || _a === void 0 ? void 0 : _a.sort(sortDescending());
             (_b = this.children) === null || _b === void 0 ? void 0 : _b.forEach(function (childNodes) {
-                childNodes.sortChildrenDescending();
+                childNodes.sortChildrenDescending(column, sortOrder);
             });
         };
         Object.defineProperty(DocumentTreeNode.prototype, "flattenedAll", {
@@ -20886,6 +21141,24 @@
             enumerable: false,
             configurable: true
         });
+        DocumentTreeNode.prototype.getNodeToSort = function (node, column, sortOrder) {
+            if (column === CaseFileViewSortColumns.DOCUMENT_NAME) {
+                return (node === null || node === void 0 ? void 0 : node.name) ? node.name.toUpperCase()
+                    : '';
+            }
+            if (column === CaseFileViewSortColumns.DOCUMENT_UPLOAD_TIMESTAMP) {
+                if (node === null || node === void 0 ? void 0 : node.upload_timestamp) {
+                    return new Date(node.upload_timestamp);
+                }
+                if (sortOrder === exports.SortOrder.ASCENDING) {
+                    return new Date(9999, 12, 31);
+                }
+                if (sortOrder === exports.SortOrder.DESCENDING) {
+                    return new Date(1111, 1, 1);
+                }
+            }
+            return '';
+        };
         return DocumentTreeNode;
     }());
     __decorate([
@@ -21146,16 +21419,16 @@
                     return;
             }
         };
-        CaseFileViewFolderComponent.prototype.sortDataSourceAscAlphabetically = function () {
+        CaseFileViewFolderComponent.prototype.sortDataSourceAscending = function (column) {
             var sortedData = this.nestedDataSource.map(function (item) {
-                item.sortChildrenAscending();
+                item.sortChildrenAscending(column, exports.SortOrder.ASCENDING);
                 return item;
             });
             this.updateNodeData(sortedData);
         };
-        CaseFileViewFolderComponent.prototype.sortDataSourceDescAlphabetically = function () {
+        CaseFileViewFolderComponent.prototype.sortDataSourceDescending = function (column) {
             var sortedData = this.nestedDataSource.map(function (item) {
-                item.sortChildrenDescending();
+                item.sortChildrenDescending(column, exports.SortOrder.DESCENDING);
                 return item;
             });
             this.updateNodeData(sortedData);
@@ -21229,7 +21502,7 @@
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementStart(6, "div");
                 i0__namespace.ɵɵelementStart(7, "ccd-case-file-view-folder-sort", 5);
-                i0__namespace.ɵɵlistener("sortAscending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortAscending_7_listener() { return ctx.sortDataSourceAscAlphabetically(); })("sortDescending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortDescending_7_listener() { return ctx.sortDataSourceDescAlphabetically(); });
+                i0__namespace.ɵɵlistener("sortAscending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortAscending_7_listener($event) { return ctx.sortDataSourceAscending($event); })("sortDescending", function CaseFileViewFolderComponent_Template_ccd_case_file_view_folder_sort_sortDescending_7_listener($event) { return ctx.sortDataSourceDescending($event); });
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
                 i0__namespace.ɵɵelementEnd();
@@ -23109,13 +23382,6 @@
                 }] });
     })();
 
-    var SortOrder;
-    (function (SortOrder) {
-        SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-        SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-        SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-    })(SortOrder || (SortOrder = {}));
-
     function ReadComplexFieldCollectionTableComponent_th_9_Template(rf, ctx) {
         if (rf & 1) {
             var _r4_1 = i0__namespace.ɵɵgetCurrentView();
@@ -23386,7 +23652,7 @@
             return _this;
         }
         ReadComplexFieldCollectionTableComponent.isSortAscending = function (column) {
-            return !(column.sortOrder === SortOrder.UNSORTED || column.sortOrder === SortOrder.DESCENDING);
+            return !(column.sortOrder === exports.SortOrder.UNSORTED || column.sortOrder === exports.SortOrder.DESCENDING);
         };
         ReadComplexFieldCollectionTableComponent.prototype.ngOnInit = function () {
             _super.prototype.ngOnInit.call(this);
@@ -23444,18 +23710,19 @@
             });
         };
         ReadComplexFieldCollectionTableComponent.prototype.sortRowsByColumns = function (column) {
-            var shouldSortInAscendingOrder = this.columnsHorizontalLabel[column].sortOrder === SortOrder.UNSORTED
-                || this.columnsHorizontalLabel[column].sortOrder === SortOrder.DESCENDING;
+            var shouldSortInAscendingOrder = this.columnsHorizontalLabel[column].sortOrder === exports.SortOrder.UNSORTED
+                || this.columnsHorizontalLabel[column].sortOrder === exports.SortOrder.DESCENDING;
+            // tslint:disable-next-line:switch-default
             switch (this.columnsHorizontalLabel[column].type.type) {
                 case 'Number':
                 case 'MoneyGBP': {
                     if (shouldSortInAscendingOrder) {
                         this.rows.sort(function (a, b) { return a[column] - b[column]; });
-                        this.columnsHorizontalLabel[column].sortOrder = SortOrder.ASCENDING;
+                        this.columnsHorizontalLabel[column].sortOrder = exports.SortOrder.ASCENDING;
                     }
                     else {
                         this.rows.sort(function (a, b) { return b[column] - a[column]; });
-                        this.columnsHorizontalLabel[column].sortOrder = SortOrder.DESCENDING;
+                        this.columnsHorizontalLabel[column].sortOrder = exports.SortOrder.DESCENDING;
                     }
                     break;
                 }
@@ -23472,11 +23739,11 @@
                     {
                         if (shouldSortInAscendingOrder) {
                             this.rows.sort(function (a, b) { return a[column] < b[column] ? -1 : a[column] > b[column] ? 1 : 0; });
-                            this.columnsHorizontalLabel[column].sortOrder = SortOrder.ASCENDING;
+                            this.columnsHorizontalLabel[column].sortOrder = exports.SortOrder.ASCENDING;
                         }
                         else {
                             this.rows.sort(function (a, b) { return a[column] < b[column] ? 1 : a[column] > b[column] ? -1 : 0; });
-                            this.columnsHorizontalLabel[column].sortOrder = SortOrder.DESCENDING;
+                            this.columnsHorizontalLabel[column].sortOrder = exports.SortOrder.DESCENDING;
                         }
                     }
                     break;
@@ -23492,7 +23759,7 @@
                     var id = _c.value;
                     var trimmedId = id.trim();
                     labelsHorizontal[trimmedId] = allLabels[trimmedId];
-                    labelsHorizontal[trimmedId].sortOrder = SortOrder.UNSORTED;
+                    labelsHorizontal[trimmedId].sortOrder = exports.SortOrder.UNSORTED;
                     delete labelsVertical[trimmedId];
                 }
             }
@@ -24571,6 +24838,7 @@
         return FeeValue;
     }());
 
+    // tslint:disable:variable-name
     var Fee = /** @class */ (function () {
         function Fee() {
         }
@@ -25376,7 +25644,7 @@
             }
             return searchResults.sort(function (a, b) {
                 return sortParameters.comparator.compare(a, b)
-                    * (sortParameters.sortOrder === SortOrder.DESCENDING ? 1 : -1);
+                    * (sortParameters.sortOrder === exports.SortOrder.DESCENDING ? 1 : -1);
             });
         };
         return SortSearchResultPipe;
@@ -26746,8 +27014,8 @@
             this.caseEdit.navigateToPage(pageId);
         };
         CaseEditSubmitComponent.prototype.callbackErrorsNotify = function (errorContext) {
-            this.ignoreWarning = errorContext.ignore_warning;
-            this.triggerText = errorContext.trigger_text;
+            this.ignoreWarning = errorContext.ignoreWarning;
+            this.triggerText = errorContext.triggerText;
         };
         CaseEditSubmitComponent.prototype.summaryCaseField = function (field) {
             if (null === this.editForm.get('data').get(field.id)) {
@@ -27379,6 +27647,7 @@
                     { provide: COMPONENT_PORTAL_INJECTION_TOKEN, useValue: this }
                 ]
             });
+            // tslint:disable-next-line:switch-default
             switch (portalType) {
                 case EventCompletionPortalTypes.TaskCancelled:
                     this.selectedComponentPortal = new i6$2.ComponentPortal(CaseEventCompletionTaskCancelledComponent, null, injector);
@@ -27913,36 +28182,36 @@
             this.screenReaderCurrentLabel = "You're on page";
             this.pageChange = new i0.EventEmitter();
             this.pageBoundsCorrection = new i0.EventEmitter();
-            this._directionLinks = true;
-            this._autoHide = false;
-            this._responsive = false;
+            this.pDirectionLinks = true;
+            this.pAutoHide = false;
+            this.pResponsive = false;
         }
         Object.defineProperty(PaginationComponent.prototype, "directionLinks", {
             get: function () {
-                return this._directionLinks;
+                return this.pDirectionLinks;
             },
             set: function (value) {
-                this._directionLinks = coerceToBoolean(value);
+                this.pDirectionLinks = coerceToBoolean(value);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(PaginationComponent.prototype, "autoHide", {
             get: function () {
-                return this._autoHide;
+                return this.pAutoHide;
             },
             set: function (value) {
-                this._autoHide = coerceToBoolean(value);
+                this.pAutoHide = coerceToBoolean(value);
             },
             enumerable: false,
             configurable: true
         });
         Object.defineProperty(PaginationComponent.prototype, "responsive", {
             get: function () {
-                return this._responsive;
+                return this.pResponsive;
             },
             set: function (value) {
-                this._responsive = coerceToBoolean(value);
+                this.pResponsive = coerceToBoolean(value);
             },
             enumerable: false,
             configurable: true
@@ -29890,7 +30159,7 @@
             this.eventTrigger = this.route.snapshot.data.eventTrigger;
             if (this.activityPollingService.isEnabled) {
                 this.ngZone.runOutsideAngular(function () {
-                    _this.activitySubscription = _this.postEditActivity().subscribe(function (_resolved) {
+                    _this.activitySubscription = _this.postEditActivity().subscribe(function () {
                         // console.log('Posted EDIT activity and result is: ' + JSON.stringify(_resolved));
                     });
                 });
@@ -30862,8 +31131,8 @@
             return this.sortedTabs.length > 0 || this.prependedTabs.length > 0 || this.appendedTabs.length > 0;
         };
         CaseFullAccessViewComponent.prototype.callbackErrorsNotify = function (callbackErrorsContext) {
-            this.ignoreWarning = callbackErrorsContext.ignore_warning;
-            this.triggerText = callbackErrorsContext.trigger_text;
+            this.ignoreWarning = callbackErrorsContext.ignoreWarning;
+            this.triggerText = callbackErrorsContext.triggerText;
         };
         CaseFullAccessViewComponent.prototype.isDraft = function () {
             return Draft.isDraft(this.caseDetails.case_id);
@@ -34501,7 +34770,7 @@
         if (rf & 2) {
             var ctx_r3 = i0__namespace.ɵɵnextContext(2);
             i0__namespace.ɵɵadvance(6);
-            i0__namespace.ɵɵtextInterpolate1(" The total size of the result set is ", i0__namespace.ɵɵpipeBind1(7, 1, ctx_r3.paginationMetadata.total_results_count), ". Only the first 10,000 records are available for display. ");
+            i0__namespace.ɵɵtextInterpolate1(" The total size of the result set is ", i0__namespace.ɵɵpipeBind1(7, 1, ctx_r3.paginationMetadata.totalResultsCount), ". Only the first 10,000 records are available for display. ");
         }
     }
     function SearchResultComponent_table_0_div_5_Template(rf, ctx) {
@@ -35060,7 +35329,7 @@
         };
         Object.defineProperty(SearchResultComponent.prototype, "resultTotal", {
             get: function () {
-                var total = this.paginationMetadata.total_results_count;
+                var total = this.paginationMetadata.totalResultsCount;
                 var maximumResultReached = total >= this.PAGINATION_MAX_ITEM_RESULT;
                 this.paginationLimitEnforced = maximumResultReached;
                 return maximumResultReached ? this.PAGINATION_MAX_ITEM_RESULT : total;
@@ -35211,7 +35480,7 @@
             return col;
         };
         SearchResultComponent.prototype.hasResults = function () {
-            return this.resultView.results.length && this.paginationMetadata.total_pages_count;
+            return this.resultView.results.length && this.paginationMetadata.totalPagesCount;
         };
         SearchResultComponent.prototype.hasDrafts = function () {
             return this.resultView.hasDrafts();
@@ -35310,7 +35579,7 @@
             return ((currentPage - 1) * this.paginationPageSize) + this.resultView.results.length + this.getDraftsCountIfNotPageOne(currentPage);
         };
         SearchResultComponent.prototype.getTotalResults = function () {
-            var total = this.paginationMetadata.total_results_count + this.draftsCount;
+            var total = this.paginationMetadata.totalResultsCount + this.draftsCount;
             return total >= this.PAGINATION_MAX_ITEM_RESULT ? this.PAGINATION_MAX_ITEM_RESULT : total;
         };
         SearchResultComponent.prototype.prepareCaseLinkUrl = function (caseId) {
@@ -35468,6 +35737,7 @@
     })();
     i0__namespace.ɵɵsetComponentScope(SearchResultComponent, [i1__namespace.NgIf, i1__namespace.NgForOf, i1__namespace$1.RouterLinkWithHref, FieldReadComponent, LabelSubstitutorDirective, ActivityComponent, PaginationComponent], [i1__namespace.DecimalPipe, i1__namespace$6.PaginatePipe, CaseReferencePipe, SortSearchResultPipe]);
 
+    // tslint:disable:variable-name
     var ComplexFieldOverride = /** @class */ (function () {
         function ComplexFieldOverride() {
         }