@hmcts/ccd-case-ui-toolkit 7.3.35-pofcc-107 → 7.3.36-3582-rc-1

package/fesm2022/hmcts-ccd-case-ui-toolkit.mjs

@@ -6050,8 +6050,8 @@ class FormValueService {
     constructor(fieldTypeSanitiser) {
         this.fieldTypeSanitiser = fieldTypeSanitiser;
     }
-    sanitise(rawValue) {
-        return this.sanitiseObject(rawValue);
+    sanitise(rawValue, isCaseFlagJourney = false) {
+        return this.sanitiseObject(rawValue, isCaseFlagJourney);
     }
     sanitiseCaseReference(reference) {
         // strip non digits
@@ -6073,7 +6073,7 @@ class FormValueService {
     sanitiseDynamicLists(caseFields, editForm) {
         return this.fieldTypeSanitiser.sanitiseLists(caseFields, editForm.data);
     }
-    sanitiseObject(rawObject) {
+    sanitiseObject(rawObject, isCaseFlagJourney = false) {
         if (!rawObject) {
             return rawObject;
         }
@@ -6087,14 +6087,17 @@ class FormValueService {
                 break;
             }
             else if ('CaseReference' === key) {
-                sanitisedObject[key] = this.sanitiseValue(this.sanitiseCaseReference(String(rawObject[key])));
+                sanitisedObject[key] = this.sanitiseValue(this.sanitiseCaseReference(String(rawObject[key])), isCaseFlagJourney);
             }
             else {
-                sanitisedObject[key] = this.sanitiseValue(rawObject[key]);
+                sanitisedObject[key] = this.sanitiseValue(rawObject[key], isCaseFlagJourney);
                 if (Array.isArray(sanitisedObject[key])) {
                     // If the 'sanitised' array is empty, whereas the original array had 1 or more items
                     // delete the property from the sanatised object
-                    if (sanitisedObject[key].length === 0 && rawObject[key].length > 0) {
+                    const shouldDeleteField = sanitisedObject[key].length === 0
+                        && rawObject[key].length > 0
+                        && !isCaseFlagJourney;
+                    if (shouldDeleteField) {
                         delete sanitisedObject[key];
                     }
                 }
@@ -6102,13 +6105,13 @@ class FormValueService {
         }
         return sanitisedObject;
     }
-    sanitiseArray(rawArray) {
+    sanitiseArray(rawArray, isCaseFlagJourney = false) {
         if (!rawArray) {
             return rawArray;
         }
         rawArray.forEach(item => {
             if (item && item.hasOwnProperty('value')) {
-                item.value = this.sanitiseValue(item.value);
+                item.value = this.sanitiseValue(item.value, isCaseFlagJourney);
             }
         });
         // Filter the array to ensure only truthy values are returned; double-bang operator returns the boolean true/false
@@ -6118,13 +6121,13 @@ class FormValueService {
             .filter(item => !!item)
             .filter(item => item.hasOwnProperty('value') ? FieldsUtils.containsNonEmptyValues(item.value) : true);
     }
-    sanitiseValue(rawValue) {
+    sanitiseValue(rawValue, isCaseFlagJourney = false) {
         if (Array.isArray(rawValue)) {
-            return this.sanitiseArray(rawValue);
+            return this.sanitiseArray(rawValue, isCaseFlagJourney);
         }
         switch (typeof rawValue) {
             case 'object':
-                return this.sanitiseObject(rawValue);
+                return this.sanitiseObject(rawValue, isCaseFlagJourney);
             case 'string':
                 return rawValue.trim();
             case 'number':
@@ -6305,6 +6308,60 @@ class FormValueService {
             }
         }
     }
+    // exui-3582 When a form field becomes hidden based on user’s input in the event journey, 
+    // its stored value must be cleared and it must not be submitted or persisted.
+    removeHiddenField(data, caseFields, clearNonCase, formControls) {
+        if (clearNonCase && data && caseFields && caseFields.length > 0) {
+            for (const field of caseFields) {
+                if (!FormValueService.isLabel(field) && FormValueService.isReadOnly(field)) {
+                    // Retain anything that is readonly and not a label.
+                    continue;
+                }
+                // Check if formControls[field.id] exists before accessing its properties
+                const caseField = formControls[field.id] ? formControls[field.id]['caseField'] : undefined;
+                if (caseField === undefined || field.hidden === true) {
+                    continue;
+                }
+                const hasValue = data.hasOwnProperty(field.id) && data[field.id] != null &&
+                    (typeof data[field.id] !== 'object' || Object.keys(data[field.id]).length > 0);
+                if (caseField?.hidden === true &&
+                    field.display_context !== 'HIDDEN' &&
+                    field.display_context !== 'HIDDEN_TEMP' &&
+                    !field.retain_hidden_value &&
+                    field.id !== 'caseLinks' &&
+                    hasValue) {
+                    data[field.id] = null;
+                    continue; // If field is now hidden, skip checking its children
+                }
+                if (field.field_type) {
+                    switch (field.field_type.type) {
+                        case 'Complex':
+                            const complexData = data[field.id] ?? data['value'];
+                            if (complexData && formControls[field.id] && formControls[field.id]['controls']) {
+                                this.removeHiddenField(complexData, field.field_type.complex_fields, clearNonCase, formControls[field.id]['controls']);
+                            }
+                            break;
+                        case 'Collection':
+                            const collection = data[field.id];
+                            if (collection && Array.isArray(collection) && field.field_type.collection_field_type.type === 'Complex') {
+                                collection.forEach((item, index) => {
+                                    if (formControls[field.id] && formControls[field.id]['controls'] && formControls[field.id]['controls'][index]) {
+                                        const itemControls = formControls[field.id]?.['controls']?.[index]?.['controls']?.['value'];
+                                        const collectionData = item['value'] ?? item;
+                                        if (collectionData && itemControls?.['controls']) {
+                                            this.removeHiddenField(collectionData, field.field_type.collection_field_type.complex_fields, clearNonCase, itemControls['controls']);
+                                        }
+                                    }
+                                });
+                            }
+                            break;
+                        default:
+                            break;
+                    }
+                }
+            }
+        }
+    }
     /**
      * Remove any empty collection fields where a value of greater than zero is specified in the field's {@link FieldType}
      * `min` attribute.
@@ -9630,7 +9687,7 @@ class CaseEditComponent {
     }
     generateCaseEventData({ eventTrigger, form }) {
         const caseEventData = {
-            data: this.replaceEmptyComplexFieldValues(this.formValueService.sanitise(this.replaceHiddenFormValuesWithOriginalCaseData(form.get('data'), eventTrigger.case_fields))),
+            data: this.replaceEmptyComplexFieldValues(this.formValueService.sanitise(this.replaceHiddenFormValuesWithOriginalCaseData(form.get('data'), eventTrigger.case_fields), this.isCaseFlagSubmission)),
             event: form.value.event
         };
         this.formValueService.clearNonCaseFields(caseEventData.data, eventTrigger.case_fields);
@@ -9653,6 +9710,11 @@ class CaseEditComponent {
         if (!this.isCaseFlagSubmission) {
             this.formValueService.removeUnnecessaryFields(caseEventData.data, pageListCaseFields, true, true);
         }
+        // removeHiddenFields while are hidden in the UI
+        // Only remove hidden fields if editForm and its controls are available
+        if (form?.controls?.['data']?.['controls']) {
+            this.formValueService.removeHiddenField(caseEventData.data, pageListCaseFields, true, form.controls['data']['controls']);
+        }
         caseEventData.event_token = eventTrigger.event_token;
         caseEventData.ignore_warning = this.ignoreWarning;
         if (this.confirmation) {
@@ -11797,6 +11859,11 @@ class CaseEditPageComponent {
         this.validPageListCaseFieldsService.deleteNonValidatedFields(this.caseEdit.validPageList, caseEventData.data, this.eventTrigger.case_fields, fromPreviousPage, this.editForm.controls['data'].value);
         // Tidy it up before we return it.
         this.formValueService.removeUnnecessaryFields(caseEventData.data, caseFields, clearEmpty, clearNonCase, fromPreviousPage, this.currentPage.case_fields);
+        // removeHiddenFields while are hidden in the UI
+        // Only remove hidden fields if editForm and its controls are available
+        if (this.editForm?.controls?.['data']?.['controls']) {
+            this.formValueService.removeHiddenField(caseEventData.data, caseFields, clearNonCase, this.editForm.controls['data']['controls']);
+        }
         return caseEventData;
     }
     syncCaseEditDataService() {
@@ -32309,7 +32376,6 @@ class CaseEditSubmitComponent {
     formValidatorsService;
     caseFlagStateService;
     linkedCasesService;
-    placeholderService;
     eventTrigger;
     editForm;
     triggerText;
@@ -32327,7 +32393,6 @@ class CaseEditSubmitComponent {
     description;
     eventSummaryLabel = 'Event summary';
     eventDescriptionLabel = 'Event description';
-    PLACEHOLDER_PATTERN = /\$\{[a-zA-Z0-9_.\][]+\}/;
     static SHOW_SUMMARY_CONTENT_COMPARE_FUNCTION = (a, b) => {
         const aCaseField = a.show_summary_content_option === 0 || a.show_summary_content_option;
         const bCaseField = b.show_summary_content_option === 0 || b.show_summary_content_option;
@@ -32346,7 +32411,7 @@ class CaseEditSubmitComponent {
         // not been disabled.
         return this.caseEdit.isSubmitting || this.hasErrors;
     }
-    constructor(caseEdit, fieldsUtils, caseFieldService, route, orderService, profileNotifier, multipageComponentStateService, formValidatorsService, caseFlagStateService, linkedCasesService, placeholderService) {
+    constructor(caseEdit, fieldsUtils, caseFieldService, route, orderService, profileNotifier, multipageComponentStateService, formValidatorsService, caseFlagStateService, linkedCasesService) {
         this.caseEdit = caseEdit;
         this.fieldsUtils = fieldsUtils;
         this.caseFieldService = caseFieldService;
@@ -32357,11 +32422,11 @@ class CaseEditSubmitComponent {
         this.formValidatorsService = formValidatorsService;
         this.caseFlagStateService = caseFlagStateService;
         this.linkedCasesService = linkedCasesService;
-        this.placeholderService = placeholderService;
     }
     ngOnInit() {
         this.profileSubscription = this.profileNotifier.profile.subscribe((_) => this.profile = _);
         this.eventTrigger = this.caseEdit.eventTrigger;
+        this.triggerText = this.eventTrigger.end_button_label || CallbackErrorsComponent.TRIGGER_TEXT_SUBMIT;
         this.editForm = this.caseEdit.form;
         this.wizard = this.caseEdit.wizard;
         this.showSummaryFields = this.sortFieldsByShowSummaryContent(this.eventTrigger.case_fields);
@@ -32370,10 +32435,6 @@ class CaseEditSubmitComponent {
         this.metadataFieldsObject = this.caseEdit?.caseDetails?.metadataFields?.
             reduce((o, key) => Object.assign(o, { [key.id]: key.value }), {});
         this.allFieldsValues = Object.assign(this.metadataFieldsObject ? this.metadataFieldsObject : {}, this.editForm.getRawValue().data);
-        this.triggerText = this.eventTrigger.end_button_label || CallbackErrorsComponent.TRIGGER_TEXT_SUBMIT;
-        if (this.hasUnresolvedPlaceholder(this.triggerText)) {
-            this.triggerText = this.interpolateButtonText(this.triggerText);
-        }
         // Indicates if the submission is for a Case Flag, as opposed to a "regular" form submission, by the presence of
         // a FlagLauncher field in the event trigger
         this.caseEdit.isCaseFlagSubmission =
@@ -32603,19 +32664,7 @@ class CaseEditSubmitComponent {
         }
         return 'Cancel';
     }
-    hasUnresolvedPlaceholder(buttonText) {
-        return buttonText
-            && typeof buttonText === 'string'
-            && !!buttonText.match(this.PLACEHOLDER_PATTERN);
-    }
-    interpolateButtonText(text) {
-        const fields = this.allFieldsValues;
-        return this.resolvePlaceholders(fields, text);
-    }
-    resolvePlaceholders(fields, stringToResolve) {
-        return this.placeholderService.resolvePlaceholders(fields, stringToResolve);
-    }
-    static ɵfac = function CaseEditSubmitComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseEditSubmitComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(FormValidatorsService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(LinkedCasesService), i0.ɵɵdirectiveInject(PlaceholderService)); };
+    static ɵfac = function CaseEditSubmitComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseEditSubmitComponent)(i0.ɵɵdirectiveInject(CaseEditComponent), i0.ɵɵdirectiveInject(FieldsUtils), i0.ɵɵdirectiveInject(CaseFieldService), i0.ɵɵdirectiveInject(i1$1.ActivatedRoute), i0.ɵɵdirectiveInject(OrderService), i0.ɵɵdirectiveInject(ProfileNotifier), i0.ɵɵdirectiveInject(MultipageComponentStateService), i0.ɵɵdirectiveInject(FormValidatorsService), i0.ɵɵdirectiveInject(CaseFlagStateService), i0.ɵɵdirectiveInject(LinkedCasesService)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CaseEditSubmitComponent, selectors: [["ccd-case-edit-submit"]], standalone: false, decls: 25, vars: 24, consts: [["titleBlock", ""], ["idBlock", ""], [1, "govuk-heading-l"], [4, "ngIf", "ngIfThen", "ngIfElse"], [3, "error"], [3, "callbackErrorsContext", "callbackErrorsSubject"], [1, "check-your-answers", 3, "submit", "formGroup"], [4, "ngIf"], [3, "eventCompletionParams", "eventCanBeCompleted", 4, "ngIf"], [1, "form-group", "form-group-related"], ["type", "button", 1, "button", "button-secondary", 3, "click", "disabled"], ["type", "submit", 1, "button", 3, "disabled"], [1, "cancel"], ["href", "#", 3, "click"], [3, "content"], ["class", "heading-h2", 4, "ngIf"], [1, "heading-h2"], ["class", "text-16", 4, "ngIf"], ["aria-describedby", "check your answers table", 1, "form-table"], [4, "ngFor", "ngForOf"], [1, "text-16"], ["ccdLabelSubstitutor", "", 3, "caseField", "hidden", "formGroup", "contextFields"], ["class", "valign-top case-field-label", 4, "ngIf"], [1, "form-cell", "case-field-content", "text-16"], [3, "formGroup", "topLevelFormGroup", "caseField", "context", "caseFields"], [1, "valign-top", "case-field-label"], [1, "valign-top", "check-your-answers__change", "case-field-change"], ["href", "#", 3, "click", 4, "ngIf"], ["aria-describedby", "summary fields table", 1, "summary-fields"], [3, "ngSwitch"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["class", "compound-field", "ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields", 4, "ngSwitchCase"], ["ccdLabelSubstitutor", "", 3, "caseField", "formGroup", "contextFields"], ["id", "summary-field-label"], [1, "form-cell"], [3, "formGroup", "caseField"], ["ccdLabelSubstitutor", "", 1, "compound-field", 3, "caseField", "formGroup", "contextFields"], ["colspan", "2"], [3, "formGroup", "caseField", "caseFields"], ["id", "fieldset-event", "formGroupName", "event"], [2, "display", "none"], [1, "form-group", 3, "ngClass"], ["for", "field-trigger-summary", 1, "form-label"], [1, "form-hint"], ["class", "error-message", 4, "ngIf"], ["type", "text", "id", "field-trigger-summary", "formControlName", "summary", "maxlength", "1024", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], ["for", "field-trigger-description", 1, "form-label"], ["id", "field-trigger-description", "formControlName", "description", "maxlength", "65536", 1, "form-control", "bottom-30", "width-50", 3, "ngClass"], [1, "error-message"], [3, "eventCanBeCompleted", "eventCompletionParams"]], template: function CaseEditSubmitComponent_Template(rf, ctx) { if (rf & 1) {
             const _r1 = i0.ɵɵgetCurrentView();
             i0.ɵɵelementStart(0, "div")(1, "h1", 2);
@@ -32678,8 +32727,8 @@ class CaseEditSubmitComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseEditSubmitComponent, [{
         type: Component,
         args: [{ selector: 'ccd-case-edit-submit', standalone: false, template: "<div>\n  <!-- Event trigger name -->\n  <h1 class=\"govuk-heading-l\">{{eventTrigger.name | rpxTranslate}}</h1>\n\n  <!--Case ID or Title -->\n  <div *ngIf=\"getCaseTitle(); then titleBlock; else idBlock\"></div>\n  <ng-template #titleBlock>\n    <ccd-markdown [content]=\"getCaseTitle() | ccdCaseTitle: contextFields : editForm.controls['data'] | rpxTranslate\"></ccd-markdown>\n  </ng-template>\n  <ng-template #idBlock>\n    <h2 *ngIf=\"getCaseId()\" class=\"heading-h2\">#{{ getCaseId() | ccdCaseReference }}</h2>\n  </ng-template>\n\n  <ccd-case-edit-generic-errors [error]=\"caseEdit.error\"></ccd-case-edit-generic-errors>\n\n  <ccd-callback-errors [callbackErrorsSubject]=\"caseEdit.callbackErrorsSubject\"\n                      (callbackErrorsContext)=\"callbackErrorsNotify($event)\"></ccd-callback-errors>\n\n  <form class=\"check-your-answers\" [formGroup]=\"editForm\" (submit)=\"submit()\">\n    <div *ngIf=\"!caseEdit.isEventCompletionChecksRequired\">\n      <ng-container *ngIf=\"checkYourAnswerFieldsToDisplayExists()\">\n        <h2 class=\"heading-h2\">{{pageTitle | rpxTranslate }}</h2>\n        <span class=\"text-16\" *ngIf=\"!caseEdit.isCaseFlagSubmission\">{{'Check the information below carefully.' | rpxTranslate}}</span>\n\n        <table class=\"form-table\" aria-describedby=\"check your answers table\">\n          <tbody>\n          <ng-container *ngFor=\"let page of wizard.pages\">\n            <ng-container *ngIf=\"isShown(page)\">\n              <ng-container *ngFor=\"let field of page\n              | ccdPageFields: editForm\n              | ccdReadFieldsFilter: false :undefined :true :allFieldsValues\n              | ccdCYAPageLabelFilter\">\n                <ng-container *ngIf=\"canShowFieldInCYA(field)\">\n                  <tr ccdLabelSubstitutor [caseField]=\"field\" [hidden]=\"field.hidden\"\n                      [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th *ngIf=\"!isLabel(field) && !caseEdit.isCaseFlagSubmission\" class=\"valign-top case-field-label\">\n                      <span class=\"text-16\">{{field.label | rpxTranslate}}</span>\n                    </th>\n                    <td class=\"form-cell case-field-content text-16\" [attr.colspan]=\"isLabel(field) ? '2' : '1'\">\n                      <ccd-field-read\n                        [formGroup]=\"editForm.controls['data']\" [topLevelFormGroup]=\"editForm.controls['data']\"\n                        [caseField]=\"summaryCaseField(field)\" [context]=\"paletteContext\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                    <ng-container *ngIf=\"!caseEdit.isCaseFlagSubmission\">\n                      <td class=\"valign-top check-your-answers__change case-field-change\">\n                        <a *ngIf=\"isChangeAllowed(field)\" (click)=\"navigateToPage(page.id); $event.preventDefault()\"\n                          href=\"#\">\n                          <span class=\"text-16\" attr.aria-label=\"{{'Change' | rpxTranslate}} {{ field.label | rpxTranslate }}\">\n                            {{'Change' | rpxTranslate}}\n                          </span>\n                        </a>\n                      </td>\n                    </ng-container>\n                  </tr>\n                </ng-container>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"readOnlySummaryFieldsToDisplayExists()\">\n\n        <table class=\"summary-fields\" aria-describedby=\"summary fields table\">\n          <tbody>\n            <ng-container *ngFor=\"let field of showSummaryFields\">\n                <ng-container [ngSwitch]=\"!(field | ccdIsCompound)\">\n                  <tr *ngSwitchCase=\"true\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <th id=\"summary-field-label\">{{field.label}}</th>\n                    <td class=\"form-cell\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\"></ccd-field-read>\n                    </td>\n                  </tr>\n                  <tr *ngSwitchCase=\"false\" class=\"compound-field\" ccdLabelSubstitutor [caseField]=\"field\" [formGroup]=\"editForm.controls['data']\" [contextFields]=\"contextFields\">\n                    <td colspan=\"2\">\n                      <ccd-field-read [formGroup]=\"editForm.controls['data']\" [caseField]=\"summaryCaseField(field)\" [caseFields]=\"contextFields\"></ccd-field-read>\n                    </td>\n                  </tr>\n                </ng-container>\n              </ng-container>\n          </tbody>\n        </table>\n      </ng-container>\n      <ng-container *ngIf=\"showEventNotes()\">\n        <fieldset id=\"fieldset-event\" formGroupName=\"event\">\n          <legend style=\"display: none;\"></legend>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!summary && !summary.valid && (summary.dirty || summary.touched)}\">\n            <label for=\"field-trigger-summary\" class=\"form-label\">\n              Event summary (optional)\n              <span class=\"form-hint\">A few words describing the purpose of the event.</span>\n            </label>\n            <span class=\"error-message\" *ngIf=\"summary?.errors && (summary.dirty || summary.touched)\">\n              {{summary.errors | ccdFirstError: eventSummaryLabel | rpxTranslate}}\n            </span>\n            <input type=\"text\" id=\"field-trigger-summary\" class=\"form-control bottom-30 width-50\"\n              [ngClass]=\"{'govuk-input--error': summary?.errors && (summary.dirty || summary.touched)}\" formControlName=\"summary\" maxlength=\"1024\">\n          </div>\n          <div class=\"form-group\" [ngClass]=\"{'form-group-error': !!description && !description.valid && (description.dirty || description.touched)}\">\n            <label for=\"field-trigger-description\" class=\"form-label\">Event description (optional)</label>\n            <span class=\"error-message\" *ngIf=\"description?.errors && (description.dirty || description.touched)\">\n              {{description.errors | ccdFirstError: eventDescriptionLabel | rpxTranslate}}\n            </span>\n            <textarea id=\"field-trigger-description\" class=\"form-control bottom-30 width-50\" formControlName=\"description\"\n              [ngClass]=\"{'govuk-input--error': description?.errors && (description.dirty || description.touched)}\" maxlength=\"65536\"></textarea>\n          </div>\n        </fieldset>\n      </ng-container>\n    </div>\n    <ccd-case-event-completion *ngIf=\"caseEdit.isEventCompletionChecksRequired\"\n      [eventCompletionParams]=\"caseEdit.eventCompletionParams\"\n      (eventCanBeCompleted)=\"onEventCanBeCompleted($event)\">\n    </ccd-case-event-completion>\n    <div class=\"form-group form-group-related\">\n      <button class=\"button button-secondary\" type=\"button\" [disabled]=\"!hasPrevious() || caseEdit.isSubmitting\" (click)=\"previous()\">\n        {{'Previous' | rpxTranslate}}\n      </button>\n      <button type=\"submit\" [disabled]=\"isDisabled\" class=\"button\">\n        {{triggerText | rpxTranslate}}\n      </button>\n    </div>\n    <p class=\"cancel\">\n      <a (click)=\"cancel(); $event.preventDefault()\" href=\"#\" [class.disabled]=\"caseEdit.isSubmitting\">{{getCancelText() | rpxTranslate}}</a>\n    </p>\n  </form>\n</div>\n\n", styles: ["#fieldset-case-data{margin-bottom:30px}#fieldset-case-data th{width:1%;white-space:nowrap;vertical-align:top}.compound-field td{padding:0}#confirmation-header{width:630px;background-color:#17958b;border:solid 1px #979797;color:#fff;text-align:center}#confirmation-body{width:630px;background-color:#fff}.valign-top{vertical-align:top}.summary-fields{margin-bottom:30px}.summary-fields tbody tr th,.summary-fields tbody tr td{border-bottom:0px}a.disabled{pointer-events:none;cursor:default}.case-field-label{width:45%}.case-field-content{width:50%}.no-bottom-border{border-bottom:none}.case-field-change{width:5%}.refresh-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.refresh-modal{background:#fff;padding:24px;max-width:520px;width:90%;box-shadow:0 8px 24px #0003;border-radius:4px;text-align:center}.refresh-modal .button{margin-top:12px}\n"] }]
-    }], () => [{ type: CaseEditComponent }, { type: FieldsUtils }, { type: CaseFieldService }, { type: i1$1.ActivatedRoute }, { type: OrderService }, { type: ProfileNotifier }, { type: MultipageComponentStateService }, { type: FormValidatorsService }, { type: CaseFlagStateService }, { type: LinkedCasesService }, { type: PlaceholderService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditSubmitComponent, { className: "CaseEditSubmitComponent", filePath: "lib/shared/components/case-editor/case-edit-submit/case-edit-submit.component.ts", lineNumber: 32 }); })();
+    }], () => [{ type: CaseEditComponent }, { type: FieldsUtils }, { type: CaseFieldService }, { type: i1$1.ActivatedRoute }, { type: OrderService }, { type: ProfileNotifier }, { type: MultipageComponentStateService }, { type: FormValidatorsService }, { type: CaseFlagStateService }, { type: LinkedCasesService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CaseEditSubmitComponent, { className: "CaseEditSubmitComponent", filePath: "lib/shared/components/case-editor/case-edit-submit/case-edit-submit.component.ts", lineNumber: 31 }); })();
 
 function CaseProgressComponent_div_0_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();