@hmcts/ccd-case-ui-toolkit 7.3.98-pofcc-156 → 7.3.99-cot-1286

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

@@ -12,11 +12,11 @@ import { BehaviorSubject, throwError, Subject, EMPTY, concat, defer, timer, Obse
 import { distinctUntilChanged, catchError, map, switchMap, repeat, retry, publish, refCount, debounceTime, delay, finalize, timeout, mergeMap, retryWhen, tap, delayWhen, publishReplay, take, first, takeUntil, filter } from 'rxjs/operators';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpHeaders, HttpParams, HttpStatusCode } from '@angular/common/http';
-import { __decorate, __metadata } from 'tslib';
 import { Type, Exclude, Expose, plainToClassFromExist, plainToClass } from 'class-transformer';
+import moment from 'moment';
+import { __decorate, __metadata } from 'tslib';
 import * as _ from 'underscore';
 import 'reflect-metadata';
-import moment from 'moment';
 import { StateMachine } from '@edium/fsm';
 import * as i1$3 from '@angular/material/legacy-dialog';
 import { MAT_LEGACY_DIALOG_DATA, MatLegacyDialogModule } from '@angular/material/legacy-dialog';
@@ -1860,2505 +1860,2407 @@ class SessionStorageGuard {
                 args: [SessionJsonErrorLogger]
             }] }], null); })();
 
-// tslint:disable:variable-name
-class AddressModel {
-    AddressLine1 = '';
-    AddressLine2 = '';
-    AddressLine3 = '';
-    PostTown = '';
-    County = '';
-    PostCode = '';
-    Country = '';
-}
-
-class Alert {
-    level;
-    message;
-}
-
-// tslint:disable:variable-name
-class CaseDetails {
-    id;
-    jurisdiction;
-    case_type_id;
-    state;
-    created_date;
-    last_modified;
-    locked_by_user_id;
-    security_level;
-    case_data;
-}
-
-// tslint:disable:variable-name
-class CaseEventData {
-    event;
-    data;
-    event_data; // full event data
-    event_token;
-    ignore_warning;
-    draft_id;
-    case_reference;
-}
-
-class WizardPageField {
-    case_field_id;
-    order;
-    page_column_no;
-    complex_field_overrides;
+const USER_DETAILS = 'userDetails';
+const PUI_CASE_MANAGER = 'pui-case-manager';
+const JUDGE = 'judge';
+function getUserDetails(sessionStorageService) {
+    const item = sessionStorageService?.getItem(USER_DETAILS);
+    return safeJsonParse(item, null);
 }
-
-class FixedListItem {
-    code;
-    label;
-    order;
+function isInternalUser(sessionStorageService) {
+    const userDetails = getUserDetails(sessionStorageService);
+    return !!userDetails?.roles
+        && !(userDetails.roles.includes(PUI_CASE_MANAGER)
+            || userDetails.roles.some((role) => role.toLowerCase().includes(JUDGE)));
 }
-
-// @dynamic
-class FieldType {
-    id;
-    type;
-    min;
-    max;
-    regular_expression;
-    fixed_list_items;
-    complex_fields;
-    collection_field_type;
+function isJudiciaryUser(sessionStorageService) {
+    const userDetails = getUserDetails(sessionStorageService);
+    return !!userDetails?.roles
+        && (userDetails.roles.some((role) => role.toLowerCase().includes(JUDGE)));
 }
-__decorate([
-    Type(() => FixedListItem),
-    __metadata("design:type", Array)
-], FieldType.prototype, "fixed_list_items", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], FieldType.prototype, "complex_fields", void 0);
-__decorate([
-    Type(() => FieldType),
-    __metadata("design:type", FieldType)
-], FieldType.prototype, "collection_field_type", void 0);
 
 // @dynamic
-class CaseField {
-    static logger = new StructuredLoggerService();
-    id;
-    hidden;
-    hiddenCannotChange;
-    label;
-    originalLabel;
-    noCacheLabel;
-    order;
-    parent;
-    field_type;
-    hint_text;
-    security_label;
-    display_context;
-    display_context_parameter;
-    month_format;
-    show_condition;
-    show_summary_change_option;
-    show_summary_content_option;
-    acls;
-    metadata;
-    formatted_value;
-    retain_hidden_value;
-    wizardProps;
-    _value;
-    _list_items = [];
-    isTranslatedFlag = false;
-    get value() {
-        if (this.field_type && (this.field_type.type === 'DynamicList' || this.field_type.type === 'DynamicRadioList')) {
-            return this._value && this._value.value ? this._value.value.code : this._value;
-        }
-        else if (this.field_type && this.field_type.type === 'DynamicMultiSelectList') {
-            return this._value && this._value.value ? this._value.value : this._value;
-        }
-        else {
-            return this._value;
-        }
+class ActivityService {
+    http;
+    appConfig;
+    sessionStorageService;
+    static get ACTIVITY_VIEW() { return 'view'; }
+    static get ACTIVITY_EDIT() { return 'edit'; }
+    logger = new StructuredLoggerService();
+    constructor(http, appConfig, sessionStorageService) {
+        this.http = http;
+        this.appConfig = appConfig;
+        this.sessionStorageService = sessionStorageService;
     }
-    set value(value) {
-        if (this.isDynamic()) {
-            if (value && value instanceof Object && value.list_items) {
-                this._list_items = value.list_items;
-            }
-            else if (!this._list_items || this._list_items.length === 0) {
-                // Extract the list items from the current value if that's the only place they exist.
-                this._list_items = this.list_items;
-                if (!value || !value.value) {
-                    value = null;
-                }
-            }
-        }
-        this._value = value;
+    get isEnabled() {
+        return this.activityUrl() && this.userAuthorised;
     }
-    get list_items() {
-        if (this.isDynamic()) {
-            return this._value && this._value.list_items ? this._value.list_items : this._list_items;
-        }
-        else {
-            return this.field_type.fixed_list_items;
+    static DUMMY_CASE_REFERENCE = '0';
+    userAuthorised = undefined;
+    static handleHttpError(response) {
+        const error = HttpErrorService.convertToHttpError(response);
+        if (response?.status !== error.status) {
+            error.status = response.status;
         }
+        return error;
     }
-    set list_items(items) {
-        if ((items && !this._list_items) || (items?.length > this._list_items?.length)) {
-            this._list_items = items;
+    getOptions() {
+        const userDetails = safeJsonParse(this.sessionStorageService.getItem(USER_DETAILS));
+        let headers = new HttpHeaders().set('Content-Type', 'application/json');
+        if (userDetails?.token) {
+            headers = headers.set('Authorization', userDetails.token);
         }
+        return {
+            headers,
+            withCredentials: true,
+            observe: 'body',
+        };
     }
-    get dateTimeEntryFormat() {
-        if (this.isComplexDisplay()) {
-            return null;
+    getActivities(...caseId) {
+        try {
+            const options = this.getOptions();
+            const url = `${this.activityUrl()}/cases/${caseId.join(',')}/activity`;
+            return this.http
+                .get(url, options, false, ActivityService.handleHttpError)
+                .pipe(map(response => response));
         }
-        if (this.display_context_parameter) {
-            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEENTRY');
+        catch (error) {
+            this.logUserMayNotBeAuthenticated(error);
         }
-        return null;
     }
-    get dateTimeDisplayFormat() {
-        if (this.isComplexEntry()) {
-            return null;
+    postActivity(caseId, activity) {
+        try {
+            const options = this.getOptions();
+            const url = `${this.activityUrl()}/cases/${caseId}/activity`;
+            const body = { activity };
+            return this.http
+                .post(url, body, options, false)
+                .pipe(map(response => response));
         }
-        if (this.display_context_parameter) {
-            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEDISPLAY');
+        catch (error) {
+            this.logUserMayNotBeAuthenticated(error);
         }
-        return null;
     }
-    isComplexDisplay() {
-        return (this.isComplex() || this.isCollection()) && this.isReadonly();
+    verifyUserIsAuthorized() {
+        if (this.sessionStorageService.getItem(USER_DETAILS) && this.activityUrl() && this.userAuthorised === undefined) {
+            this.getActivities(ActivityService.DUMMY_CASE_REFERENCE).subscribe(() => this.userAuthorised = true, error => {
+                this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
+            });
+        }
     }
-    isComplexEntry() {
-        return (this.isComplex() || this.isCollection()) && (this.isOptional() || this.isMandatory());
+    activityUrl() {
+        return this.appConfig.getActivityUrl();
     }
-    isReadonly() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'READONLY';
+    logUserMayNotBeAuthenticated(error) {
+        this.logger.error('User may not be authenticated. Activity request was not sent.', { error });
     }
-    isOptional() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'OPTIONAL';
+    static ɵfac = function ActivityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(SessionStorageService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityService, factory: ActivityService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityService, [{
+        type: Injectable
+    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: SessionStorageService }], null); })();
+
+// @dynamic
+class ActivityPollingService {
+    activityService;
+    ngZone;
+    config;
+    logger = new StructuredLoggerService();
+    pendingRequests = new Map();
+    currentTimeoutHandle;
+    pollActivitiesSubscription;
+    pollConfig;
+    batchCollectionDelayMs;
+    maxRequestsPerBatch;
+    constructor(activityService, ngZone, config) {
+        this.activityService = activityService;
+        this.ngZone = ngZone;
+        this.config = config;
+        this.pollConfig = {
+            interval: config.getActivityNexPollRequestMs(),
+            attempts: config.getActivityRetry()
+        };
+        this.batchCollectionDelayMs = config.getActivityBatchCollectionDelayMs();
+        this.maxRequestsPerBatch = config.getActivityMaxRequestPerBatch();
     }
-    isMandatory() {
-        return !_.isEmpty(this.display_context)
-            && this.display_context.toUpperCase() === 'MANDATORY';
+    get isEnabled() {
+        return this.activityService.isEnabled;
     }
-    isCollection() {
-        return this.field_type && this.field_type.type === 'Collection';
+    subscribeToActivity(caseId, done) {
+        if (!this.isEnabled) {
+            return new Subject();
+        }
+        let subject = this.pendingRequests.get(caseId);
+        if (subject) {
+            subject.subscribe(done);
+        }
+        else {
+            // Only the first pending request should start the batch collection timer.
+            const wasEmpty = this.pendingRequests.size === 0;
+            subject = new Subject();
+            subject.subscribe(done);
+            this.addPendingRequest(caseId, subject);
+            if (wasEmpty) {
+                this.ngZone.runOutsideAngular(() => {
+                    this.currentTimeoutHandle = setTimeout(() => this.ngZone.run(() => {
+                        this.flushRequests();
+                    }), this.batchCollectionDelayMs);
+                });
+            }
+        }
+        if (this.pendingRequests.size >= this.maxRequestsPerBatch) {
+            this.flushRequests();
+        }
+        return subject;
     }
-    isComplex() {
-        return this.field_type && this.field_type.type === 'Complex';
+    stopPolling() {
+        if (this.pollActivitiesSubscription) {
+            this.pollActivitiesSubscription.unsubscribe();
+        }
     }
-    isDynamic() {
-        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
-        if (!this.field_type) {
-            return false;
+    flushRequests() {
+        if (this.currentTimeoutHandle) {
+            clearTimeout(this.currentTimeoutHandle);
+            this.currentTimeoutHandle = undefined;
         }
-        return dynamicFieldTypes.some(t => t === this.field_type.type);
+        if (!this.pendingRequests.size) {
+            return;
+        }
+        const requests = new Map(this.pendingRequests);
+        this.pendingRequests.clear();
+        this.performBatchRequest(requests);
     }
-    isCaseLink() {
-        return this.isComplex()
-            && this.field_type.id === 'CaseLink'
-            && this.field_type.complex_fields.some(cf => cf.id === 'CaseReference');
+    pollActivities(...caseIds) {
+        if (!this.isEnabled) {
+            return EMPTY;
+        }
+        return this.polling(this.activityService.getActivities(...caseIds), this.pollConfig);
     }
-    extractBracketValue(fmt, paramName, leftBracket = '(', rightBracket = ')') {
-        fmt = fmt.split(',')
-            .find(a => a.trim().startsWith(paramName));
-        if (fmt) {
-            const s = fmt.indexOf(leftBracket) + 1;
-            const e = fmt.indexOf(rightBracket, s);
-            if (e > s && s >= 0) {
-                return fmt.substr(s, (e - s));
-            }
+    postViewActivity(caseId) {
+        return this.postActivity(caseId, ActivityService.ACTIVITY_VIEW);
+    }
+    postEditActivity(caseId) {
+        return this.postActivity(caseId, ActivityService.ACTIVITY_EDIT);
+    }
+    performBatchRequest(requests) {
+        const caseIds = Array.from(requests.keys()).join();
+        this.ngZone.runOutsideAngular(() => {
+            // run polling outside angular zone so it does not trigger change detection
+            this.pollActivitiesSubscription = this.pollActivities(caseIds).subscribe({
+                // process activity inside zone so it triggers change detection for activity.component.ts
+                next: (activities) => this.ngZone.run(() => {
+                    activities.forEach((activity) => {
+                        // Ignore activities returned for cases outside this local batch.
+                        requests.get(activity.caseId)?.next(activity);
+                    });
+                }),
+                error: (err) => this.ngZone.run(() => {
+                    this.logger.error('Error while polling activities.', { error: err });
+                    Array.from(requests.values()).forEach((subject) => subject.error(err));
+                })
+            });
+        });
+    }
+    postActivity(caseId, activityType) {
+        if (!this.isEnabled) {
+            return EMPTY;
         }
-        return null;
+        const pollingConfig = {
+            ...this.pollConfig,
+            interval: 5000 // inline with CCD Backend
+        };
+        return this.polling(this.activityService.postActivity(caseId, activityType), pollingConfig);
     }
-    // Ascend the hierarchy to get the full path of the field
-    getHierachicalId(curr) {
-        const prefix = curr ? curr + "_" : "";
-        if (prefix.length < 1024) {
-            if (this.parent) {
-                return this.parent.getHierachicalId(prefix + this.id);
-            }
-            else {
-                return prefix + this.id;
-            }
+    addPendingRequest(caseId, subject) {
+        this.pendingRequests.set(caseId, subject);
+        // Components complete their returned Subject on destroy; remove it so a later same-case subscription gets a fresh Subject.
+        subject.subscribe({
+            complete: () => this.removePendingRequest(caseId, subject),
+            error: () => this.removePendingRequest(caseId, subject)
+        });
+    }
+    removePendingRequest(caseId, subject) {
+        if (this.pendingRequests.get(caseId) !== subject) {
+            return;
         }
-        else {
-            CaseField.logger.error('Path too long, possible circular reference in case field hierarchy.');
-            return this.id;
+        this.pendingRequests.delete(caseId);
+        if (!this.pendingRequests.size && this.currentTimeoutHandle) {
+            clearTimeout(this.currentTimeoutHandle);
+            this.currentTimeoutHandle = undefined;
         }
     }
-    set isTranslated(val) {
-        this.isTranslatedFlag = val;
+    polling(request$, options) {
+        const pollingOptions = {
+            interval: options.interval,
+            attempts: options.attempts ?? 9,
+            exponentialUnit: options.exponentialUnit ?? 1000
+        };
+        return concat(request$, defer(() => timer(pollingOptions.interval).pipe(switchMap(() => request$))).pipe(repeat())).pipe(
+        // Preserve consecutive-failure retry behaviour using the current RxJS retry config.
+        retry({
+            count: pollingOptions.attempts,
+            delay: (_error, retryCount) => timer(this.getExponentialRetryDelay(retryCount, pollingOptions.exponentialUnit)),
+            resetOnSuccess: true
+        }));
     }
-    get isTranslated() {
-        return this.isTranslatedFlag;
+    getExponentialRetryDelay(consecutiveErrorsCount, exponentialUnit) {
+        return Math.pow(2, consecutiveErrorsCount - 1) * exponentialUnit;
     }
+    static ɵfac = function ActivityPollingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityPollingService)(i0.ɵɵinject(ActivityService), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(AbstractAppConfig)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityPollingService, factory: ActivityPollingService.ɵfac });
 }
-__decorate([
-    Exclude(),
-    __metadata("design:type", CaseField)
-], CaseField.prototype, "parent", void 0);
-__decorate([
-    Type(() => FieldType),
-    __metadata("design:type", FieldType)
-], CaseField.prototype, "field_type", void 0);
-__decorate([
-    Type(() => WizardPageField),
-    __metadata("design:type", WizardPageField)
-], CaseField.prototype, "wizardProps", void 0);
-__decorate([
-    Expose(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CaseField.prototype, "value", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Object),
-    __metadata("design:paramtypes", [Object])
-], CaseField.prototype, "list_items", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], CaseField.prototype, "dateTimeEntryFormat", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], CaseField.prototype, "dateTimeDisplayFormat", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isComplexDisplay", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isComplexEntry", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isReadonly", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isOptional", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], CaseField.prototype, "isMandatory", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isCollection", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isComplex", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isDynamic", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", Boolean)
-], CaseField.prototype, "isCaseLink", null);
-__decorate([
-    Expose(),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [String]),
-    __metadata("design:returntype", String)
-], CaseField.prototype, "getHierachicalId", null);
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityPollingService, [{
+        type: Injectable
+    }], () => [{ type: ActivityService }, { type: i0.NgZone }, { type: AbstractAppConfig }], null); })();
 
-// @dynamic
-class WizardPage {
-    id;
-    label;
-    order;
-    wizard_page_fields;
-    case_fields;
-    show_condition;
-    parsedShowCondition;
-    getCol1Fields() {
-        return this.case_fields?.filter(f => !f.wizardProps.page_column_no || f.wizardProps.page_column_no === 1);
+function ActivityComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-icon", 5);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("activityEditorsAndViewersIcons", ctx_r0.viewersPresent())("activityEditorsIcon", !ctx_r0.viewersPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 5, ctx_r0.editorsText));
+} }
+function ActivityComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵelement(1, "ccd-activity-icon", 7);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
+} }
+function ActivityComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-banner", 8);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.editorsText));
+} }
+function ActivityComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div");
+    i0.ɵɵelement(1, "ccd-activity-banner", 9);
+    i0.ɵɵpipe(2, "rpxTranslate");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
+} }
+function ActivityComponent_div_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵtemplate(1, ActivityComponent_div_0_div_1_Template, 3, 7, "div", 2)(2, ActivityComponent_div_0_div_2_Template, 3, 3, "div", 3)(3, ActivityComponent_div_0_div_3_Template, 3, 3, "div", 4)(4, ActivityComponent_div_0_div_4_Template, 3, 3, "div", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.editorsPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.viewersPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.editorsPresent());
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.viewersPresent());
+} }
+class ActivityComponent {
+    activityPollingService;
+    activity;
+    dspMode = DisplayMode;
+    viewersText;
+    editorsText;
+    subscription;
+    caseId;
+    displayMode;
+    VIEWERS_PREFIX = '';
+    VIEWERS_SUFFIX = 'viewing this case';
+    EDITORS_PREFIX = 'This case is being updated by ';
+    EDITORS_SUFFIX = '';
+    constructor(activityPollingService) {
+        this.activityPollingService = activityPollingService;
     }
-    getCol2Fields() {
-        return this.case_fields?.filter(f => f.wizardProps.page_column_no === 2);
+    ngOnInit() {
+        this.activity = new Activity();
+        this.activity.caseId = this.caseId;
+        this.activity.editors = [];
+        this.activity.unknownEditors = 0;
+        this.activity.viewers = [];
+        this.activity.unknownViewers = 0;
+        this.viewersText = '';
+        this.editorsText = '';
+        this.subscription = this.activityPollingService.subscribeToActivity(this.caseId, newActivity => this.onActivityChange(newActivity));
     }
-    isMultiColumn() {
-        return this.getCol2Fields()?.length > 0;
+    onActivityChange(newActivity) {
+        this.activity = newActivity;
+        this.viewersText = this.generateDescription(this.VIEWERS_PREFIX, this.VIEWERS_SUFFIX, this.activity.viewers, this.activity.unknownViewers);
+        this.editorsText = this.generateDescription(this.EDITORS_PREFIX, this.EDITORS_SUFFIX, this.activity.editors, this.activity.unknownEditors);
     }
-}
-__decorate([
-    Type(() => WizardPageField),
-    __metadata("design:type", Array)
-], WizardPage.prototype, "wizard_page_fields", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], WizardPage.prototype, "case_fields", void 0);
-
-// @dynamic
-class CaseEventTrigger {
-    id;
-    name;
-    description;
-    case_id;
-    case_fields;
-    event_token;
-    wizard_pages;
-    show_summary;
-    show_event_notes;
-    end_button_label;
-    can_save_draft;
-    hasFields() {
-        return this.case_fields && this.case_fields.length !== 0;
+    isActivityEnabled() {
+        return this.activityPollingService.isEnabled;
     }
-    hasPages() {
-        return this.wizard_pages && this.wizard_pages.length !== 0;
+    isActiveCase() {
+        return this.activity.editors.length || this.activity.viewers.length || this.activity.unknownEditors || this.activity.unknownViewers;
     }
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseEventTrigger.prototype, "case_fields", void 0);
-__decorate([
-    Type(() => WizardPage),
-    __metadata("design:type", Array)
-], CaseEventTrigger.prototype, "wizard_pages", void 0);
-
-// tslint:disable:variable-name
-class CaseViewEvent {
-    id;
-    timestamp;
-    summary;
-    comment;
-    event_id;
-    event_name;
-    state_id;
-    state_name;
-    user_id;
-    user_last_name;
-    user_first_name;
-    significant_item;
-}
-
-class CaseViewTrigger {
-    id;
-    name;
-    description;
-    order;
-}
-
-class CaseEvent {
-    id;
-    name;
-    post_state;
-    pre_states;
-    case_fields;
-    description;
-    order;
-    acls;
-}
-
-class CaseState {
-    id;
-    name;
-    description;
-    order;
-}
-
-// Light clone of CaseType to be used in Jurisdiction class
-// to  avoid cyclic dependency
-class CaseTypeLite {
-    id;
-    name;
-    events;
-    states;
-    description;
-}
-
-// @dynamics
-class CaseType {
-    id;
-    name;
-    events;
-    states;
-    case_fields;
-    description;
-    jurisdiction;
-    printEnabled;
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseType.prototype, "case_fields", void 0);
-
-// tslint:disable:variable-name
-class EventCaseField {
-    case_field_id;
-    showCondition;
-}
-
-class Jurisdiction {
-    id;
-    name;
-    description;
-    caseTypes;
-    currentCaseType;
-}
-
-class Banner {
-    bannerDescription;
-    bannerUrlText;
-    bannerUrl;
-    bannerViewed;
-    bannerEnabled;
-}
-
-// @dynamic
-class CaseTab {
-    id;
-    label;
-    order;
-    fields;
-    show_condition;
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseTab.prototype, "fields", void 0);
-
-// @dynamic
-class CaseView {
-    case_id;
-    case_type;
-    state;
-    channels;
-    tabs;
-    triggers;
-    events;
-    metadataFields;
-    basicFields;
-    case_flag;
-}
-__decorate([
-    Type(() => CaseTab),
-    __metadata("design:type", Array)
-], CaseView.prototype, "tabs", void 0);
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], CaseView.prototype, "metadataFields", void 0);
-
-class CasePrintDocument {
-    name;
-    type;
-    url;
-}
-
-var RoleCategory;
-(function (RoleCategory) {
-    RoleCategory["JUDICIAL"] = "JUDICIAL";
-    RoleCategory["LEGAL_OPERATIONS"] = "LEGAL_OPERATIONS";
-    RoleCategory["ADMIN"] = "ADMIN";
-    RoleCategory["CTSC"] = "CTSC";
-    RoleCategory["PROFESSIONAL"] = "PROFESSIONAL";
-    RoleCategory["CITIZEN"] = "CITIZEN";
-    RoleCategory["ENFORCEMENT"] = "ENFORCEMENT";
-})(RoleCategory || (RoleCategory = {}));
-var AMRoleSuffix;
-(function (AMRoleSuffix) {
-    AMRoleSuffix["JUDICIARY"] = "judiciary";
-    AMRoleSuffix["ADMIN"] = "admin";
-    AMRoleSuffix["PROFESSIONAL"] = "professional";
-    AMRoleSuffix["LEGAL_OPERATIONS"] = "legal-ops";
-    AMRoleSuffix["CITIZEN"] = "citizen";
-    AMRoleSuffix["CTSC"] = "ctsc";
-    AMRoleSuffix["ENFORCEMENT"] = "enforcement";
-})(AMRoleSuffix || (AMRoleSuffix = {}));
-var RoleKeyword;
-(function (RoleKeyword) {
-    RoleKeyword["JUDGE"] = "judge";
-    RoleKeyword["ADMIN"] = "admin";
-    RoleKeyword["SOLICITOR"] = "solicitor";
-    RoleKeyword["CITIZEN"] = "citizen";
-    RoleKeyword["CTSC"] = "ctsc";
-    RoleKeyword["CASEWORKER"] = "caseworker";
-    RoleKeyword["ENFORCEMENT"] = "enforcement";
-})(RoleKeyword || (RoleKeyword = {}));
-
-// tslint:disable:variable-name
-class HRef {
-    href;
-}
-class DocumentLinks {
-    self;
-    binary;
-}
-class Document {
-    _links;
-    originalDocumentName;
-    hashToken;
-}
-class Embedded {
-    documents;
-}
-class DocumentData {
-    _embedded;
-    documents;
-}
-class FormDocument {
-    document_url;
-    document_binary_url;
-    document_filename;
-    document_hash;
-    upload_timestamp;
-}
-
-const DRAFT_PREFIX = 'DRAFT';
-const DRAFT_QUERY_PARAM = 'draft';
-class Draft {
-    id;
-    document;
-    type;
-    created;
-    updated;
-    static stripDraftId(draftId) {
-        return draftId.slice(DRAFT_PREFIX.length);
+    viewersPresent() {
+        return (this.activity.viewers.length > 0 || this.activity.unknownViewers > 0);
     }
-    static isDraft(id) {
-        return String(id).startsWith(DRAFT_PREFIX);
+    editorsPresent() {
+        return (this.activity.editors.length > 0 || this.activity.unknownEditors > 0);
     }
-}
-
-class OrganisationConverter {
-    static toSimpleAddress(organisationModel) {
-        let simpleAddress = '';
-        if (organisationModel.addressLine1) {
-            simpleAddress += `${organisationModel.addressLine1}<br>`;
-        }
-        if (organisationModel.addressLine2) {
-            simpleAddress += `${organisationModel.addressLine2}<br>`;
-        }
-        if (organisationModel.addressLine3) {
-            simpleAddress += `${organisationModel.addressLine3}<br>`;
-        }
-        if (organisationModel.townCity) {
-            simpleAddress += `${organisationModel.townCity}<br>`;
+    ngOnDestroy() {
+        if (this.subscription) {
+            this.subscription.complete();
         }
-        if (organisationModel.county) {
-            simpleAddress += `${organisationModel.county}<br>`;
+        this.activityPollingService.stopPolling();
+    }
+    generateDescription(prefix, suffix, namesArray, unknownCount) {
+        let resultText = prefix;
+        resultText += namesArray.map(activityInfo => `${activityInfo.forename} ${activityInfo.surname}`).join(', ');
+        if (unknownCount > 0) {
+            resultText += (namesArray.length > 0 ? ` and ${unknownCount} other` : `${unknownCount} user`);
+            resultText += (unknownCount > 1 ? 's' : '');
         }
-        if (organisationModel.country) {
-            simpleAddress += `${organisationModel.country}<br>`;
+        else {
+            resultText = this.replaceLastCommaWithAnd(resultText);
         }
-        if (organisationModel.postCode) {
-            simpleAddress += `${organisationModel.postCode}<br>`;
+        if (suffix.length > 0) {
+            if (namesArray.length + unknownCount > 1) {
+                resultText += ` are ${suffix}`;
+            }
+            else {
+                resultText += ` is ${suffix}`;
+            }
         }
-        return simpleAddress;
+        return resultText;
     }
-    toSimpleOrganisationModel(organisationModel) {
-        return {
-            organisationIdentifier: organisationModel.organisationIdentifier,
-            name: organisationModel.name,
-            address: OrganisationConverter.toSimpleAddress(organisationModel)
-        };
+    replaceLastCommaWithAnd(str) {
+        return str.trim().replace(/,([^,]*)$/, ' and $1').split('  ').join(' ');
     }
-    static ɵfac = function OrganisationConverter_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganisationConverter)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OrganisationConverter, factory: OrganisationConverter.ɵfac });
+    static ɵfac = function ActivityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityComponent)(i0.ɵɵdirectiveInject(ActivityPollingService)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityComponent, selectors: [["ccd-activity"]], inputs: { caseId: "caseId", displayMode: "displayMode" }, standalone: false, decls: 1, vars: 1, consts: [["class", "activityComponent", 4, "ngIf"], [1, "activityComponent"], [3, "activityEditorsAndViewersIcons", "activityEditorsIcon", 4, "ngIf"], ["class", "activityViewersIcon", 4, "ngIf"], [4, "ngIf"], ["imageLink", "assets/img/editor.png", 3, "description"], [1, "activityViewersIcon"], ["imageLink", "assets/img/viewer.png", 3, "description"], ["imageLink", "assets/img/editorBanner.png", "bannerType", "editor", 3, "description"], ["imageLink", "assets/img/viewerBanner.png", "bannerType", "viewer", 3, "description"]], template: function ActivityComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵtemplate(0, ActivityComponent_div_0_Template, 5, 4, "div", 0);
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngIf", ctx.isActivityEnabled());
+        } }, dependencies: [i5.NgIf, ActivityBannerComponent, ActivityIconComponent, i1.RpxTranslatePipe], styles: [".activityEditorsIcon[_ngcontent-%COMP%]{margin-left:14px}.activityEditorsAndViewersIcons[_ngcontent-%COMP%], .activityViewersIcon[_ngcontent-%COMP%]{float:left;margin-left:14px}"] });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationConverter, [{
-        type: Injectable
-    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityComponent, [{
+        type: Component,
+        args: [{ selector: 'ccd-activity', standalone: false, template: "<div class=\"activityComponent\" *ngIf=\"isActivityEnabled()\">\n  <div *ngIf=\"displayMode === dspMode.ICON && editorsPresent()\" [class.activityEditorsAndViewersIcons]=\"viewersPresent()\" [class.activityEditorsIcon]=\"!viewersPresent()\">\n    <ccd-activity-icon imageLink=\"assets/img/editor.png\" [description]=\"editorsText | rpxTranslate\"></ccd-activity-icon>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.ICON && viewersPresent()\" class=\"activityViewersIcon\">\n    <ccd-activity-icon imageLink=\"assets/img/viewer.png\" [description]=\"viewersText | rpxTranslate\"></ccd-activity-icon>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.BANNER && editorsPresent()\">\n    <ccd-activity-banner imageLink=\"assets/img/editorBanner.png\" [description]=\"editorsText | rpxTranslate\" bannerType=\"editor\">\n    </ccd-activity-banner>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.BANNER && viewersPresent()\">\n    <ccd-activity-banner imageLink=\"assets/img/viewerBanner.png\" [description]=\"viewersText | rpxTranslate\" bannerType=\"viewer\">\n    </ccd-activity-banner>\n  </div>\n</div>\n", styles: [".activityEditorsIcon{margin-left:14px}.activityEditorsAndViewersIcons,.activityViewersIcon{float:left;margin-left:14px}\n"] }]
+    }], () => [{ type: ActivityPollingService }], { caseId: [{
+            type: Input
+        }], displayMode: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityComponent, { className: "ActivityComponent", filePath: "lib/shared/components/activity/activity.component.ts", lineNumber: 12 }); })();
 
-class PaginationMetadata {
-    totalResultsCount;
-    totalPagesCount;
+class ActivityModule {
+    static ɵfac = function ActivityModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActivityModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            ActivityService,
+            ActivityPollingService,
+            SessionStorageService,
+        ], imports: [CommonModule,
+            RouterModule,
+            RpxTranslationModule.forChild()] });
 }
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RouterModule,
+                    RpxTranslationModule.forChild()
+                ],
+                declarations: [
+                    ActivityComponent,
+                    ActivityBannerComponent,
+                    ActivityIconComponent,
+                ],
+                exports: [
+                    ActivityComponent,
+                    ActivityBannerComponent,
+                    ActivityIconComponent,
+                ],
+                providers: [
+                    ActivityService,
+                    ActivityPollingService,
+                    SessionStorageService,
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActivityModule, { declarations: [ActivityComponent,
+        ActivityBannerComponent,
+        ActivityIconComponent], imports: [CommonModule,
+        RouterModule, i1.RpxTranslationModule], exports: [ActivityComponent,
+        ActivityBannerComponent,
+        ActivityIconComponent] }); })();
 
-function hasRoles(profile) {
-    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
-        return profile.user.idam.roles.length > 0;
-    }
-    return false;
-}
-// @dynamic
-class Profile {
-    user;
-    channels;
-    jurisdictions;
-    default;
-    isSolicitor() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
-        }
-        return false;
-    }
-    isCourtAdmin() {
-        if (hasRoles(this)) {
-            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
-        }
-        return false;
+class AlertService {
+    router;
+    rpxTranslationService;
+    // the preserved messages
+    preservedError = '';
+    preservedWarning = '';
+    preservedSuccess = '';
+    // TODO: Remove
+    message;
+    level;
+    successes;
+    errors;
+    warnings;
+    // TODO: Remove
+    alerts;
+    successObserver;
+    errorObserver;
+    warningObserver;
+    // TODO: Remove
+    alertObserver;
+    preserveAlerts = false;
+    constructor(router, rpxTranslationService) {
+        this.router = router;
+        this.rpxTranslationService = rpxTranslationService;
+        this.successes = Observable
+            .create(observer => this.successObserver = observer).pipe(publish(), refCount());
+        this.successes.subscribe();
+        this.errors = Observable
+            .create(observer => this.errorObserver = observer).pipe(publish(), refCount());
+        this.errors.subscribe();
+        this.warnings = Observable
+            .create(observer => this.warningObserver = observer).pipe(publish(), refCount());
+        this.warnings.subscribe();
+        // TODO: Remove
+        this.alerts = Observable
+            .create(observer => this.alertObserver = observer).pipe(publish(), refCount());
+        this.alerts.subscribe();
+        this.router
+            .events
+            .subscribe(event => {
+            if (event instanceof NavigationStart) {
+                // if there is no longer a preserve alerts setting for the page then clear all observers and preserved messages
+                if (!this.preserveAlerts) {
+                    this.clear();
+                }
+                // if not, then set the preserving of alerts to false so rendering to a new page
+                this.preserveAlerts = false;
+            }
+        });
     }
-}
-__decorate([
-    Type(() => Jurisdiction),
-    __metadata("design:type", Array)
-], Profile.prototype, "jurisdictions", void 0);
-
-class Field {
-    id;
-    field_type;
-    elementPath;
-    value;
-    label;
-    metadata;
-    constructor(id, field_type, elementPath, value, label, metadata) {
-        this.id = id;
-        this.field_type = field_type;
-        this.elementPath = elementPath;
-        this.value = value;
-        this.label = label;
-        this.metadata = metadata;
+    clear() {
+        this.successObserver.next(null);
+        this.errorObserver.next(null);
+        this.warningObserver.next(null);
+        this.preservedError = '';
+        this.preservedWarning = '';
+        this.preservedSuccess = '';
+        // EUI-3381.
+        this.alertObserver.next(null);
+        this.message = '';
     }
-}
-
-class SearchResultViewColumn {
-    case_field_id;
-    case_field_type;
-    display_context;
-    display_context_parameter;
-    label;
-    order;
-}
-
-// @dynamic
-class SearchResultViewItem {
-    case_id;
-    case_fields;
-    hydrated_case_fields;
-    columns;
-    supplementary_data;
-    display_context_parameter;
-}
-__decorate([
-    Type(() => CaseField),
-    __metadata("design:type", Array)
-], SearchResultViewItem.prototype, "hydrated_case_fields", void 0);
-
-// @dynamic
-class SearchResultView {
-    columns;
-    results;
-    result_error;
-    hasDrafts() {
-        return this.results[0]
-            && this.results[0].case_id
-            && Draft.isDraft(this.results[0].case_id);
+    error({ phrase, replacements }) {
+        const message = this.getTranslationWithReplacements(phrase, replacements);
+        this.preservedError = this.preserveMessages(message);
+        const alert = { level: 'error', message };
+        this.errorObserver.next(alert);
+        // EUI-3381.
+        this.push(alert);
     }
-}
-__decorate([
-    Type(() => SearchResultViewColumn),
-    __metadata("design:type", Array)
-], SearchResultView.prototype, "columns", void 0);
-__decorate([
-    Type(() => SearchResultViewItem),
-    __metadata("design:type", Array)
-], SearchResultView.prototype, "results", void 0);
-
-class SortParameters {
-    comparator;
-    sortOrder;
-    constructor(comparator, sortOrder) {
-        this.comparator = comparator;
-        this.sortOrder = sortOrder;
+    warning({ phrase, replacements }) {
+        const message = this.getTranslationWithReplacements(phrase, replacements);
+        this.preservedWarning = this.preserveMessages(message);
+        const alert = { level: 'warning', message };
+        this.warningObserver.next(alert);
+        // EUI-3381.
+        this.push(alert);
     }
-}
-
-var SortOrder$1;
-(function (SortOrder) {
-    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
-    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
-    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
-})(SortOrder$1 || (SortOrder$1 = {}));
-
-const STAFF_CACHE_ROLE_CATEGORIES = new Set([
-    RoleCategory.ADMIN,
-    RoleCategory.CTSC,
-    RoleCategory.LEGAL_OPERATIONS
-]);
-const SUPPORTED_ROLE_CATEGORIES = new Set([
-    ...STAFF_CACHE_ROLE_CATEGORIES,
-    RoleCategory.JUDICIAL,
-]);
-// Aliases allow the definition to use the shorter, hyphenated form within #ARGUMENT(...)
-const ROLE_CATEGORY_ALIASES = {
-    LEGAL_OPS: RoleCategory.LEGAL_OPERATIONS
-};
-const ARGUMENT_REGEX = /#ARGUMENT\(([^)]*)\)/;
-const CATEGORY_PREFIX = 'CATEGORY-';
-const REGION_PREFIX = 'REGION-';
-/**
- * Parses the `display_context_parameter` of a StaffUser field to determine the filters to apply
- * when searching reference data.
- *
- * Expected format: `#ARGUMENT(CATEGORY-LEGAL-OPS,CATEGORY-ADMIN,REGION-1235)`
- */
-function parseStaffUserSearchConfiguration(displayContextParameter) {
-    if (!displayContextParameter) {
-        return invalidConfiguration();
+    success({ preserve, phrase, replacements }) {
+        const message = this.getTranslationWithReplacements(phrase, replacements);
+        this.preserveAlerts = preserve || this.preserveAlerts;
+        const alert = { level: 'success', message };
+        this.preservedSuccess = this.preserveMessages(message);
+        this.successObserver.next(alert);
+        // EUI-3381.
+        this.push(alert);
     }
-    const match = ARGUMENT_REGEX.exec(displayContextParameter);
-    if (!match?.[1]) {
-        return invalidConfiguration();
+    getTranslationWithReplacements(phrase, replacements) {
+        let message;
+        if (replacements) {
+            this.rpxTranslationService.getTranslationWithReplacements$(phrase, replacements).subscribe(translation => {
+                message = translation;
+            });
+        }
+        else {
+            this.rpxTranslationService.getTranslation$(phrase).subscribe(translation => {
+                message = translation;
+            });
+        }
+        return message;
     }
-    const tokens = match[1].split(',').map(token => token.trim());
-    if (tokens.some(token => !token)) {
-        return invalidConfiguration();
+    setPreserveAlerts(preserve, urlInfo) {
+        // if there is no url setting then just preserve the messages
+        if (!urlInfo) {
+            this.preserveAlerts = preserve;
+        }
+        else {
+            // check if the url includes the sting given
+            this.preserveAlerts = this.currentUrlIncludesInfo(preserve, urlInfo);
+        }
     }
-    const roleCategories = [];
-    for (const token of tokens) {
-        if (token.startsWith(CATEGORY_PREFIX)) {
-            const category = normaliseRoleCategory(token.substring(CATEGORY_PREFIX.length));
-            if (!isStaffUserRoleCategory(category)) {
-                return invalidConfiguration();
-            }
-            if (!roleCategories.includes(category)) {
-                roleCategories.push(category);
+    currentUrlIncludesInfo(preserve, urlInfo) {
+        // loop through the list of strings and check the router includes all of them
+        for (const urlSnip of urlInfo) {
+            if (!this.router.url.includes(urlSnip)) {
+                // return the opposite boolean value if the router does not include one of the strings
+                return !preserve;
             }
         }
-        else if (token.startsWith(REGION_PREFIX)) {
-            // Region filtering is not supported in this version; REGION- tokens are silently ignored
+        // return the boolean value if all strings are in the url
+        return preserve;
+    }
+    isPreserveAlerts() {
+        return this.preserveAlerts;
+    }
+    preserveMessages(message) {
+        // preserve the messages if set to preserve them
+        if (this.isPreserveAlerts()) {
+            return message;
         }
         else {
-            return invalidConfiguration();
+            return '';
         }
     }
-    if (!roleCategories.length) {
-        return invalidConfiguration();
+    // TODO: Remove
+    push(msgObject) {
+        this.message = msgObject.message;
+        this.level = msgObject.level;
+        this.alertObserver.next({
+            level: this.level,
+            message: this.message
+        });
     }
-    return {
-        valid: true,
-        configuration: {
-            roleCategories,
-            staffRoleCategories: roleCategories.filter(isStaffCacheRoleCategory),
-            includesJudicial: roleCategories.includes(RoleCategory.JUDICIAL)
-        }
-    };
-}
-function normaliseRoleCategory(category) {
-    const normalised = category.replaceAll('-', '_');
-    return ROLE_CATEGORY_ALIASES[normalised] || normalised;
-}
-function isStaffUserRoleCategory(category) {
-    return SUPPORTED_ROLE_CATEGORIES.has(category);
-}
-function isStaffCacheRoleCategory(category) {
-    return STAFF_CACHE_ROLE_CATEGORIES.has(category);
-}
-function invalidConfiguration() {
-    return { valid: false, error: 'INVALID_ROLE_CATEGORIES' };
-}
-
-class WorkbasketInputModel {
-    label;
-    order;
-    field;
-    metadata;
-    display_context_parameter;
-}
-class WorkbasketInput {
-    workbasketInputs;
-}
-
-const USER_DETAILS = 'userDetails';
-const PUI_CASE_MANAGER = 'pui-case-manager';
-function getUserDetails(sessionStorageService) {
-    const item = sessionStorageService?.getItem(USER_DETAILS);
-    return safeJsonParse(item, null);
-}
-function isInternalUser(sessionStorageService) {
-    const userDetails = getUserDetails(sessionStorageService);
-    return !!userDetails?.roles &&
-        !userDetails.roles.includes(PUI_CASE_MANAGER) &&
-        !userDetails.roles.some(role => role.toLowerCase().includes(RoleKeyword.JUDGE));
-}
-function isJudiciaryUser(sessionStorageService) {
-    const userDetails = getUserDetails(sessionStorageService);
-    return !!userDetails?.roles
-        && (userDetails.roles.some((role) => role.toLowerCase().includes(RoleKeyword.JUDGE)));
-}
-function roleHasKeyword(keyword, roleWords) {
-    return roleWords.includes(keyword);
-}
-function isWorkAllocationUser(sessionStorageService) {
-    const userDetails = getUserDetails(sessionStorageService);
-    return userDetails?.roles
-        && !userDetails.roles.includes(PUI_CASE_MANAGER)
-        &&
-            (userDetails.roles.includes('caseworker-ia-iacjudge')
-                || userDetails.roles.includes('caseworker-ia-caseofficer')
-                || userDetails.roles.includes('caseworker-ia-admofficer')
-                || userDetails.roles.includes('caseworker-civil')
-                || userDetails.roles.includes('caseworker-privatelaw'));
-}
-// fallback purely if roleCategories is not available in 
-function getMappedRoleCategories(roles = []) {
-    const roleKeywords = roles.join().split('-').join().split(',');
-    const roleCategoryList = [];
-    if (roleHasKeyword(RoleKeyword.JUDGE, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.JUDICIAL);
-    }
-    if (roleHasKeyword(RoleKeyword.SOLICITOR, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.PROFESSIONAL);
-    }
-    if (roleHasKeyword(RoleKeyword.CITIZEN, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.CITIZEN);
-    }
-    if (roleHasKeyword(RoleKeyword.ADMIN, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.ADMIN);
-    }
-    if (roleHasKeyword(RoleKeyword.CTSC, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.CTSC);
-    }
-    if (roleHasKeyword(RoleKeyword.CASEWORKER, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.LEGAL_OPERATIONS);
-    }
-    if (roleHasKeyword(RoleKeyword.ENFORCEMENT, roleKeywords)) {
-        roleCategoryList.push(RoleCategory.ENFORCEMENT);
-    }
-    return roleCategoryList;
-}
-function getAMRoleName(accessType, aMRole) {
-    let roleName = '';
-    switch (aMRole) {
-        case RoleCategory.JUDICIAL:
-            roleName = `${accessType}-access-${AMRoleSuffix.JUDICIARY}`;
-            break;
-        case RoleCategory.PROFESSIONAL:
-            roleName = `${accessType}-access-${AMRoleSuffix.PROFESSIONAL}`;
-            break;
-        case RoleCategory.CITIZEN:
-            roleName = `${accessType}-access-${AMRoleSuffix.CITIZEN}`;
-            break;
-        case RoleCategory.ADMIN:
-            roleName = `${accessType}-access-${AMRoleSuffix.ADMIN}`;
-            break;
-        case RoleCategory.CTSC:
-            roleName = `${accessType}-access-${AMRoleSuffix.CTSC}`;
-            break;
-        case RoleCategory.ENFORCEMENT:
-            roleName = `${accessType}-access-${AMRoleSuffix.ENFORCEMENT}`;
-            break;
-        default:
-            roleName = `${accessType}-access-${AMRoleSuffix.LEGAL_OPERATIONS}`;
-            break;
+    static ɵfac = function AlertService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertService)(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.RpxTranslationService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AlertService, factory: AlertService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertService, [{
+        type: Injectable
+    }], () => [{ type: i1$1.Router }, { type: i1.RpxTranslationService }], null); })();
+
+const DRAFT_PREFIX = 'DRAFT';
+const DRAFT_QUERY_PARAM = 'draft';
+class Draft {
+    id;
+    document;
+    type;
+    created;
+    updated;
+    static stripDraftId(draftId) {
+        return draftId.slice(DRAFT_PREFIX.length);
+    }
+    static isDraft(id) {
+        return String(id).startsWith(DRAFT_PREFIX);
     }
-    return roleName;
 }
 
-// @dynamic
-class ActivityService {
+class DraftService {
     http;
     appConfig;
-    sessionStorageService;
-    static get ACTIVITY_VIEW() { return 'view'; }
-    static get ACTIVITY_EDIT() { return 'edit'; }
-    logger = new StructuredLoggerService();
-    constructor(http, appConfig, sessionStorageService) {
+    errorService;
+    static V2_MEDIATYPE_DRAFT_CREATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-create.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_DRAFT_UPDATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-update.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_DRAFT_READ = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-read.v2+json;charset=UTF-8';
+    static V2_MEDIATYPE_DRAFT_DELETE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-delete.v2+json;charset=UTF-8';
+    constructor(http, appConfig, errorService) {
         this.http = http;
         this.appConfig = appConfig;
-        this.sessionStorageService = sessionStorageService;
+        this.errorService = errorService;
     }
-    get isEnabled() {
-        return this.activityUrl() && this.userAuthorised;
+    createDraft(ctid, eventData) {
+        const saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid);
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_CREATE)
+            .set('Content-Type', 'application/json');
+        return this.http
+            .post(saveDraftEndpoint, eventData, { headers, observe: 'body' })
+            .pipe(catchError((error) => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
     }
-    static DUMMY_CASE_REFERENCE = '0';
-    userAuthorised = undefined;
-    static handleHttpError(response) {
-        const error = HttpErrorService.convertToHttpError(response);
-        if (response?.status !== error.status) {
-            error.status = response.status;
-        }
-        return error;
+    updateDraft(ctid, draftId, eventData) {
+        const saveDraftEndpoint = `${this.appConfig.getCreateOrUpdateDraftsUrl(ctid)}/${draftId}`;
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_UPDATE)
+            .set('Content-Type', 'application/json');
+        return this.http
+            .put(saveDraftEndpoint, eventData, { headers, observe: 'body' })
+            .pipe(catchError((error) => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
     }
-    getOptions() {
-        const userDetails = safeJsonParse(this.sessionStorageService.getItem(USER_DETAILS));
-        let headers = new HttpHeaders().set('Content-Type', 'application/json');
-        if (userDetails?.token) {
-            headers = headers.set('Authorization', userDetails.token);
-        }
-        return {
-            headers,
-            withCredentials: true,
-            observe: 'body',
-        };
+    getDraft(draftId) {
+        const url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_READ)
+            .set('Content-Type', 'application/json');
+        return this.http
+            .get(url, { headers, observe: 'body' })
+            .pipe(catchError((error) => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
     }
-    getActivities(...caseId) {
-        try {
-            const options = this.getOptions();
-            const url = `${this.activityUrl()}/cases/${caseId.join(',')}/activity`;
-            return this.http
-                .get(url, options, false, ActivityService.handleHttpError)
-                .pipe(map(response => response));
+    deleteDraft(draftId) {
+        const url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
+        const headers = new HttpHeaders()
+            .set('experimental', 'true')
+            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_DELETE)
+            .set('Content-Type', 'application/json');
+        return this.http
+            .delete(url, { headers, observe: 'body' }).pipe(catchError((error) => {
+            this.errorService.setError(error);
+            return throwError(error);
+        }));
+    }
+    createOrUpdateDraft(caseTypeId, draftId, caseEventData) {
+        if (!draftId) {
+            return this.createDraft(caseTypeId, caseEventData);
         }
-        catch (error) {
-            this.logUserMayNotBeAuthenticated(error);
+        else {
+            return this.updateDraft(caseTypeId, Draft.stripDraftId(draftId), caseEventData);
         }
     }
-    postActivity(caseId, activity) {
-        try {
-            const options = this.getOptions();
-            const url = `${this.activityUrl()}/cases/${caseId}/activity`;
-            const body = { activity };
-            return this.http
-                .post(url, body, options, false)
-                .pipe(map(response => response));
-        }
-        catch (error) {
-            this.logUserMayNotBeAuthenticated(error);
+    static ɵfac = function DraftService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DraftService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DraftService, factory: DraftService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DraftService, [{
+        type: Injectable
+    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }], null); })();
+
+class ConditionalShowRegistrarService {
+    registeredDirectives = [];
+    register(newDirective) {
+        this.registeredDirectives.push(newDirective);
+    }
+    reset() {
+        this.registeredDirectives = [];
+    }
+    static ɵfac = function ConditionalShowRegistrarService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConditionalShowRegistrarService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConditionalShowRegistrarService, factory: ConditionalShowRegistrarService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConditionalShowRegistrarService, [{
+        type: Injectable
+    }], null, null); })();
+
+/** Keeps track of initially hidden fields that toggle to show on the page (parent page).
+ *  Used to decide whether to redisplay the grey bar when returning to the page during
+ *  navigation between pages.
+ */
+class GreyBarService {
+    fieldsToggledToShow = [];
+    renderer;
+    constructor(rendererFactory) {
+        this.renderer = rendererFactory.createRenderer(null, null);
+    }
+    showGreyBar(field, el) {
+        if (!field.isCollection()) {
+            this.addGreyBar(el);
         }
     }
-    verifyUserIsAuthorized() {
-        if (this.sessionStorageService.getItem(USER_DETAILS) && this.activityUrl() && this.userAuthorised === undefined) {
-            this.getActivities(ActivityService.DUMMY_CASE_REFERENCE).subscribe(() => this.userAuthorised = true, error => {
-                this.userAuthorised = [401, 403].indexOf(error.status) <= -1;
-            });
+    removeGreyBar(el) {
+        const divSelector = el.nativeElement.querySelector('div');
+        if (divSelector) {
+            this.renderer.removeClass(divSelector, 'show-condition-grey-bar');
         }
     }
-    activityUrl() {
-        return this.appConfig.getActivityUrl();
+    addToggledToShow(fieldId) {
+        this.fieldsToggledToShow.push(fieldId);
     }
-    logUserMayNotBeAuthenticated(error) {
-        this.logger.error('User may not be authenticated. Activity request was not sent.', { error });
+    removeToggledToShow(fieldId) {
+        this.fieldsToggledToShow = this.fieldsToggledToShow.filter(id => id !== fieldId);
     }
-    static ɵfac = function ActivityService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(SessionStorageService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityService, factory: ActivityService.ɵfac });
+    wasToggledToShow(fieldId) {
+        return this.fieldsToggledToShow.find(id => id === fieldId) !== undefined;
+    }
+    reset() {
+        this.fieldsToggledToShow = [];
+    }
+    addGreyBar(el) {
+        const divSelector = el.nativeElement.querySelector('div');
+        if (divSelector) {
+            this.renderer.addClass(divSelector, 'show-condition-grey-bar');
+        }
+    }
+    static ɵfac = function GreyBarService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GreyBarService)(i0.ɵɵinject(i0.RendererFactory2)); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GreyBarService, factory: GreyBarService.ɵfac });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityService, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GreyBarService, [{
         type: Injectable
-    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: SessionStorageService }], null); })();
+    }], () => [{ type: i0.RendererFactory2 }], null); })();
 
-// @dynamic
-class ActivityPollingService {
-    activityService;
-    ngZone;
-    config;
-    logger = new StructuredLoggerService();
-    pendingRequests = new Map();
-    currentTimeoutHandle;
-    pollActivitiesSubscription;
-    pollConfig;
-    batchCollectionDelayMs;
-    maxRequestsPerBatch;
-    constructor(activityService, ngZone, config) {
-        this.activityService = activityService;
-        this.ngZone = ngZone;
-        this.config = config;
-        this.pollConfig = {
-            interval: config.getActivityNexPollRequestMs(),
-            attempts: config.getActivityRetry()
+var AddCommentsErrorMessage;
+(function (AddCommentsErrorMessage) {
+    AddCommentsErrorMessage["FLAG_COMMENTS_NOT_ENTERED"] = "Please enter comments for this flag";
+    AddCommentsErrorMessage["FLAG_COMMENTS_NOT_ENTERED_EXTERNAL"] = "Please enter comments for this support request";
+    AddCommentsErrorMessage["FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Comments for this flag must be 200 characters or fewer";
+})(AddCommentsErrorMessage || (AddCommentsErrorMessage = {}));
+
+var AddCommentsStep;
+(function (AddCommentsStep) {
+    AddCommentsStep["HINT_TEXT"] = "Explain why you are creating this flag. Do not include any sensitive information such as personal details.";
+    AddCommentsStep["HINT_TEXT_EXTERNAL"] = "Explain why you are creating this support request. Do not include any sensitive information such as personal details.";
+    AddCommentsStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
+    AddCommentsStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
+})(AddCommentsStep || (AddCommentsStep = {}));
+
+var CaseFlagCheckYourAnswersPageStep;
+(function (CaseFlagCheckYourAnswersPageStep) {
+    CaseFlagCheckYourAnswersPageStep["CASE_LEVEL_LOCATION"] = "Case level";
+    CaseFlagCheckYourAnswersPageStep["ADD_FLAG_HEADER_TEXT"] = "Add flag to";
+    CaseFlagCheckYourAnswersPageStep["ADD_FLAG_HEADER_TEXT_EXTERNAL"] = "Add support to";
+    CaseFlagCheckYourAnswersPageStep["UPDATE_FLAG_HEADER_TEXT"] = "Update flag for";
+    CaseFlagCheckYourAnswersPageStep["UPDATE_FLAG_HEADER_TEXT_EXTERNAL"] = "Update support for";
+    CaseFlagCheckYourAnswersPageStep["FLAG_TYPE_HEADER_TEXT"] = "Flag type";
+    CaseFlagCheckYourAnswersPageStep["FLAG_TYPE_HEADER_TEXT_EXTERNAL"] = "Support type";
+    CaseFlagCheckYourAnswersPageStep["NONE"] = "";
+})(CaseFlagCheckYourAnswersPageStep || (CaseFlagCheckYourAnswersPageStep = {}));
+
+/**
+ * Create and update contexts for external users are, by definition, part of Case Flags 2.1 - thus there is no enum
+ * value for these.
+ */
+var CaseFlagDisplayContextParameter;
+(function (CaseFlagDisplayContextParameter) {
+    CaseFlagDisplayContextParameter["CREATE"] = "#ARGUMENT(CREATE)";
+    CaseFlagDisplayContextParameter["CREATE_EXTERNAL"] = "#ARGUMENT(CREATE,EXTERNAL)";
+    CaseFlagDisplayContextParameter["CREATE_2_POINT_1"] = "#ARGUMENT(CREATE,VERSION2.1)";
+    CaseFlagDisplayContextParameter["READ_EXTERNAL"] = "#ARGUMENT(READ,EXTERNAL)";
+    CaseFlagDisplayContextParameter["UPDATE"] = "#ARGUMENT(UPDATE)";
+    CaseFlagDisplayContextParameter["UPDATE_EXTERNAL"] = "#ARGUMENT(UPDATE,EXTERNAL)";
+    CaseFlagDisplayContextParameter["UPDATE_2_POINT_1"] = "#ARGUMENT(UPDATE,VERSION2.1)";
+})(CaseFlagDisplayContextParameter || (CaseFlagDisplayContextParameter = {}));
+
+var CaseFlagFormFields;
+(function (CaseFlagFormFields) {
+    CaseFlagFormFields["FLAG_TYPE"] = "flagType";
+    CaseFlagFormFields["COMMENTS"] = "flagComment";
+    CaseFlagFormFields["COMMENTS_WELSH"] = "flagComment_cy";
+    CaseFlagFormFields["OTHER_FLAG_DESCRIPTION"] = "otherDescription";
+    CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
+    CaseFlagFormFields["STATUS"] = "status";
+    CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
+    CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
+    CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
+})(CaseFlagFormFields || (CaseFlagFormFields = {}));
+
+var CaseFlagStatus;
+(function (CaseFlagStatus) {
+    CaseFlagStatus["REQUESTED"] = "Requested";
+    CaseFlagStatus["ACTIVE"] = "Active";
+    CaseFlagStatus["INACTIVE"] = "Inactive";
+    CaseFlagStatus["NOT_APPROVED"] = "Not approved";
+})(CaseFlagStatus || (CaseFlagStatus = {}));
+
+var CaseFlagSummaryListDisplayMode;
+(function (CaseFlagSummaryListDisplayMode) {
+    CaseFlagSummaryListDisplayMode[CaseFlagSummaryListDisplayMode["CREATE"] = 0] = "CREATE";
+    CaseFlagSummaryListDisplayMode[CaseFlagSummaryListDisplayMode["MANAGE"] = 1] = "MANAGE";
+})(CaseFlagSummaryListDisplayMode || (CaseFlagSummaryListDisplayMode = {}));
+
+var CaseFlagWizardStepTitle;
+(function (CaseFlagWizardStepTitle) {
+    CaseFlagWizardStepTitle["SELECT_FLAG_LOCATION"] = "Where should this flag be added?";
+    CaseFlagWizardStepTitle["SELECT_FLAG_LOCATION_EXTERNAL"] = "Who is the support for?";
+    CaseFlagWizardStepTitle["SELECT_CASE_FLAG"] = "Select flag type";
+    CaseFlagWizardStepTitle["SELECT_CASE_FLAG_EXTERNAL"] = "Select support type";
+    CaseFlagWizardStepTitle["OTHER_FLAG_TYPE_DESCRIPTION"] = "Enter a flag type";
+    CaseFlagWizardStepTitle["OTHER_FLAG_TYPE_DESCRIPTION_EXTERNAL"] = "Enter a support type";
+    CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS"] = "Add comments for this flag";
+    CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS_EXTERNAL_MODE"] = "Tell us more about the request";
+    CaseFlagWizardStepTitle["CONFIRM_FLAG_STATUS"] = "Confirm the status of the flag";
+    CaseFlagWizardStepTitle["FLAG_STATUS"] = "Flag status";
+    CaseFlagWizardStepTitle["MANAGE_CASE_FLAGS"] = "Manage case flags";
+    CaseFlagWizardStepTitle["MANAGE_SUPPORT"] = "Which support is no longer needed?";
+    CaseFlagWizardStepTitle["UPDATE_FLAG_TITLE"] = "Update flag";
+    CaseFlagWizardStepTitle["UPDATE_FLAG_TITLE_EXTERNAL"] = "Tell us why the support is no longer needed";
+    CaseFlagWizardStepTitle["UPDATE_FLAG_ADD_TRANSLATION"] = "Add translations to flag";
+    CaseFlagWizardStepTitle["NONE"] = "";
+})(CaseFlagWizardStepTitle || (CaseFlagWizardStepTitle = {}));
+
+var ConfirmStatusErrorMessage;
+(function (ConfirmStatusErrorMessage) {
+    ConfirmStatusErrorMessage["STATUS_REASON_NOT_ENTERED"] = "Comments and/or the name of the person approving the decision should be entered";
+    ConfirmStatusErrorMessage["STATUS_REASON_CHAR_LIMIT_EXCEEDED"] = "Comments must be 200 characters or fewer";
+})(ConfirmStatusErrorMessage || (ConfirmStatusErrorMessage = {}));
+
+var ConfirmStatusStep;
+(function (ConfirmStatusStep) {
+    ConfirmStatusStep["HINT_TEXT"] = "Describe reason for status; if choosing 'Not approved' provide name of person approving decision.";
+    ConfirmStatusStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
+})(ConfirmStatusStep || (ConfirmStatusStep = {}));
+
+var SearchLanguageInterpreterErrorMessage;
+(function (SearchLanguageInterpreterErrorMessage) {
+    SearchLanguageInterpreterErrorMessage["LANGUAGE_NOT_ENTERED"] = "Enter the language that will need to be interpreted";
+    SearchLanguageInterpreterErrorMessage["LANGUAGE_CHAR_LIMIT_EXCEEDED"] = "You can enter up to 80 characters for the required language";
+    SearchLanguageInterpreterErrorMessage["LANGUAGE_ENTERED_IN_BOTH_FIELDS"] = "The language can only be entered in one of the fields";
+})(SearchLanguageInterpreterErrorMessage || (SearchLanguageInterpreterErrorMessage = {}));
+
+var SearchLanguageInterpreterStep;
+(function (SearchLanguageInterpreterStep) {
+    SearchLanguageInterpreterStep["HINT_TEXT"] = "Enter the language that will need to be interpreted. If this language is not listed, you can enter it manually.";
+    SearchLanguageInterpreterStep["SIGN_HINT_TEXT"] = "Enter the sign language that will need to be interpreted. If this language is not listed, you can enter it manually.";
+    SearchLanguageInterpreterStep["CHECKBOX_LABEL"] = "Enter the language manually";
+    SearchLanguageInterpreterStep["INPUT_LABEL"] = "Enter the language";
+})(SearchLanguageInterpreterStep || (SearchLanguageInterpreterStep = {}));
+
+var SelectFlagErrorMessage;
+(function (SelectFlagErrorMessage) {
+    SelectFlagErrorMessage["MANAGE_CASE_FLAGS_FLAG_NOT_SELECTED"] = "Please make a selection";
+    SelectFlagErrorMessage["MANAGE_SUPPORT_FLAG_NOT_SELECTED"] = "Select which support is no longer needed";
+    SelectFlagErrorMessage["NO_FLAGS"] = "This case has no flags";
+})(SelectFlagErrorMessage || (SelectFlagErrorMessage = {}));
+
+var SelectFlagLocationErrorMessage;
+(function (SelectFlagLocationErrorMessage) {
+    SelectFlagLocationErrorMessage["FLAG_LOCATION_NOT_SELECTED"] = "Please make a selection";
+    SelectFlagLocationErrorMessage["FLAGS_NOT_CONFIGURED"] = "Flags have not been configured for this case type";
+})(SelectFlagLocationErrorMessage || (SelectFlagLocationErrorMessage = {}));
+
+var SelectFlagTypeErrorMessage;
+(function (SelectFlagTypeErrorMessage) {
+    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_SELECTED"] = "Please select a flag type";
+    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_SELECTED_EXTERNAL"] = "Please select a support type";
+    SelectFlagTypeErrorMessage["FLAG_TYPE_OPTION_NOT_SELECTED"] = "Select an option";
+    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_ENTERED"] = "Please enter a flag type";
+    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_ENTERED_EXTERNAL"] = "Please enter a support type";
+    SelectFlagTypeErrorMessage["FLAG_TYPE_LIMIT_EXCEEDED"] = "You can enter up to 80 characters only";
+})(SelectFlagTypeErrorMessage || (SelectFlagTypeErrorMessage = {}));
+
+var UpdateFlagAddTranslationErrorMessage;
+(function (UpdateFlagAddTranslationErrorMessage) {
+    UpdateFlagAddTranslationErrorMessage["DESCRIPTION_CHAR_LIMIT_EXCEEDED"] = "Original description or translation must be 200 characters or fewer";
+    UpdateFlagAddTranslationErrorMessage["COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Original comments or translation must be 200 characters or fewer";
+})(UpdateFlagAddTranslationErrorMessage || (UpdateFlagAddTranslationErrorMessage = {}));
+
+var UpdateFlagAddTranslationStep;
+(function (UpdateFlagAddTranslationStep) {
+    UpdateFlagAddTranslationStep["HINT_TEXT"] = "Write translation for flag description or comments in the boxes provided.";
+    UpdateFlagAddTranslationStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
+})(UpdateFlagAddTranslationStep || (UpdateFlagAddTranslationStep = {}));
+
+var UpdateFlagErrorMessage;
+(function (UpdateFlagErrorMessage) {
+    UpdateFlagErrorMessage["FLAG_COMMENTS_NOT_ENTERED"] = "Please enter comments for this flag";
+    UpdateFlagErrorMessage["FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Comments for this flag must be 200 characters or fewer";
+    UpdateFlagErrorMessage["STATUS_REASON_NOT_ENTERED"] = "Comments and/or the name of the person approving the decision should be entered";
+    UpdateFlagErrorMessage["STATUS_REASON_NOT_ENTERED_EXTERNAL"] = "You must explain why the support is no longer needed";
+    UpdateFlagErrorMessage["STATUS_REASON_CHAR_LIMIT_EXCEEDED"] = "Comments must be 200 characters or fewer";
+    UpdateFlagErrorMessage["NONE"] = "";
+})(UpdateFlagErrorMessage || (UpdateFlagErrorMessage = {}));
+
+var UpdateFlagStep;
+(function (UpdateFlagStep) {
+    UpdateFlagStep["COMMENT_HINT_TEXT_INTERNAL"] = "Explain why you are updating this flag. Do not include any sensitive information such as personal details.";
+    UpdateFlagStep["COMMENT_HINT_TEXT_INTERNAL_2_POINT_1"] = "Update the comments describing the user's support needs or flag description. Do not include any sensitive information such as personal details.";
+    UpdateFlagStep["COMMENT_HINT_TEXT_EXTERNAL"] = "Do not include any sensitive information such as personal details.";
+    UpdateFlagStep["COMMENT_FIELD_LABEL_EXTERNAL"] = "Please provide your comments below";
+    UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
+    UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
+    UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
+})(UpdateFlagStep || (UpdateFlagStep = {}));
+
+var CaseFlagFieldState;
+(function (CaseFlagFieldState) {
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_LOCATION"] = 0] = "FLAG_LOCATION";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_TYPE"] = 1] = "FLAG_TYPE";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_LANGUAGE_INTERPRETER"] = 2] = "FLAG_LANGUAGE_INTERPRETER";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_COMMENTS"] = 3] = "FLAG_COMMENTS";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_STATUS"] = 4] = "FLAG_STATUS";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_MANAGE_CASE_FLAGS"] = 5] = "FLAG_MANAGE_CASE_FLAGS";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE"] = 6] = "FLAG_UPDATE";
+    CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE_WELSH_TRANSLATION"] = 7] = "FLAG_UPDATE_WELSH_TRANSLATION";
+})(CaseFlagFieldState || (CaseFlagFieldState = {}));
+var CaseFlagErrorMessage;
+(function (CaseFlagErrorMessage) {
+    CaseFlagErrorMessage["NO_EXTERNAL_FLAGS_COLLECTION"] = "External collection for storing this case flag has not been configured for this case type";
+    CaseFlagErrorMessage["NO_INTERNAL_FLAGS_COLLECTION"] = "Internal collection for storing this case flag has not been configured for this case type";
+})(CaseFlagErrorMessage || (CaseFlagErrorMessage = {}));
+
+class DashPipe {
+    transform(value) {
+        return value ? value : '-';
+    }
+    static ɵfac = function DashPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDash", type: DashPipe, pure: true, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdDash',
+                standalone: false
+            }]
+    }], null, null); })();
+
+/*
+Translate a date time format string from the Java format provided by CCD to the format supported by Angular formatDate()
+Very simple translator that maps unsupported chars to the nearest equivalent.
+If there is no equivalent puts ***x*** into the output where x is the unsupported character
+
+Java format
+G       era                         text              AD; Anno Domini; A
+   u       year                        year              2004; 04
+   y       year-of-era                 year              2004; 04
+   D       day-of-year                 number            189
+   M/L     month-of-year               number/text       7; 07; Jul; July; J
+   d       day-of-month                number            10
+
+   Q/q     quarter-of-year             number/text       3; 03; Q3; 3rd quarter
+   Y       week-based-year             year              1996; 96
+   w       week-of-week-based-year     number            27
+   W       week-of-month               number            4
+   E       day-of-week                 text              Tue; Tuesday; T
+   e/c     localized day-of-week       number/text       2; 02; Tue; Tuesday; T
+   F       week-of-month               number            3
+
+   a       am-pm-of-day                text              PM
+   h       clock-hour-of-am-pm (1-12)  number            12
+   K       hour-of-am-pm (0-11)        number            0
+   k       clock-hour-of-am-pm (1-24)  number            0
+
+   H       hour-of-day (0-23)          number            0
+   m       minute-of-hour              number            30
+   s       second-of-minute            number            55
+   S       fraction-of-second          fraction          978
+   A       milli-of-day                number            1234
+   n       nano-of-second              number            987654321
+   N       nano-of-day                 number            1234000000
+
+   V       time-zone ID                zone-id           America/Los_Angeles; Z; -08:30
+   z       time-zone name              zone-name         Pacific Standard Time; PST
+   O       localized zone-offset       offset-O          GMT+8; GMT+08:00; UTC-08:00;
+   X       zone-offset 'Z' for zero    offset-X          Z; -08; -0830; -08:30; -083015; -08:30:15;
+   x       zone-offset                 offset-x          +0000; -08; -0830; -08:30; -083015; -08:30:15;
+   Z       zone-offset                 offset-Z          +0000; -0800; -08:00;
+
+   p       pad next                    pad modifier      1
+
+   '       escape for text             delimiter
+   ''      single quote                literal           '
+   [       optional section start
+   ]       optional section end
+   #       reserved for future use
+   {       reserved for future use
+   }       reserved for future use
+
+ Angular dateFormat characters
+ Era	G, GG & GGG	Abbreviated	AD
+GGGG	Wide	Anno Domini
+GGGGG	Narrow	A
+Year	y	Numeric: minimum digits	2, 20, 201, 2017, 20173
+yy	Numeric: 2 digits + zero padded	02, 20, 01, 17, 73
+yyy	Numeric: 3 digits + zero padded	002, 020, 201, 2017, 20173
+yyyy	Numeric: 4 digits or more + zero padded	0002, 0020, 0201, 2017, 20173
+Month	M	Numeric: 1 digit	9, 12
+MM	Numeric: 2 digits + zero padded	09, 12
+MMM	Abbreviated	Sep
+MMMM	Wide	September
+MMMMM	Narrow	S
+Month standalone	L	Numeric: 1 digit	9, 12
+LL	Numeric: 2 digits + zero padded	09, 12
+LLL	Abbreviated	Sep
+LLLL	Wide	September
+LLLLL	Narrow	S
+Week of year	w	Numeric: minimum digits	1... 53
+ww	Numeric: 2 digits + zero padded	01... 53
+Week of month	W	Numeric: 1 digit	1... 5
+Day of month	d	Numeric: minimum digits	1
+dd	Numeric: 2 digits + zero padded	01
+Week day	E, EE & EEE	Abbreviated	Tue
+EEEE	Wide	Tuesday
+EEEEE	Narrow	T
+EEEEEE	Short	Tu
+Period	a, aa & aaa	Abbreviated	am/pm or AM/PM
+aaaa	Wide (fallback to a when missing)	ante meridiem/post meridiem
+aaaaa	Narrow	a/p
+Period*	B, BB & BBB	Abbreviated	mid.
+BBBB	Wide	am, pm, midnight, noon, morning, afternoon, evening, night
+BBBBB	Narrow	md
+Period standalone*	b, bb & bbb	Abbreviated	mid.
+bbbb	Wide	am, pm, midnight, noon, morning, afternoon, evening, night
+bbbbb	Narrow	md
+Hour 1-12	h	Numeric: minimum digits	1, 12
+hh	Numeric: 2 digits + zero padded	01, 12
+Hour 0-23	H	Numeric: minimum digits	0, 23
+HH	Numeric: 2 digits + zero padded	00, 23
+Minute	m	Numeric: minimum digits	8, 59
+mm	Numeric: 2 digits + zero padded	08, 59
+Second	s	Numeric: minimum digits	0... 59
+ss	Numeric: 2 digits + zero padded	00... 59
+Fractional seconds	S	Numeric: 1 digit	0... 9
+SS	Numeric: 2 digits + zero padded	00... 99
+SSS	Numeric: 3 digits + zero padded (= milliseconds)	000... 999
+Zone	z, zz & zzz	Short specific non location format (fallback to O)	GMT-8
+zzzz	Long specific non location format (fallback to OOOO)	GMT-08:00
+Z, ZZ & ZZZ	ISO8601 basic format	-0800
+ZZZZ	Long localized GMT format	GMT-8:00
+ZZZZZ	ISO8601 extended format + Z indicator for offset 0 (= XXXXX)	-08:00
+O, OO & OOO	Short localized GMT format	GMT-8
+OOOO	Long localized GMT format	GMT-08:00
+ */
+class FormatTranslatorService {
+    translate(javaFormat) {
+        const result = [];
+        let prev = '\0';
+        let inQuote = false;
+        const maybePush = (target, obj, flag) => {
+            if (!flag) {
+                target.push(obj);
+            }
         };
-        this.batchCollectionDelayMs = config.getActivityBatchCollectionDelayMs();
-        this.maxRequestsPerBatch = config.getActivityMaxRequestPerBatch();
-    }
-    get isEnabled() {
-        return this.activityService.isEnabled;
-    }
-    subscribeToActivity(caseId, done) {
-        if (!this.isEnabled) {
-            return new Subject();
-        }
-        let subject = this.pendingRequests.get(caseId);
-        if (subject) {
-            subject.subscribe(done);
-        }
-        else {
-            // Only the first pending request should start the batch collection timer.
-            const wasEmpty = this.pendingRequests.size === 0;
-            subject = new Subject();
-            subject.subscribe(done);
-            this.addPendingRequest(caseId, subject);
-            if (wasEmpty) {
-                this.ngZone.runOutsideAngular(() => {
-                    this.currentTimeoutHandle = setTimeout(() => this.ngZone.run(() => {
-                        this.flushRequests();
-                    }), this.batchCollectionDelayMs);
-                });
+        for (const c of javaFormat) {
+            switch (c) {
+                case '\'':
+                    if (prev === '\'') {
+                        // literal single quote - ignore
+                        inQuote = false;
+                    }
+                    else {
+                        inQuote = !inQuote;
+                    }
+                    break;
+                // Due to formatting constraints on the webapp, all 'd' characters should be replaced with 'D' (for Moment library)
+                // This is because we want the date, not the day (this format will need to be converted back)
+                case 'd':
+                    maybePush(result, 'D', inQuote);
+                    break;
+                // moment library defines year as capital y
+                case 'y':
+                    maybePush(result, 'Y', inQuote);
+                    break;
+                case 'e':
+                case 'c':
+                    maybePush(result, 'E', inQuote); // no lower case E
+                    break;
+                case 'F':
+                    maybePush(result, 'W', inQuote);
+                    break;
+                case 'K':
+                    maybePush(result, 'H', inQuote);
+                    break;
+                case 'k':
+                    maybePush(result, 'h', inQuote);
+                    break;
+                // commented out A change to '***' due to use in moment library for AM/PM
+                // added 'a' specification to stop discrepancy in am/AM pm/PM formatting
+                case 'a':
+                    maybePush(result, 'A', inQuote);
+                    break;
+                case 'n':
+                case 'N':
+                    maybePush(result, `***${c}***`, inQuote); // No way to support A - millisec of day, n - nano of second, N - nano of Day
+                    break;
+                case 'V':
+                case 'O':
+                    maybePush(result, 'z', inQuote);
+                    break;
+                case 'x':
+                case 'X':
+                    maybePush(result, 'Z', inQuote);
+                    break;
+                default:
+                    maybePush(result, c, inQuote);
             }
+            prev = c;
         }
-        if (this.pendingRequests.size >= this.maxRequestsPerBatch) {
-            this.flushRequests();
-        }
-        return subject;
-    }
-    stopPolling() {
-        if (this.pollActivitiesSubscription) {
-            this.pollActivitiesSubscription.unsubscribe();
-        }
+        return result.join('');
     }
-    flushRequests() {
-        if (this.currentTimeoutHandle) {
-            clearTimeout(this.currentTimeoutHandle);
-            this.currentTimeoutHandle = undefined;
+    showOnlyDates(dateFormat) {
+        // replace 'd' character with 'D' for the moment library
+        // This ensures only dates allowed
+        while (dateFormat.includes('d')) {
+            dateFormat = dateFormat.replace('d', 'D');
         }
-        if (!this.pendingRequests.size) {
-            return;
+        while (dateFormat.includes('y')) {
+            dateFormat = dateFormat.replace('y', 'Y');
         }
-        const requests = new Map(this.pendingRequests);
-        this.pendingRequests.clear();
-        this.performBatchRequest(requests);
+        return dateFormat;
     }
-    pollActivities(...caseIds) {
-        if (!this.isEnabled) {
-            return EMPTY;
+    removeTime(dateFormat) {
+        // remove hours irrelevant of whether 12 or 24 hour clock
+        while (dateFormat.includes('H') || dateFormat.includes('h')) {
+            dateFormat = dateFormat.replace('H', '');
+            dateFormat = dateFormat.replace('h', '');
         }
-        return this.polling(this.activityService.getActivities(...caseIds), this.pollConfig);
-    }
-    postViewActivity(caseId) {
-        return this.postActivity(caseId, ActivityService.ACTIVITY_VIEW);
-    }
-    postEditActivity(caseId) {
-        return this.postActivity(caseId, ActivityService.ACTIVITY_EDIT);
-    }
-    performBatchRequest(requests) {
-        const caseIds = Array.from(requests.keys()).join();
-        this.ngZone.runOutsideAngular(() => {
-            // run polling outside angular zone so it does not trigger change detection
-            this.pollActivitiesSubscription = this.pollActivities(caseIds).subscribe({
-                // process activity inside zone so it triggers change detection for activity.component.ts
-                next: (activities) => this.ngZone.run(() => {
-                    activities.forEach((activity) => {
-                        // Ignore activities returned for cases outside this local batch.
-                        requests.get(activity.caseId)?.next(activity);
-                    });
-                }),
-                error: (err) => this.ngZone.run(() => {
-                    this.logger.error('Error while polling activities.', { error: err });
-                    Array.from(requests.values()).forEach((subject) => subject.error(err));
-                })
-            });
-        });
-    }
-    postActivity(caseId, activityType) {
-        if (!this.isEnabled) {
-            return EMPTY;
+        // remove minutes
+        while (dateFormat.includes('m')) {
+            dateFormat = dateFormat.replace('m', '');
         }
-        const pollingConfig = {
-            ...this.pollConfig,
-            interval: 5000 // inline with CCD Backend
-        };
-        return this.polling(this.activityService.postActivity(caseId, activityType), pollingConfig);
-    }
-    addPendingRequest(caseId, subject) {
-        this.pendingRequests.set(caseId, subject);
-        // Components complete their returned Subject on destroy; remove it so a later same-case subscription gets a fresh Subject.
-        subject.subscribe({
-            complete: () => this.removePendingRequest(caseId, subject),
-            error: () => this.removePendingRequest(caseId, subject)
-        });
-    }
-    removePendingRequest(caseId, subject) {
-        if (this.pendingRequests.get(caseId) !== subject) {
-            return;
+        // remove seconds (s) and micro seconds (S)
+        while (dateFormat.includes('S') || dateFormat.includes('s')) {
+            dateFormat = dateFormat.replace('S', '');
+            dateFormat = dateFormat.replace('s', '');
         }
-        this.pendingRequests.delete(caseId);
-        if (!this.pendingRequests.size && this.currentTimeoutHandle) {
-            clearTimeout(this.currentTimeoutHandle);
-            this.currentTimeoutHandle = undefined;
+        // because there is time removal algorithm can make reasonable assumption to remove colons
+        while (dateFormat.includes(':')) {
+            dateFormat = dateFormat.replace(':', '');
         }
+        return dateFormat.trim();
     }
-    polling(request$, options) {
-        const pollingOptions = {
-            interval: options.interval,
-            attempts: options.attempts ?? 9,
-            exponentialUnit: options.exponentialUnit ?? 1000
-        };
-        return concat(request$, defer(() => timer(pollingOptions.interval).pipe(switchMap(() => request$))).pipe(repeat())).pipe(
-        // Preserve consecutive-failure retry behaviour using the current RxJS retry config.
-        retry({
-            count: pollingOptions.attempts,
-            delay: (_error, retryCount) => timer(this.getExponentialRetryDelay(retryCount, pollingOptions.exponentialUnit)),
-            resetOnSuccess: true
-        }));
-    }
-    getExponentialRetryDelay(consecutiveErrorsCount, exponentialUnit) {
-        return Math.pow(2, consecutiveErrorsCount - 1) * exponentialUnit;
-    }
-    static ɵfac = function ActivityPollingService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityPollingService)(i0.ɵɵinject(ActivityService), i0.ɵɵinject(i0.NgZone), i0.ɵɵinject(AbstractAppConfig)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ActivityPollingService, factory: ActivityPollingService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityPollingService, [{
-        type: Injectable
-    }], () => [{ type: ActivityService }, { type: i0.NgZone }, { type: AbstractAppConfig }], null); })();
-
-function ActivityComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-icon", 5);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("activityEditorsAndViewersIcons", ctx_r0.viewersPresent())("activityEditorsIcon", !ctx_r0.viewersPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 5, ctx_r0.editorsText));
-} }
-function ActivityComponent_div_0_div_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵelement(1, "ccd-activity-icon", 7);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
-} }
-function ActivityComponent_div_0_div_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-banner", 8);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.editorsText));
-} }
-function ActivityComponent_div_0_div_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div");
-    i0.ɵɵelement(1, "ccd-activity-banner", 9);
-    i0.ɵɵpipe(2, "rpxTranslate");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("description", i0.ɵɵpipeBind1(2, 1, ctx_r0.viewersText));
-} }
-function ActivityComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1);
-    i0.ɵɵtemplate(1, ActivityComponent_div_0_div_1_Template, 3, 7, "div", 2)(2, ActivityComponent_div_0_div_2_Template, 3, 3, "div", 3)(3, ActivityComponent_div_0_div_3_Template, 3, 3, "div", 4)(4, ActivityComponent_div_0_div_4_Template, 3, 3, "div", 4);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.editorsPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.ICON && ctx_r0.viewersPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.editorsPresent());
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", ctx_r0.displayMode === ctx_r0.dspMode.BANNER && ctx_r0.viewersPresent());
-} }
-class ActivityComponent {
-    activityPollingService;
-    activity;
-    dspMode = DisplayMode;
-    viewersText;
-    editorsText;
-    subscription;
-    caseId;
-    displayMode;
-    VIEWERS_PREFIX = '';
-    VIEWERS_SUFFIX = 'viewing this case';
-    EDITORS_PREFIX = 'This case is being updated by ';
-    EDITORS_SUFFIX = '';
-    constructor(activityPollingService) {
-        this.activityPollingService = activityPollingService;
-    }
-    ngOnInit() {
-        this.activity = new Activity();
-        this.activity.caseId = this.caseId;
-        this.activity.editors = [];
-        this.activity.unknownEditors = 0;
-        this.activity.viewers = [];
-        this.activity.unknownViewers = 0;
-        this.viewersText = '';
-        this.editorsText = '';
-        this.subscription = this.activityPollingService.subscribeToActivity(this.caseId, newActivity => this.onActivityChange(newActivity));
-    }
-    onActivityChange(newActivity) {
-        this.activity = newActivity;
-        this.viewersText = this.generateDescription(this.VIEWERS_PREFIX, this.VIEWERS_SUFFIX, this.activity.viewers, this.activity.unknownViewers);
-        this.editorsText = this.generateDescription(this.EDITORS_PREFIX, this.EDITORS_SUFFIX, this.activity.editors, this.activity.unknownEditors);
-    }
-    isActivityEnabled() {
-        return this.activityPollingService.isEnabled;
+    hasDate(value) {
+        return this.translate(value).length &&
+            value.toLowerCase().indexOf('d') >= 0 &&
+            value.indexOf('M') >= 0 && value.toLowerCase().indexOf('y') >= 0;
     }
-    isActiveCase() {
-        return this.activity.editors.length || this.activity.viewers.length || this.activity.unknownEditors || this.activity.unknownViewers;
+    is24Hour(value) {
+        return this.translate(value).length &&
+            value.indexOf('H') >= 0;
     }
-    viewersPresent() {
-        return (this.activity.viewers.length > 0 || this.activity.unknownViewers > 0);
+    hasNoDay(value) {
+        return this.translate(value).length && value.toLowerCase().indexOf('d') === -1 &&
+            value.indexOf('M') >= 0 && value.toLowerCase().indexOf('y') >= 0;
     }
-    editorsPresent() {
-        return (this.activity.editors.length > 0 || this.activity.unknownEditors > 0);
+    hasNoDayAndMonth(value) {
+        return this.translate(value).length &&
+            value.toLowerCase().indexOf('d') === -1 &&
+            value.indexOf('M') === -1 &&
+            value.toLowerCase().indexOf('y') >= 0;
     }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.complete();
-        }
-        this.activityPollingService.stopPolling();
+    hasHours(value) {
+        return this.translate(value).length && value.toLowerCase().indexOf('h') >= 0 && value.indexOf('m') === -1;
     }
-    generateDescription(prefix, suffix, namesArray, unknownCount) {
-        let resultText = prefix;
-        resultText += namesArray.map(activityInfo => `${activityInfo.forename} ${activityInfo.surname}`).join(', ');
-        if (unknownCount > 0) {
-            resultText += (namesArray.length > 0 ? ` and ${unknownCount} other` : `${unknownCount} user`);
-            resultText += (unknownCount > 1 ? 's' : '');
-        }
-        else {
-            resultText = this.replaceLastCommaWithAnd(resultText);
-        }
-        if (suffix.length > 0) {
-            if (namesArray.length + unknownCount > 1) {
-                resultText += ` are ${suffix}`;
-            }
-            else {
-                resultText += ` is ${suffix}`;
-            }
-        }
-        return resultText;
+    hasMinutes(value) {
+        return this.translate(value).length && value.indexOf('m') >= 0 && value.toLowerCase().indexOf('h') >= 0;
     }
-    replaceLastCommaWithAnd(str) {
-        return str.trim().replace(/,([^,]*)$/, ' and $1').split('  ').join(' ');
+    hasSeconds(value) {
+        return this.translate(value).length && value.toLowerCase().indexOf('s') >= 0;
     }
-    static ɵfac = function ActivityComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityComponent)(i0.ɵɵdirectiveInject(ActivityPollingService)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ActivityComponent, selectors: [["ccd-activity"]], inputs: { caseId: "caseId", displayMode: "displayMode" }, standalone: false, decls: 1, vars: 1, consts: [["class", "activityComponent", 4, "ngIf"], [1, "activityComponent"], [3, "activityEditorsAndViewersIcons", "activityEditorsIcon", 4, "ngIf"], ["class", "activityViewersIcon", 4, "ngIf"], [4, "ngIf"], ["imageLink", "assets/img/editor.png", 3, "description"], [1, "activityViewersIcon"], ["imageLink", "assets/img/viewer.png", 3, "description"], ["imageLink", "assets/img/editorBanner.png", "bannerType", "editor", 3, "description"], ["imageLink", "assets/img/viewerBanner.png", "bannerType", "viewer", 3, "description"]], template: function ActivityComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, ActivityComponent_div_0_Template, 5, 4, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.isActivityEnabled());
-        } }, dependencies: [i5.NgIf, ActivityBannerComponent, ActivityIconComponent, i1.RpxTranslatePipe], styles: [".activityEditorsIcon[_ngcontent-%COMP%]{margin-left:14px}.activityEditorsAndViewersIcons[_ngcontent-%COMP%], .activityViewersIcon[_ngcontent-%COMP%]{float:left;margin-left:14px}"] });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityComponent, [{
-        type: Component,
-        args: [{ selector: 'ccd-activity', standalone: false, template: "<div class=\"activityComponent\" *ngIf=\"isActivityEnabled()\">\n  <div *ngIf=\"displayMode === dspMode.ICON && editorsPresent()\" [class.activityEditorsAndViewersIcons]=\"viewersPresent()\" [class.activityEditorsIcon]=\"!viewersPresent()\">\n    <ccd-activity-icon imageLink=\"assets/img/editor.png\" [description]=\"editorsText | rpxTranslate\"></ccd-activity-icon>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.ICON && viewersPresent()\" class=\"activityViewersIcon\">\n    <ccd-activity-icon imageLink=\"assets/img/viewer.png\" [description]=\"viewersText | rpxTranslate\"></ccd-activity-icon>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.BANNER && editorsPresent()\">\n    <ccd-activity-banner imageLink=\"assets/img/editorBanner.png\" [description]=\"editorsText | rpxTranslate\" bannerType=\"editor\">\n    </ccd-activity-banner>\n  </div>\n  <div *ngIf=\"displayMode === dspMode.BANNER && viewersPresent()\">\n    <ccd-activity-banner imageLink=\"assets/img/viewerBanner.png\" [description]=\"viewersText | rpxTranslate\" bannerType=\"viewer\">\n    </ccd-activity-banner>\n  </div>\n</div>\n", styles: [".activityEditorsIcon{margin-left:14px}.activityEditorsAndViewersIcons,.activityViewersIcon{float:left;margin-left:14px}\n"] }]
-    }], () => [{ type: ActivityPollingService }], { caseId: [{
-            type: Input
-        }], displayMode: [{
-            type: Input
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ActivityComponent, { className: "ActivityComponent", filePath: "lib/shared/components/activity/activity.component.ts", lineNumber: 12 }); })();
-
-class ActivityModule {
-    static ɵfac = function ActivityModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ActivityModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: ActivityModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            ActivityService,
-            ActivityPollingService,
-            SessionStorageService,
-        ], imports: [CommonModule,
-            RouterModule,
-            RpxTranslationModule.forChild()] });
+    static ɵfac = function FormatTranslatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormatTranslatorService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormatTranslatorService, factory: FormatTranslatorService.ɵfac });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ActivityModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    RouterModule,
-                    RpxTranslationModule.forChild()
-                ],
-                declarations: [
-                    ActivityComponent,
-                    ActivityBannerComponent,
-                    ActivityIconComponent,
-                ],
-                exports: [
-                    ActivityComponent,
-                    ActivityBannerComponent,
-                    ActivityIconComponent,
-                ],
-                providers: [
-                    ActivityService,
-                    ActivityPollingService,
-                    SessionStorageService,
-                ]
-            }]
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormatTranslatorService, [{
+        type: Injectable
     }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(ActivityModule, { declarations: [ActivityComponent,
-        ActivityBannerComponent,
-        ActivityIconComponent], imports: [CommonModule,
-        RouterModule, i1.RpxTranslationModule], exports: [ActivityComponent,
-        ActivityBannerComponent,
-        ActivityIconComponent] }); })();
 
-class AlertService {
-    router;
-    rpxTranslationService;
-    // the preserved messages
-    preservedError = '';
-    preservedWarning = '';
-    preservedSuccess = '';
-    // TODO: Remove
-    message;
-    level;
-    successes;
-    errors;
-    warnings;
-    // TODO: Remove
-    alerts;
-    successObserver;
-    errorObserver;
-    warningObserver;
-    // TODO: Remove
-    alertObserver;
-    preserveAlerts = false;
-    constructor(router, rpxTranslationService) {
-        this.router = router;
-        this.rpxTranslationService = rpxTranslationService;
-        this.successes = Observable
-            .create(observer => this.successObserver = observer).pipe(publish(), refCount());
-        this.successes.subscribe();
-        this.errors = Observable
-            .create(observer => this.errorObserver = observer).pipe(publish(), refCount());
-        this.errors.subscribe();
-        this.warnings = Observable
-            .create(observer => this.warningObserver = observer).pipe(publish(), refCount());
-        this.warnings.subscribe();
-        // TODO: Remove
-        this.alerts = Observable
-            .create(observer => this.alertObserver = observer).pipe(publish(), refCount());
-        this.alerts.subscribe();
-        this.router
-            .events
-            .subscribe(event => {
-            if (event instanceof NavigationStart) {
-                // if there is no longer a preserve alerts setting for the page then clear all observers and preserved messages
-                if (!this.preserveAlerts) {
-                    this.clear();
+class DatePipe {
+    formatTrans;
+    static DATE_FORMAT_REGEXP = new RegExp('^(\\d{4})-?(\\d\\d)-?(\\d\\d)(?:T(\\d\\d)(?::?(\\d\\d)(?::?(\\d\\d)(?:\\.(\\d+))?)?)?(Z|([+-])(\\d\\d):?(\\d\\d))?|Z)?$');
+    //    1        2       3         4          5          6          7          8  9     10      11
+    static MONTHS = [
+        ['Jan'], ['Feb'], ['Mar'], ['Apr'], ['May'], ['Jun'], ['Jul'], ['Aug'], ['Sep'], ['Oct'], ['Nov'], ['Dec'],
+    ];
+    /**
+     * constructor to allow format translator to be injected
+     * @param formatTrans format translator
+     */
+    constructor(formatTrans) {
+        this.formatTrans = formatTrans;
+    }
+    transform(value, zone, format) {
+        let resultDate = null;
+        const ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSSZ';
+        if (value) {
+            // included to avoid editing the hour twice on second pass through
+            // this occurs on case details when datepipe is applied twice
+            if (!value.includes('T')) {
+                zone = 'utc';
+            }
+            const match = value.match(DatePipe.DATE_FORMAT_REGEXP);
+            // Make sure we actually have a match.
+            if (match) {
+                let offsetDate = null;
+                const date = this.getDate(match);
+                if (zone === 'local') {
+                    offsetDate = this.getOffsetDate(date);
+                }
+                else {
+                    offsetDate = this.getDate(match);
+                }
+                // 'short' format is meaningful to formatDate, but not the same meaning as in the unit tests
+                if (this.formatTrans && format && format !== 'short') {
+                    // support for java style formatting strings for dates
+                    format = this.translateDateFormat(format);
+                    resultDate = moment(offsetDate).format(format);
+                }
+                else {
+                    // RDM-1149 changed the pipe logic so that it doesn't add an hour to 'Summer Time' dates on DateTime field type
+                    resultDate = `${offsetDate.getDate()} ${DatePipe.MONTHS[offsetDate.getMonth()]} ${offsetDate.getFullYear()}`;
+                    if (match[4] && match[5] && match[6] && format !== 'short') {
+                        resultDate += ', ';
+                        resultDate += `${this.getHour(offsetDate.getHours().toString())}:`;
+                        resultDate += `${this.pad(offsetDate.getMinutes())}:`;
+                        resultDate += `${this.pad(offsetDate.getSeconds())} `;
+                        resultDate += (this.toInt(offsetDate.getHours().toString()) >= 12) ? 'PM' : 'AM';
+                    }
                 }
-                // if not, then set the preserving of alerts to false so rendering to a new page
-                this.preserveAlerts = false;
             }
-        });
-    }
-    clear() {
-        this.successObserver.next(null);
-        this.errorObserver.next(null);
-        this.warningObserver.next(null);
-        this.preservedError = '';
-        this.preservedWarning = '';
-        this.preservedSuccess = '';
-        // EUI-3381.
-        this.alertObserver.next(null);
-        this.message = '';
-    }
-    error({ phrase, replacements }) {
-        const message = this.getTranslationWithReplacements(phrase, replacements);
-        this.preservedError = this.preserveMessages(message);
-        const alert = { level: 'error', message };
-        this.errorObserver.next(alert);
-        // EUI-3381.
-        this.push(alert);
-    }
-    warning({ phrase, replacements }) {
-        const message = this.getTranslationWithReplacements(phrase, replacements);
-        this.preservedWarning = this.preserveMessages(message);
-        const alert = { level: 'warning', message };
-        this.warningObserver.next(alert);
-        // EUI-3381.
-        this.push(alert);
-    }
-    success({ preserve, phrase, replacements }) {
-        const message = this.getTranslationWithReplacements(phrase, replacements);
-        this.preserveAlerts = preserve || this.preserveAlerts;
-        const alert = { level: 'success', message };
-        this.preservedSuccess = this.preserveMessages(message);
-        this.successObserver.next(alert);
-        // EUI-3381.
-        this.push(alert);
+            else {
+                // EUI-2667. See if what we've been given is actually a formatted date that
+                // we could attempt to do something with.
+                const parsedDate = Date.parse(value);
+                // We successfully parsed it so let's use it.
+                if (!isNaN(parsedDate)) {
+                    const d = new Date(parsedDate);
+                    // If what we received didn't include time, don't include it here either.
+                    if (value.indexOf(':') < 0) {
+                        const shortDate = d.toLocaleDateString('en-GB');
+                        const shortISO = shortDate.split('/').reverse().join('-');
+                        return this.transform(shortISO, zone, format);
+                    }
+                    // If it did include time, we want a full ISO string.
+                    const thisMoment = moment(d).format(ISO_FORMAT);
+                    return this.transform(thisMoment, zone, format);
+                }
+            }
+        }
+        return resultDate;
     }
-    getTranslationWithReplacements(phrase, replacements) {
-        let message;
-        if (replacements) {
-            this.rpxTranslationService.getTranslationWithReplacements$(phrase, replacements).subscribe(translation => {
-                message = translation;
-            });
+    translateDateFormat(format) {
+        if (this.formatTrans) {
+            return this.formatTrans.translate(format);
         }
         else {
-            this.rpxTranslationService.getTranslation$(phrase).subscribe(translation => {
-                message = translation;
-            });
+            return format;
         }
-        return message;
     }
-    setPreserveAlerts(preserve, urlInfo) {
-        // if there is no url setting then just preserve the messages
-        if (!urlInfo) {
-            this.preserveAlerts = preserve;
+    getOffsetDate(date) {
+        const localOffset = -date.getTimezoneOffset() / 60;
+        return new Date(date.getTime() + localOffset * 3600 * 1000);
+    }
+    getDate(match) {
+        const year = this.toInt(match[1]);
+        const month = this.toInt(match[2]) - 1;
+        const day = this.toInt(match[3]);
+        let resultDate;
+        if (match[4] && match[5] && match[6]) {
+            const hour = this.toInt(match[4]);
+            const minutes = this.toInt(match[5]);
+            const seconds = this.toInt(match[6]);
+            resultDate = new Date(year, month, day, hour, minutes, seconds, 0);
         }
         else {
-            // check if the url includes the sting given
-            this.preserveAlerts = this.currentUrlIncludesInfo(preserve, urlInfo);
-        }
-    }
-    currentUrlIncludesInfo(preserve, urlInfo) {
-        // loop through the list of strings and check the router includes all of them
-        for (const urlSnip of urlInfo) {
-            if (!this.router.url.includes(urlSnip)) {
-                // return the opposite boolean value if the router does not include one of the strings
-                return !preserve;
-            }
+            resultDate = new Date(year, month, day);
         }
-        // return the boolean value if all strings are in the url
-        return preserve;
-    }
-    isPreserveAlerts() {
-        return this.preserveAlerts;
+        return resultDate;
     }
-    preserveMessages(message) {
-        // preserve the messages if set to preserve them
-        if (this.isPreserveAlerts()) {
-            return message;
+    getHour(hourStr) {
+        let hourNum = this.toInt(hourStr);
+        if (hourNum > 12) {
+            hourNum = hourNum - 12;
         }
-        else {
-            return '';
+        else if (hourNum === 0) {
+            hourNum = 12;
         }
+        return hourNum;
     }
-    // TODO: Remove
-    push(msgObject) {
-        this.message = msgObject.message;
-        this.level = msgObject.level;
-        this.alertObserver.next({
-            level: this.level,
-            message: this.message
-        });
+    toInt(str) {
+        return parseInt(str, 10);
     }
-    static ɵfac = function AlertService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AlertService)(i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(i1.RpxTranslationService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: AlertService, factory: AlertService.ɵfac });
+    pad(num, padNum = 2) {
+        const val = num !== undefined ? num.toString() : '';
+        return val.length >= padNum ? val : new Array(padNum - val.length + 1).join('0') + val;
+    }
+    static ɵfac = function DatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatePipe)(i0.ɵɵdirectiveInject(FormatTranslatorService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDate", type: DatePipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AlertService, [{
-        type: Injectable
-    }], () => [{ type: i1$1.Router }, { type: i1.RpxTranslationService }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatePipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdDate',
+                standalone: false
+            }]
+    }], () => [{ type: FormatTranslatorService }], null); })();
 
-class DraftService {
-    http;
-    appConfig;
-    errorService;
-    static V2_MEDIATYPE_DRAFT_CREATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-create.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_DRAFT_UPDATE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-update.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_DRAFT_READ = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-read.v2+json;charset=UTF-8';
-    static V2_MEDIATYPE_DRAFT_DELETE = 'application/vnd.uk.gov.hmcts.ccd-data-store-api.ui-draft-delete.v2+json;charset=UTF-8';
-    constructor(http, appConfig, errorService) {
-        this.http = http;
-        this.appConfig = appConfig;
-        this.errorService = errorService;
-    }
-    createDraft(ctid, eventData) {
-        const saveDraftEndpoint = this.appConfig.getCreateOrUpdateDraftsUrl(ctid);
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_CREATE)
-            .set('Content-Type', 'application/json');
-        return this.http
-            .post(saveDraftEndpoint, eventData, { headers, observe: 'body' })
-            .pipe(catchError((error) => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    updateDraft(ctid, draftId, eventData) {
-        const saveDraftEndpoint = `${this.appConfig.getCreateOrUpdateDraftsUrl(ctid)}/${draftId}`;
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_UPDATE)
-            .set('Content-Type', 'application/json');
-        return this.http
-            .put(saveDraftEndpoint, eventData, { headers, observe: 'body' })
-            .pipe(catchError((error) => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
-    }
-    getDraft(draftId) {
-        const url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_READ)
-            .set('Content-Type', 'application/json');
-        return this.http
-            .get(url, { headers, observe: 'body' })
-            .pipe(catchError((error) => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
+class FieldLabelPipe {
+    rpxTranslationPipe;
+    constructor(rpxTranslationPipe) {
+        this.rpxTranslationPipe = rpxTranslationPipe;
     }
-    deleteDraft(draftId) {
-        const url = this.appConfig.getViewOrDeleteDraftsUrl(draftId.slice(DRAFT_PREFIX.length));
-        const headers = new HttpHeaders()
-            .set('experimental', 'true')
-            .set('Accept', DraftService.V2_MEDIATYPE_DRAFT_DELETE)
-            .set('Content-Type', 'application/json');
-        return this.http
-            .delete(url, { headers, observe: 'body' }).pipe(catchError((error) => {
-            this.errorService.setError(error);
-            return throwError(error);
-        }));
+    transform(field) {
+        if (!field || !field.label) {
+            return '';
+        }
+        else if (!field.display_context) {
+            return this.getTranslatedLabel(field);
+        }
+        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
+            ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
     }
-    createOrUpdateDraft(caseTypeId, draftId, caseEventData) {
-        if (!draftId) {
-            return this.createDraft(caseTypeId, caseEventData);
+    getTranslatedLabel(field) {
+        if (!field.isTranslated) {
+            return this.rpxTranslationPipe.transform(field.label);
         }
         else {
-            return this.updateDraft(caseTypeId, Draft.stripDraftId(draftId), caseEventData);
+            return field.label;
         }
     }
-    static ɵfac = function DraftService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DraftService)(i0.ɵɵinject(HttpService), i0.ɵɵinject(AbstractAppConfig), i0.ɵɵinject(HttpErrorService)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: DraftService, factory: DraftService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DraftService, [{
-        type: Injectable
-    }], () => [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }], null); })();
-
-class ConditionalShowRegistrarService {
-    registeredDirectives = [];
-    register(newDirective) {
-        this.registeredDirectives.push(newDirective);
-    }
-    reset() {
-        this.registeredDirectives = [];
+    getOriginalLabelForYesNoTranslation(field) {
+        return field.originalLabel || field.label;
     }
-    static ɵfac = function ConditionalShowRegistrarService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConditionalShowRegistrarService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConditionalShowRegistrarService, factory: ConditionalShowRegistrarService.ɵfac });
+    static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConditionalShowRegistrarService, [{
-        type: Injectable
-    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldLabelPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFieldLabel',
+                pure: false,
+                standalone: false
+            }]
+    }], () => [{ type: i1.RpxTranslatePipe }], null); })();
 
-/** Keeps track of initially hidden fields that toggle to show on the page (parent page).
- *  Used to decide whether to redisplay the grey bar when returning to the page during
- *  navigation between pages.
- */
-class GreyBarService {
-    fieldsToggledToShow = [];
-    renderer;
-    constructor(rendererFactory) {
-        this.renderer = rendererFactory.createRenderer(null, null);
+class FirstErrorPipe {
+    rpxTranslationService;
+    injector;
+    asyncPipe;
+    constructor(rpxTranslationService, injector) {
+        this.rpxTranslationService = rpxTranslationService;
+        this.injector = injector;
+        this.asyncPipe = new AsyncPipe(this.injector.get(ChangeDetectorRef));
     }
-    showGreyBar(field, el) {
-        if (!field.isCollection()) {
-            this.addGreyBar(el);
+    transform(value, args) {
+        if (!value) {
+            return '';
         }
-    }
-    removeGreyBar(el) {
-        const divSelector = el.nativeElement.querySelector('div');
-        if (divSelector) {
-            this.renderer.removeClass(divSelector, 'show-condition-grey-bar');
+        if (!args) {
+            args = 'Field';
         }
-    }
-    addToggledToShow(fieldId) {
-        this.fieldsToggledToShow.push(fieldId);
-    }
-    removeToggledToShow(fieldId) {
-        this.fieldsToggledToShow = this.fieldsToggledToShow.filter(id => id !== fieldId);
-    }
-    wasToggledToShow(fieldId) {
-        return this.fieldsToggledToShow.find(id => id === fieldId) !== undefined;
-    }
-    reset() {
-        this.fieldsToggledToShow = [];
-    }
-    addGreyBar(el) {
-        const divSelector = el.nativeElement.querySelector('div');
-        if (divSelector) {
-            this.renderer.addClass(divSelector, 'show-condition-grey-bar');
+        const keys = Object.keys(value);
+        if (!keys.length) {
+            return '';
+        }
+        let errorMessage;
+        if (keys[0] === 'required') {
+            errorMessage = '%FIELDLABEL% is required';
+        }
+        else if (keys[0] === 'pattern') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%';
+        }
+        else if (keys[0] === 'markDownPattern') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Link mark up characters are not allowed in this field';
+        }
+        else if (keys[0] === 'unsafeRichText') {
+            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Potentially unsafe HTML content is not allowed in this field';
+        }
+        else if (keys[0] === 'minlength') {
+            errorMessage = '%FIELDLABEL% is below the minimum length';
+        }
+        else if (keys[0] === 'maxlength') {
+            errorMessage = '%FIELDLABEL% exceeds the maximum length';
+        }
+        else if (value.hasOwnProperty('matDatetimePickerParse')) {
+            errorMessage = 'The date entered is not valid. Please provide a valid date';
+        }
+        else {
+            errorMessage = value[keys[0]];
         }
+        const o = this.rpxTranslationService.getTranslation$(args).pipe(switchMap(fieldLabel => this.rpxTranslationService.getTranslationWithReplacements$(errorMessage, { FIELDLABEL: fieldLabel })));
+        return this.asyncPipe.transform(o);
     }
-    static ɵfac = function GreyBarService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GreyBarService)(i0.ɵɵinject(i0.RendererFactory2)); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: GreyBarService, factory: GreyBarService.ɵfac });
+    ngOnDestroy() {
+        this.asyncPipe.ngOnDestroy();
+    }
+    static ɵfac = function FirstErrorPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FirstErrorPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslationService, 16), i0.ɵɵdirectiveInject(i0.Injector, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: false, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GreyBarService, [{
-        type: Injectable
-    }], () => [{ type: i0.RendererFactory2 }], null); })();
-
-var AddCommentsErrorMessage;
-(function (AddCommentsErrorMessage) {
-    AddCommentsErrorMessage["FLAG_COMMENTS_NOT_ENTERED"] = "Please enter comments for this flag";
-    AddCommentsErrorMessage["FLAG_COMMENTS_NOT_ENTERED_EXTERNAL"] = "Please enter comments for this support request";
-    AddCommentsErrorMessage["FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Comments for this flag must be 200 characters or fewer";
-})(AddCommentsErrorMessage || (AddCommentsErrorMessage = {}));
-
-var AddCommentsStep;
-(function (AddCommentsStep) {
-    AddCommentsStep["HINT_TEXT"] = "Explain why you are creating this flag. Do not include any sensitive information such as personal details.";
-    AddCommentsStep["HINT_TEXT_EXTERNAL"] = "Explain why you are creating this support request. Do not include any sensitive information such as personal details.";
-    AddCommentsStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-    AddCommentsStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
-})(AddCommentsStep || (AddCommentsStep = {}));
-
-var CaseFlagCheckYourAnswersPageStep;
-(function (CaseFlagCheckYourAnswersPageStep) {
-    CaseFlagCheckYourAnswersPageStep["CASE_LEVEL_LOCATION"] = "Case level";
-    CaseFlagCheckYourAnswersPageStep["ADD_FLAG_HEADER_TEXT"] = "Add flag to";
-    CaseFlagCheckYourAnswersPageStep["ADD_FLAG_HEADER_TEXT_EXTERNAL"] = "Add support to";
-    CaseFlagCheckYourAnswersPageStep["UPDATE_FLAG_HEADER_TEXT"] = "Update flag for";
-    CaseFlagCheckYourAnswersPageStep["UPDATE_FLAG_HEADER_TEXT_EXTERNAL"] = "Update support for";
-    CaseFlagCheckYourAnswersPageStep["FLAG_TYPE_HEADER_TEXT"] = "Flag type";
-    CaseFlagCheckYourAnswersPageStep["FLAG_TYPE_HEADER_TEXT_EXTERNAL"] = "Support type";
-    CaseFlagCheckYourAnswersPageStep["NONE"] = "";
-})(CaseFlagCheckYourAnswersPageStep || (CaseFlagCheckYourAnswersPageStep = {}));
-
-/**
- * Create and update contexts for external users are, by definition, part of Case Flags 2.1 - thus there is no enum
- * value for these.
- */
-var CaseFlagDisplayContextParameter;
-(function (CaseFlagDisplayContextParameter) {
-    CaseFlagDisplayContextParameter["CREATE"] = "#ARGUMENT(CREATE)";
-    CaseFlagDisplayContextParameter["CREATE_EXTERNAL"] = "#ARGUMENT(CREATE,EXTERNAL)";
-    CaseFlagDisplayContextParameter["CREATE_2_POINT_1"] = "#ARGUMENT(CREATE,VERSION2.1)";
-    CaseFlagDisplayContextParameter["READ_EXTERNAL"] = "#ARGUMENT(READ,EXTERNAL)";
-    CaseFlagDisplayContextParameter["UPDATE"] = "#ARGUMENT(UPDATE)";
-    CaseFlagDisplayContextParameter["UPDATE_EXTERNAL"] = "#ARGUMENT(UPDATE,EXTERNAL)";
-    CaseFlagDisplayContextParameter["UPDATE_2_POINT_1"] = "#ARGUMENT(UPDATE,VERSION2.1)";
-})(CaseFlagDisplayContextParameter || (CaseFlagDisplayContextParameter = {}));
-
-var CaseFlagFormFields;
-(function (CaseFlagFormFields) {
-    CaseFlagFormFields["FLAG_TYPE"] = "flagType";
-    CaseFlagFormFields["COMMENTS"] = "flagComment";
-    CaseFlagFormFields["COMMENTS_WELSH"] = "flagComment_cy";
-    CaseFlagFormFields["OTHER_FLAG_DESCRIPTION"] = "otherDescription";
-    CaseFlagFormFields["OTHER_FLAG_DESCRIPTION_WELSH"] = "otherDescription_cy";
-    CaseFlagFormFields["STATUS"] = "status";
-    CaseFlagFormFields["STATUS_CHANGE_REASON"] = "flagStatusReasonChange";
-    CaseFlagFormFields["IS_WELSH_TRANSLATION_NEEDED"] = "flagIsWelshTranslationNeeded";
-    CaseFlagFormFields["IS_VISIBLE_INTERNALLY_ONLY"] = "flagIsVisibleInternallyOnly";
-})(CaseFlagFormFields || (CaseFlagFormFields = {}));
-
-var CaseFlagStatus;
-(function (CaseFlagStatus) {
-    CaseFlagStatus["REQUESTED"] = "Requested";
-    CaseFlagStatus["ACTIVE"] = "Active";
-    CaseFlagStatus["INACTIVE"] = "Inactive";
-    CaseFlagStatus["NOT_APPROVED"] = "Not approved";
-})(CaseFlagStatus || (CaseFlagStatus = {}));
-
-var CaseFlagSummaryListDisplayMode;
-(function (CaseFlagSummaryListDisplayMode) {
-    CaseFlagSummaryListDisplayMode[CaseFlagSummaryListDisplayMode["CREATE"] = 0] = "CREATE";
-    CaseFlagSummaryListDisplayMode[CaseFlagSummaryListDisplayMode["MANAGE"] = 1] = "MANAGE";
-})(CaseFlagSummaryListDisplayMode || (CaseFlagSummaryListDisplayMode = {}));
-
-var CaseFlagWizardStepTitle;
-(function (CaseFlagWizardStepTitle) {
-    CaseFlagWizardStepTitle["SELECT_FLAG_LOCATION"] = "Where should this flag be added?";
-    CaseFlagWizardStepTitle["SELECT_FLAG_LOCATION_EXTERNAL"] = "Who is the support for?";
-    CaseFlagWizardStepTitle["SELECT_CASE_FLAG"] = "Select flag type";
-    CaseFlagWizardStepTitle["SELECT_CASE_FLAG_EXTERNAL"] = "Select support type";
-    CaseFlagWizardStepTitle["OTHER_FLAG_TYPE_DESCRIPTION"] = "Enter a flag type";
-    CaseFlagWizardStepTitle["OTHER_FLAG_TYPE_DESCRIPTION_EXTERNAL"] = "Enter a support type";
-    CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS"] = "Add comments for this flag";
-    CaseFlagWizardStepTitle["ADD_FLAG_COMMENTS_EXTERNAL_MODE"] = "Tell us more about the request";
-    CaseFlagWizardStepTitle["CONFIRM_FLAG_STATUS"] = "Confirm the status of the flag";
-    CaseFlagWizardStepTitle["FLAG_STATUS"] = "Flag status";
-    CaseFlagWizardStepTitle["MANAGE_CASE_FLAGS"] = "Manage case flags";
-    CaseFlagWizardStepTitle["MANAGE_SUPPORT"] = "Which support is no longer needed?";
-    CaseFlagWizardStepTitle["UPDATE_FLAG_TITLE"] = "Update flag";
-    CaseFlagWizardStepTitle["UPDATE_FLAG_TITLE_EXTERNAL"] = "Tell us why the support is no longer needed";
-    CaseFlagWizardStepTitle["UPDATE_FLAG_ADD_TRANSLATION"] = "Add translations to flag";
-    CaseFlagWizardStepTitle["NONE"] = "";
-})(CaseFlagWizardStepTitle || (CaseFlagWizardStepTitle = {}));
-
-var ConfirmStatusErrorMessage;
-(function (ConfirmStatusErrorMessage) {
-    ConfirmStatusErrorMessage["STATUS_REASON_NOT_ENTERED"] = "Comments and/or the name of the person approving the decision should be entered";
-    ConfirmStatusErrorMessage["STATUS_REASON_CHAR_LIMIT_EXCEEDED"] = "Comments must be 200 characters or fewer";
-})(ConfirmStatusErrorMessage || (ConfirmStatusErrorMessage = {}));
-
-var ConfirmStatusStep;
-(function (ConfirmStatusStep) {
-    ConfirmStatusStep["HINT_TEXT"] = "Describe reason for status; if choosing 'Not approved' provide name of person approving decision.";
-    ConfirmStatusStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-})(ConfirmStatusStep || (ConfirmStatusStep = {}));
-
-var SearchLanguageInterpreterErrorMessage;
-(function (SearchLanguageInterpreterErrorMessage) {
-    SearchLanguageInterpreterErrorMessage["LANGUAGE_NOT_ENTERED"] = "Enter the language that will need to be interpreted";
-    SearchLanguageInterpreterErrorMessage["LANGUAGE_CHAR_LIMIT_EXCEEDED"] = "You can enter up to 80 characters for the required language";
-    SearchLanguageInterpreterErrorMessage["LANGUAGE_ENTERED_IN_BOTH_FIELDS"] = "The language can only be entered in one of the fields";
-})(SearchLanguageInterpreterErrorMessage || (SearchLanguageInterpreterErrorMessage = {}));
-
-var SearchLanguageInterpreterStep;
-(function (SearchLanguageInterpreterStep) {
-    SearchLanguageInterpreterStep["HINT_TEXT"] = "Enter the language that will need to be interpreted. If this language is not listed, you can enter it manually.";
-    SearchLanguageInterpreterStep["SIGN_HINT_TEXT"] = "Enter the sign language that will need to be interpreted. If this language is not listed, you can enter it manually.";
-    SearchLanguageInterpreterStep["CHECKBOX_LABEL"] = "Enter the language manually";
-    SearchLanguageInterpreterStep["INPUT_LABEL"] = "Enter the language";
-})(SearchLanguageInterpreterStep || (SearchLanguageInterpreterStep = {}));
-
-var SelectFlagErrorMessage;
-(function (SelectFlagErrorMessage) {
-    SelectFlagErrorMessage["MANAGE_CASE_FLAGS_FLAG_NOT_SELECTED"] = "Please make a selection";
-    SelectFlagErrorMessage["MANAGE_SUPPORT_FLAG_NOT_SELECTED"] = "Select which support is no longer needed";
-    SelectFlagErrorMessage["NO_FLAGS"] = "This case has no flags";
-})(SelectFlagErrorMessage || (SelectFlagErrorMessage = {}));
-
-var SelectFlagLocationErrorMessage;
-(function (SelectFlagLocationErrorMessage) {
-    SelectFlagLocationErrorMessage["FLAG_LOCATION_NOT_SELECTED"] = "Please make a selection";
-    SelectFlagLocationErrorMessage["FLAGS_NOT_CONFIGURED"] = "Flags have not been configured for this case type";
-})(SelectFlagLocationErrorMessage || (SelectFlagLocationErrorMessage = {}));
-
-var SelectFlagTypeErrorMessage;
-(function (SelectFlagTypeErrorMessage) {
-    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_SELECTED"] = "Please select a flag type";
-    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_SELECTED_EXTERNAL"] = "Please select a support type";
-    SelectFlagTypeErrorMessage["FLAG_TYPE_OPTION_NOT_SELECTED"] = "Select an option";
-    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_ENTERED"] = "Please enter a flag type";
-    SelectFlagTypeErrorMessage["FLAG_TYPE_NOT_ENTERED_EXTERNAL"] = "Please enter a support type";
-    SelectFlagTypeErrorMessage["FLAG_TYPE_LIMIT_EXCEEDED"] = "You can enter up to 80 characters only";
-})(SelectFlagTypeErrorMessage || (SelectFlagTypeErrorMessage = {}));
-
-var UpdateFlagAddTranslationErrorMessage;
-(function (UpdateFlagAddTranslationErrorMessage) {
-    UpdateFlagAddTranslationErrorMessage["DESCRIPTION_CHAR_LIMIT_EXCEEDED"] = "Original description or translation must be 200 characters or fewer";
-    UpdateFlagAddTranslationErrorMessage["COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Original comments or translation must be 200 characters or fewer";
-})(UpdateFlagAddTranslationErrorMessage || (UpdateFlagAddTranslationErrorMessage = {}));
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdFirstError',
+                pure: false,
+                standalone: false
+            }]
+    }], () => [{ type: i1.RpxTranslationService }, { type: i0.Injector }], null); })();
 
-var UpdateFlagAddTranslationStep;
-(function (UpdateFlagAddTranslationStep) {
-    UpdateFlagAddTranslationStep["HINT_TEXT"] = "Write translation for flag description or comments in the boxes provided.";
-    UpdateFlagAddTranslationStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-})(UpdateFlagAddTranslationStep || (UpdateFlagAddTranslationStep = {}));
+class IsCompoundPipe {
+    static COMPOUND_TYPES = [
+        'Complex',
+        'Label',
+        'AddressGlobal',
+        'AddressUK',
+        'AddressGlobalUK',
+        'CasePaymentHistoryViewer',
+        'CaseHistoryViewer',
+        'Organisation',
+        'WaysToPay',
+        'ComponentLauncher',
+        'FlagLauncher',
+        'CaseFlag'
+    ];
+    static EXCLUDE = [
+        'CaseLink',
+        'JudicialUser'
+    ];
+    transform(field) {
+        if (!field || !field.field_type || !field.field_type.type) {
+            return false;
+        }
+        if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
+            if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
+                return false;
+            }
+            return true;
+        }
+        return false;
+    }
+    static ɵfac = function IsCompoundPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsCompoundPipe)(); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsCompound", type: IsCompoundPipe, pure: true, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsCompoundPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsCompound',
+                standalone: false
+            }]
+    }], null, null); })();
 
-var UpdateFlagErrorMessage;
-(function (UpdateFlagErrorMessage) {
-    UpdateFlagErrorMessage["FLAG_COMMENTS_NOT_ENTERED"] = "Please enter comments for this flag";
-    UpdateFlagErrorMessage["FLAG_COMMENTS_CHAR_LIMIT_EXCEEDED"] = "Comments for this flag must be 200 characters or fewer";
-    UpdateFlagErrorMessage["STATUS_REASON_NOT_ENTERED"] = "Comments and/or the name of the person approving the decision should be entered";
-    UpdateFlagErrorMessage["STATUS_REASON_NOT_ENTERED_EXTERNAL"] = "You must explain why the support is no longer needed";
-    UpdateFlagErrorMessage["STATUS_REASON_CHAR_LIMIT_EXCEEDED"] = "Comments must be 200 characters or fewer";
-    UpdateFlagErrorMessage["NONE"] = "";
-})(UpdateFlagErrorMessage || (UpdateFlagErrorMessage = {}));
+class CaseFieldService {
+    isOptional(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'OPTIONAL';
+    }
+    isReadOnly(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'READONLY';
+    }
+    isMandatory(field) {
+        if (!field || !field.display_context) {
+            return false;
+        }
+        return field.display_context.toUpperCase() === 'MANDATORY';
+    }
+    isLabel(field) {
+        if (!field || !field.field_type) {
+            return false;
+        }
+        return field.field_type.type === 'Label';
+    }
+    static ɵfac = function CaseFieldService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFieldService)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
+        type: Injectable
+    }], null, null); })();
 
-var UpdateFlagStep;
-(function (UpdateFlagStep) {
-    UpdateFlagStep["COMMENT_HINT_TEXT_INTERNAL"] = "Explain why you are updating this flag. Do not include any sensitive information such as personal details.";
-    UpdateFlagStep["COMMENT_HINT_TEXT_INTERNAL_2_POINT_1"] = "Update the comments describing the user's support needs or flag description. Do not include any sensitive information such as personal details.";
-    UpdateFlagStep["COMMENT_HINT_TEXT_EXTERNAL"] = "Do not include any sensitive information such as personal details.";
-    UpdateFlagStep["COMMENT_FIELD_LABEL_EXTERNAL"] = "Please provide your comments below";
-    UpdateFlagStep["CHARACTER_LIMIT_INFO"] = "You can enter up to 200 characters";
-    UpdateFlagStep["STATUS_HINT_TEXT"] = "Describe reason for status change.";
-    UpdateFlagStep["WARNING_TEXT"] = "The details entered here MAY be visible to the party in the future.";
-})(UpdateFlagStep || (UpdateFlagStep = {}));
+class IsMandatoryPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        return this.caseFieldService.isMandatory(field);
+    }
+    static ɵfac = function IsMandatoryPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsMandatoryPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsMandatory", type: IsMandatoryPipe, pure: true, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsMandatoryPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsMandatory',
+                standalone: false
+            }]
+    }], () => [{ type: CaseFieldService }], null); })();
 
-var CaseFlagFieldState;
-(function (CaseFlagFieldState) {
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_LOCATION"] = 0] = "FLAG_LOCATION";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_TYPE"] = 1] = "FLAG_TYPE";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_LANGUAGE_INTERPRETER"] = 2] = "FLAG_LANGUAGE_INTERPRETER";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_COMMENTS"] = 3] = "FLAG_COMMENTS";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_STATUS"] = 4] = "FLAG_STATUS";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_MANAGE_CASE_FLAGS"] = 5] = "FLAG_MANAGE_CASE_FLAGS";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE"] = 6] = "FLAG_UPDATE";
-    CaseFlagFieldState[CaseFlagFieldState["FLAG_UPDATE_WELSH_TRANSLATION"] = 7] = "FLAG_UPDATE_WELSH_TRANSLATION";
-})(CaseFlagFieldState || (CaseFlagFieldState = {}));
-var CaseFlagErrorMessage;
-(function (CaseFlagErrorMessage) {
-    CaseFlagErrorMessage["NO_EXTERNAL_FLAGS_COLLECTION"] = "External collection for storing this case flag has not been configured for this case type";
-    CaseFlagErrorMessage["NO_INTERNAL_FLAGS_COLLECTION"] = "Internal collection for storing this case flag has not been configured for this case type";
-})(CaseFlagErrorMessage || (CaseFlagErrorMessage = {}));
+class IsReadOnlyPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
+    }
+    transform(field) {
+        return this.caseFieldService.isReadOnly(field);
+    }
+    static ɵfac = function IsReadOnlyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true, standalone: false });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
+        type: Pipe,
+        args: [{
+                name: 'ccdIsReadOnly',
+                standalone: false
+            }]
+    }], () => [{ type: CaseFieldService }], null); })();
 
-class DashPipe {
-    transform(value) {
-        return value ? value : '-';
+class IsReadOnlyAndNotCollectionPipe {
+    caseFieldService;
+    constructor(caseFieldService) {
+        this.caseFieldService = caseFieldService;
     }
-    static ɵfac = function DashPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashPipe)(); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDash", type: DashPipe, pure: true, standalone: false });
+    transform(field) {
+        if (!field || !field.field_type || !field.field_type.type) {
+            return false;
+        }
+        if (this.isCollection(field)) {
+            return false;
+        }
+        return this.caseFieldService.isReadOnly(field);
+    }
+    // CaseField @Expose() doesn't work with the pipe in here, so leaving the manual check
+    isCollection(field) {
+        return field.field_type && field.field_type.type === 'Collection';
+    }
+    static ɵfac = function IsReadOnlyAndNotCollectionPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyAndNotCollectionPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
+    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnlyAndNotCollection", type: IsReadOnlyAndNotCollectionPipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashPipe, [{
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyAndNotCollectionPipe, [{
         type: Pipe,
         args: [{
-                name: 'ccdDash',
+                name: 'ccdIsReadOnlyAndNotCollection',
                 standalone: false
             }]
-    }], null, null); })();
+    }], () => [{ type: CaseFieldService }], null); })();
 
-/*
-Translate a date time format string from the Java format provided by CCD to the format supported by Angular formatDate()
-Very simple translator that maps unsupported chars to the nearest equivalent.
-If there is no equivalent puts ***x*** into the output where x is the unsupported character
+class PaletteUtilsModule {
+    static ɵfac = function PaletteUtilsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaletteUtilsModule)(); };
+    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
+    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
+            IsCompoundPipe,
+            RpxTranslatePipe
+        ], imports: [CommonModule,
+            RpxTranslationModule.forChild()] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
+        type: NgModule,
+        args: [{
+                imports: [
+                    CommonModule,
+                    RpxTranslationModule.forChild()
+                ],
+                declarations: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                exports: [
+                    DatePipe,
+                    FieldLabelPipe,
+                    FirstErrorPipe,
+                    IsCompoundPipe,
+                    IsMandatoryPipe,
+                    IsReadOnlyPipe,
+                    IsReadOnlyAndNotCollectionPipe,
+                    DashPipe
+                ],
+                providers: [
+                    IsCompoundPipe,
+                    RpxTranslatePipe
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe], imports: [CommonModule, i1.RpxTranslationModule], exports: [DatePipe,
+        FieldLabelPipe,
+        FirstErrorPipe,
+        IsCompoundPipe,
+        IsMandatoryPipe,
+        IsReadOnlyPipe,
+        IsReadOnlyAndNotCollectionPipe,
+        DashPipe] }); })();
 
-Java format
-G       era                         text              AD; Anno Domini; A
-   u       year                        year              2004; 04
-   y       year-of-era                 year              2004; 04
-   D       day-of-year                 number            189
-   M/L     month-of-year               number/text       7; 07; Jul; July; J
-   d       day-of-month                number            10
+// tslint:disable:variable-name
+class AddressModel {
+    AddressLine1 = '';
+    AddressLine2 = '';
+    AddressLine3 = '';
+    PostTown = '';
+    County = '';
+    PostCode = '';
+    Country = '';
+}
 
-   Q/q     quarter-of-year             number/text       3; 03; Q3; 3rd quarter
-   Y       week-based-year             year              1996; 96
-   w       week-of-week-based-year     number            27
-   W       week-of-month               number            4
-   E       day-of-week                 text              Tue; Tuesday; T
-   e/c     localized day-of-week       number/text       2; 02; Tue; Tuesday; T
-   F       week-of-month               number            3
+class Alert {
+    level;
+    message;
+}
 
-   a       am-pm-of-day                text              PM
-   h       clock-hour-of-am-pm (1-12)  number            12
-   K       hour-of-am-pm (0-11)        number            0
-   k       clock-hour-of-am-pm (1-24)  number            0
+// tslint:disable:variable-name
+class CaseDetails {
+    id;
+    jurisdiction;
+    case_type_id;
+    state;
+    created_date;
+    last_modified;
+    locked_by_user_id;
+    security_level;
+    case_data;
+}
 
-   H       hour-of-day (0-23)          number            0
-   m       minute-of-hour              number            30
-   s       second-of-minute            number            55
-   S       fraction-of-second          fraction          978
-   A       milli-of-day                number            1234
-   n       nano-of-second              number            987654321
-   N       nano-of-day                 number            1234000000
+// tslint:disable:variable-name
+class CaseEventData {
+    event;
+    data;
+    event_data; // full event data
+    event_token;
+    ignore_warning;
+    draft_id;
+    case_reference;
+}
 
-   V       time-zone ID                zone-id           America/Los_Angeles; Z; -08:30
-   z       time-zone name              zone-name         Pacific Standard Time; PST
-   O       localized zone-offset       offset-O          GMT+8; GMT+08:00; UTC-08:00;
-   X       zone-offset 'Z' for zero    offset-X          Z; -08; -0830; -08:30; -083015; -08:30:15;
-   x       zone-offset                 offset-x          +0000; -08; -0830; -08:30; -083015; -08:30:15;
-   Z       zone-offset                 offset-Z          +0000; -0800; -08:00;
+class WizardPageField {
+    case_field_id;
+    order;
+    page_column_no;
+    complex_field_overrides;
+}
 
-   p       pad next                    pad modifier      1
+class FixedListItem {
+    code;
+    label;
+    order;
+}
 
-   '       escape for text             delimiter
-   ''      single quote                literal           '
-   [       optional section start
-   ]       optional section end
-   #       reserved for future use
-   {       reserved for future use
-   }       reserved for future use
+// @dynamic
+class FieldType {
+    id;
+    type;
+    min;
+    max;
+    regular_expression;
+    fixed_list_items;
+    complex_fields;
+    collection_field_type;
+}
+__decorate([
+    Type(() => FixedListItem),
+    __metadata("design:type", Array)
+], FieldType.prototype, "fixed_list_items", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], FieldType.prototype, "complex_fields", void 0);
+__decorate([
+    Type(() => FieldType),
+    __metadata("design:type", FieldType)
+], FieldType.prototype, "collection_field_type", void 0);
 
- Angular dateFormat characters
- Era	G, GG & GGG	Abbreviated	AD
-GGGG	Wide	Anno Domini
-GGGGG	Narrow	A
-Year	y	Numeric: minimum digits	2, 20, 201, 2017, 20173
-yy	Numeric: 2 digits + zero padded	02, 20, 01, 17, 73
-yyy	Numeric: 3 digits + zero padded	002, 020, 201, 2017, 20173
-yyyy	Numeric: 4 digits or more + zero padded	0002, 0020, 0201, 2017, 20173
-Month	M	Numeric: 1 digit	9, 12
-MM	Numeric: 2 digits + zero padded	09, 12
-MMM	Abbreviated	Sep
-MMMM	Wide	September
-MMMMM	Narrow	S
-Month standalone	L	Numeric: 1 digit	9, 12
-LL	Numeric: 2 digits + zero padded	09, 12
-LLL	Abbreviated	Sep
-LLLL	Wide	September
-LLLLL	Narrow	S
-Week of year	w	Numeric: minimum digits	1... 53
-ww	Numeric: 2 digits + zero padded	01... 53
-Week of month	W	Numeric: 1 digit	1... 5
-Day of month	d	Numeric: minimum digits	1
-dd	Numeric: 2 digits + zero padded	01
-Week day	E, EE & EEE	Abbreviated	Tue
-EEEE	Wide	Tuesday
-EEEEE	Narrow	T
-EEEEEE	Short	Tu
-Period	a, aa & aaa	Abbreviated	am/pm or AM/PM
-aaaa	Wide (fallback to a when missing)	ante meridiem/post meridiem
-aaaaa	Narrow	a/p
-Period*	B, BB & BBB	Abbreviated	mid.
-BBBB	Wide	am, pm, midnight, noon, morning, afternoon, evening, night
-BBBBB	Narrow	md
-Period standalone*	b, bb & bbb	Abbreviated	mid.
-bbbb	Wide	am, pm, midnight, noon, morning, afternoon, evening, night
-bbbbb	Narrow	md
-Hour 1-12	h	Numeric: minimum digits	1, 12
-hh	Numeric: 2 digits + zero padded	01, 12
-Hour 0-23	H	Numeric: minimum digits	0, 23
-HH	Numeric: 2 digits + zero padded	00, 23
-Minute	m	Numeric: minimum digits	8, 59
-mm	Numeric: 2 digits + zero padded	08, 59
-Second	s	Numeric: minimum digits	0... 59
-ss	Numeric: 2 digits + zero padded	00... 59
-Fractional seconds	S	Numeric: 1 digit	0... 9
-SS	Numeric: 2 digits + zero padded	00... 99
-SSS	Numeric: 3 digits + zero padded (= milliseconds)	000... 999
-Zone	z, zz & zzz	Short specific non location format (fallback to O)	GMT-8
-zzzz	Long specific non location format (fallback to OOOO)	GMT-08:00
-Z, ZZ & ZZZ	ISO8601 basic format	-0800
-ZZZZ	Long localized GMT format	GMT-8:00
-ZZZZZ	ISO8601 extended format + Z indicator for offset 0 (= XXXXX)	-08:00
-O, OO & OOO	Short localized GMT format	GMT-8
-OOOO	Long localized GMT format	GMT-08:00
- */
-class FormatTranslatorService {
-    translate(javaFormat) {
-        const result = [];
-        let prev = '\0';
-        let inQuote = false;
-        const maybePush = (target, obj, flag) => {
-            if (!flag) {
-                target.push(obj);
-            }
-        };
-        for (const c of javaFormat) {
-            switch (c) {
-                case '\'':
-                    if (prev === '\'') {
-                        // literal single quote - ignore
-                        inQuote = false;
-                    }
-                    else {
-                        inQuote = !inQuote;
-                    }
-                    break;
-                // Due to formatting constraints on the webapp, all 'd' characters should be replaced with 'D' (for Moment library)
-                // This is because we want the date, not the day (this format will need to be converted back)
-                case 'd':
-                    maybePush(result, 'D', inQuote);
-                    break;
-                // moment library defines year as capital y
-                case 'y':
-                    maybePush(result, 'Y', inQuote);
-                    break;
-                case 'e':
-                case 'c':
-                    maybePush(result, 'E', inQuote); // no lower case E
-                    break;
-                case 'F':
-                    maybePush(result, 'W', inQuote);
-                    break;
-                case 'K':
-                    maybePush(result, 'H', inQuote);
-                    break;
-                case 'k':
-                    maybePush(result, 'h', inQuote);
-                    break;
-                // commented out A change to '***' due to use in moment library for AM/PM
-                // added 'a' specification to stop discrepancy in am/AM pm/PM formatting
-                case 'a':
-                    maybePush(result, 'A', inQuote);
-                    break;
-                case 'n':
-                case 'N':
-                    maybePush(result, `***${c}***`, inQuote); // No way to support A - millisec of day, n - nano of second, N - nano of Day
-                    break;
-                case 'V':
-                case 'O':
-                    maybePush(result, 'z', inQuote);
-                    break;
-                case 'x':
-                case 'X':
-                    maybePush(result, 'Z', inQuote);
-                    break;
-                default:
-                    maybePush(result, c, inQuote);
+// @dynamic
+class CaseField {
+    static logger = new StructuredLoggerService();
+    id;
+    hidden;
+    hiddenCannotChange;
+    label;
+    originalLabel;
+    noCacheLabel;
+    order;
+    parent;
+    field_type;
+    hint_text;
+    security_label;
+    display_context;
+    display_context_parameter;
+    month_format;
+    show_condition;
+    show_summary_change_option;
+    show_summary_content_option;
+    acls;
+    metadata;
+    formatted_value;
+    retain_hidden_value;
+    wizardProps;
+    _value;
+    _list_items = [];
+    isTranslatedFlag = false;
+    get value() {
+        if (this.field_type && (this.field_type.type === 'DynamicList' || this.field_type.type === 'DynamicRadioList')) {
+            return this._value && this._value.value ? this._value.value.code : this._value;
+        }
+        else if (this.field_type && this.field_type.type === 'DynamicMultiSelectList') {
+            return this._value && this._value.value ? this._value.value : this._value;
+        }
+        else {
+            return this._value;
+        }
+    }
+    set value(value) {
+        if (this.isDynamic()) {
+            if (value && value instanceof Object && value.list_items) {
+                this._list_items = value.list_items;
+            }
+            else if (!this._list_items || this._list_items.length === 0) {
+                // Extract the list items from the current value if that's the only place they exist.
+                this._list_items = this.list_items;
+                if (!value || !value.value) {
+                    value = null;
+                }
             }
-            prev = c;
         }
-        return result.join('');
+        this._value = value;
     }
-    showOnlyDates(dateFormat) {
-        // replace 'd' character with 'D' for the moment library
-        // This ensures only dates allowed
-        while (dateFormat.includes('d')) {
-            dateFormat = dateFormat.replace('d', 'D');
+    get list_items() {
+        if (this.isDynamic()) {
+            return this._value && this._value.list_items ? this._value.list_items : this._list_items;
         }
-        while (dateFormat.includes('y')) {
-            dateFormat = dateFormat.replace('y', 'Y');
+        else {
+            return this.field_type.fixed_list_items;
         }
-        return dateFormat;
     }
-    removeTime(dateFormat) {
-        // remove hours irrelevant of whether 12 or 24 hour clock
-        while (dateFormat.includes('H') || dateFormat.includes('h')) {
-            dateFormat = dateFormat.replace('H', '');
-            dateFormat = dateFormat.replace('h', '');
+    set list_items(items) {
+        if ((items && !this._list_items) || (items?.length > this._list_items?.length)) {
+            this._list_items = items;
         }
-        // remove minutes
-        while (dateFormat.includes('m')) {
-            dateFormat = dateFormat.replace('m', '');
+    }
+    get dateTimeEntryFormat() {
+        if (this.isComplexDisplay()) {
+            return null;
         }
-        // remove seconds (s) and micro seconds (S)
-        while (dateFormat.includes('S') || dateFormat.includes('s')) {
-            dateFormat = dateFormat.replace('S', '');
-            dateFormat = dateFormat.replace('s', '');
+        if (this.display_context_parameter) {
+            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEENTRY');
         }
-        // because there is time removal algorithm can make reasonable assumption to remove colons
-        while (dateFormat.includes(':')) {
-            dateFormat = dateFormat.replace(':', '');
+        return null;
+    }
+    get dateTimeDisplayFormat() {
+        if (this.isComplexEntry()) {
+            return null;
         }
-        return dateFormat.trim();
+        if (this.display_context_parameter) {
+            return this.extractBracketValue(this.display_context_parameter, '#DATETIMEDISPLAY');
+        }
+        return null;
     }
-    hasDate(value) {
-        return this.translate(value).length &&
-            value.toLowerCase().indexOf('d') >= 0 &&
-            value.indexOf('M') >= 0 && value.toLowerCase().indexOf('y') >= 0;
+    isComplexDisplay() {
+        return (this.isComplex() || this.isCollection()) && this.isReadonly();
     }
-    is24Hour(value) {
-        return this.translate(value).length &&
-            value.indexOf('H') >= 0;
+    isComplexEntry() {
+        return (this.isComplex() || this.isCollection()) && (this.isOptional() || this.isMandatory());
     }
-    hasNoDay(value) {
-        return this.translate(value).length && value.toLowerCase().indexOf('d') === -1 &&
-            value.indexOf('M') >= 0 && value.toLowerCase().indexOf('y') >= 0;
+    isReadonly() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'READONLY';
     }
-    hasNoDayAndMonth(value) {
-        return this.translate(value).length &&
-            value.toLowerCase().indexOf('d') === -1 &&
-            value.indexOf('M') === -1 &&
-            value.toLowerCase().indexOf('y') >= 0;
+    isOptional() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'OPTIONAL';
     }
-    hasHours(value) {
-        return this.translate(value).length && value.toLowerCase().indexOf('h') >= 0 && value.indexOf('m') === -1;
+    isMandatory() {
+        return !_.isEmpty(this.display_context)
+            && this.display_context.toUpperCase() === 'MANDATORY';
     }
-    hasMinutes(value) {
-        return this.translate(value).length && value.indexOf('m') >= 0 && value.toLowerCase().indexOf('h') >= 0;
+    isCollection() {
+        return this.field_type && this.field_type.type === 'Collection';
     }
-    hasSeconds(value) {
-        return this.translate(value).length && value.toLowerCase().indexOf('s') >= 0;
+    isComplex() {
+        return this.field_type && this.field_type.type === 'Complex';
     }
-    static ɵfac = function FormatTranslatorService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FormatTranslatorService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: FormatTranslatorService, factory: FormatTranslatorService.ɵfac });
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FormatTranslatorService, [{
-        type: Injectable
-    }], null, null); })();
-
-class DatePipe {
-    formatTrans;
-    static DATE_FORMAT_REGEXP = new RegExp('^(\\d{4})-?(\\d\\d)-?(\\d\\d)(?:T(\\d\\d)(?::?(\\d\\d)(?::?(\\d\\d)(?:\\.(\\d+))?)?)?(Z|([+-])(\\d\\d):?(\\d\\d))?|Z)?$');
-    //    1        2       3         4          5          6          7          8  9     10      11
-    static MONTHS = [
-        ['Jan'], ['Feb'], ['Mar'], ['Apr'], ['May'], ['Jun'], ['Jul'], ['Aug'], ['Sep'], ['Oct'], ['Nov'], ['Dec'],
-    ];
-    /**
-     * constructor to allow format translator to be injected
-     * @param formatTrans format translator
-     */
-    constructor(formatTrans) {
-        this.formatTrans = formatTrans;
+    isDynamic() {
+        const dynamicFieldTypes = ['DynamicList', 'DynamicRadioList', 'DynamicMultiSelectList'];
+        if (!this.field_type) {
+            return false;
+        }
+        return dynamicFieldTypes.some(t => t === this.field_type.type);
     }
-    transform(value, zone, format) {
-        let resultDate = null;
-        const ISO_FORMAT = 'YYYY-MM-DDTHH:mm:ss.SSSZ';
-        if (value) {
-            // included to avoid editing the hour twice on second pass through
-            // this occurs on case details when datepipe is applied twice
-            if (!value.includes('T')) {
-                zone = 'utc';
+    isCaseLink() {
+        return this.isComplex()
+            && this.field_type.id === 'CaseLink'
+            && this.field_type.complex_fields.some(cf => cf.id === 'CaseReference');
+    }
+    extractBracketValue(fmt, paramName, leftBracket = '(', rightBracket = ')') {
+        fmt = fmt.split(',')
+            .find(a => a.trim().startsWith(paramName));
+        if (fmt) {
+            const s = fmt.indexOf(leftBracket) + 1;
+            const e = fmt.indexOf(rightBracket, s);
+            if (e > s && s >= 0) {
+                return fmt.substr(s, (e - s));
             }
-            const match = value.match(DatePipe.DATE_FORMAT_REGEXP);
-            // Make sure we actually have a match.
-            if (match) {
-                let offsetDate = null;
-                const date = this.getDate(match);
-                if (zone === 'local') {
-                    offsetDate = this.getOffsetDate(date);
-                }
-                else {
-                    offsetDate = this.getDate(match);
-                }
-                // 'short' format is meaningful to formatDate, but not the same meaning as in the unit tests
-                if (this.formatTrans && format && format !== 'short') {
-                    // support for java style formatting strings for dates
-                    format = this.translateDateFormat(format);
-                    resultDate = moment(offsetDate).format(format);
-                }
-                else {
-                    // RDM-1149 changed the pipe logic so that it doesn't add an hour to 'Summer Time' dates on DateTime field type
-                    resultDate = `${offsetDate.getDate()} ${DatePipe.MONTHS[offsetDate.getMonth()]} ${offsetDate.getFullYear()}`;
-                    if (match[4] && match[5] && match[6] && format !== 'short') {
-                        resultDate += ', ';
-                        resultDate += `${this.getHour(offsetDate.getHours().toString())}:`;
-                        resultDate += `${this.pad(offsetDate.getMinutes())}:`;
-                        resultDate += `${this.pad(offsetDate.getSeconds())} `;
-                        resultDate += (this.toInt(offsetDate.getHours().toString()) >= 12) ? 'PM' : 'AM';
-                    }
-                }
+        }
+        return null;
+    }
+    // Ascend the hierarchy to get the full path of the field
+    getHierachicalId(curr) {
+        const prefix = curr ? curr + "_" : "";
+        if (prefix.length < 1024) {
+            if (this.parent) {
+                return this.parent.getHierachicalId(prefix + this.id);
             }
             else {
-                // EUI-2667. See if what we've been given is actually a formatted date that
-                // we could attempt to do something with.
-                const parsedDate = Date.parse(value);
-                // We successfully parsed it so let's use it.
-                if (!isNaN(parsedDate)) {
-                    const d = new Date(parsedDate);
-                    // If what we received didn't include time, don't include it here either.
-                    if (value.indexOf(':') < 0) {
-                        const shortDate = d.toLocaleDateString('en-GB');
-                        const shortISO = shortDate.split('/').reverse().join('-');
-                        return this.transform(shortISO, zone, format);
-                    }
-                    // If it did include time, we want a full ISO string.
-                    const thisMoment = moment(d).format(ISO_FORMAT);
-                    return this.transform(thisMoment, zone, format);
-                }
+                return prefix + this.id;
             }
         }
-        return resultDate;
-    }
-    translateDateFormat(format) {
-        if (this.formatTrans) {
-            return this.formatTrans.translate(format);
-        }
         else {
-            return format;
+            CaseField.logger.error('Path too long, possible circular reference in case field hierarchy.');
+            return this.id;
         }
     }
-    getOffsetDate(date) {
-        const localOffset = -date.getTimezoneOffset() / 60;
-        return new Date(date.getTime() + localOffset * 3600 * 1000);
+    set isTranslated(val) {
+        this.isTranslatedFlag = val;
     }
-    getDate(match) {
-        const year = this.toInt(match[1]);
-        const month = this.toInt(match[2]) - 1;
-        const day = this.toInt(match[3]);
-        let resultDate;
-        if (match[4] && match[5] && match[6]) {
-            const hour = this.toInt(match[4]);
-            const minutes = this.toInt(match[5]);
-            const seconds = this.toInt(match[6]);
-            resultDate = new Date(year, month, day, hour, minutes, seconds, 0);
-        }
-        else {
-            resultDate = new Date(year, month, day);
-        }
-        return resultDate;
+    get isTranslated() {
+        return this.isTranslatedFlag;
     }
-    getHour(hourStr) {
-        let hourNum = this.toInt(hourStr);
-        if (hourNum > 12) {
-            hourNum = hourNum - 12;
-        }
-        else if (hourNum === 0) {
-            hourNum = 12;
-        }
-        return hourNum;
+}
+__decorate([
+    Exclude(),
+    __metadata("design:type", CaseField)
+], CaseField.prototype, "parent", void 0);
+__decorate([
+    Type(() => FieldType),
+    __metadata("design:type", FieldType)
+], CaseField.prototype, "field_type", void 0);
+__decorate([
+    Type(() => WizardPageField),
+    __metadata("design:type", WizardPageField)
+], CaseField.prototype, "wizardProps", void 0);
+__decorate([
+    Expose(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CaseField.prototype, "value", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Object),
+    __metadata("design:paramtypes", [Object])
+], CaseField.prototype, "list_items", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], CaseField.prototype, "dateTimeEntryFormat", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [])
+], CaseField.prototype, "dateTimeDisplayFormat", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isComplexDisplay", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isComplexEntry", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isReadonly", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isOptional", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", void 0)
+], CaseField.prototype, "isMandatory", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isCollection", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isComplex", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isDynamic", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", []),
+    __metadata("design:returntype", Boolean)
+], CaseField.prototype, "isCaseLink", null);
+__decorate([
+    Expose(),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [String]),
+    __metadata("design:returntype", String)
+], CaseField.prototype, "getHierachicalId", null);
+
+// @dynamic
+class WizardPage {
+    id;
+    label;
+    order;
+    wizard_page_fields;
+    case_fields;
+    show_condition;
+    parsedShowCondition;
+    getCol1Fields() {
+        return this.case_fields?.filter(f => !f.wizardProps.page_column_no || f.wizardProps.page_column_no === 1);
     }
-    toInt(str) {
-        return parseInt(str, 10);
+    getCol2Fields() {
+        return this.case_fields?.filter(f => f.wizardProps.page_column_no === 2);
     }
-    pad(num, padNum = 2) {
-        const val = num !== undefined ? num.toString() : '';
-        return val.length >= padNum ? val : new Array(padNum - val.length + 1).join('0') + val;
+    isMultiColumn() {
+        return this.getCol2Fields()?.length > 0;
     }
-    static ɵfac = function DatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DatePipe)(i0.ɵɵdirectiveInject(FormatTranslatorService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdDate", type: DatePipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DatePipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdDate',
-                standalone: false
-            }]
-    }], () => [{ type: FormatTranslatorService }], null); })();
+__decorate([
+    Type(() => WizardPageField),
+    __metadata("design:type", Array)
+], WizardPage.prototype, "wizard_page_fields", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], WizardPage.prototype, "case_fields", void 0);
+
+// @dynamic
+class CaseEventTrigger {
+    id;
+    name;
+    description;
+    case_id;
+    case_fields;
+    event_token;
+    wizard_pages;
+    show_summary;
+    show_event_notes;
+    end_button_label;
+    can_save_draft;
+    hasFields() {
+        return this.case_fields && this.case_fields.length !== 0;
+    }
+    hasPages() {
+        return this.wizard_pages && this.wizard_pages.length !== 0;
+    }
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseEventTrigger.prototype, "case_fields", void 0);
+__decorate([
+    Type(() => WizardPage),
+    __metadata("design:type", Array)
+], CaseEventTrigger.prototype, "wizard_pages", void 0);
+
+// tslint:disable:variable-name
+class CaseViewEvent {
+    id;
+    timestamp;
+    summary;
+    comment;
+    event_id;
+    event_name;
+    state_id;
+    state_name;
+    user_id;
+    user_last_name;
+    user_first_name;
+    significant_item;
+}
+
+class CaseViewTrigger {
+    id;
+    name;
+    description;
+    order;
+}
+
+class CaseEvent {
+    id;
+    name;
+    post_state;
+    pre_states;
+    case_fields;
+    description;
+    order;
+    acls;
+}
+
+class CaseState {
+    id;
+    name;
+    description;
+    order;
+}
+
+// Light clone of CaseType to be used in Jurisdiction class
+// to  avoid cyclic dependency
+class CaseTypeLite {
+    id;
+    name;
+    events;
+    states;
+    description;
+}
+
+// @dynamics
+class CaseType {
+    id;
+    name;
+    events;
+    states;
+    case_fields;
+    description;
+    jurisdiction;
+    printEnabled;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseType.prototype, "case_fields", void 0);
+
+// tslint:disable:variable-name
+class EventCaseField {
+    case_field_id;
+    showCondition;
+}
+
+class Jurisdiction {
+    id;
+    name;
+    description;
+    caseTypes;
+    currentCaseType;
+}
+
+class Banner {
+    bannerDescription;
+    bannerUrlText;
+    bannerUrl;
+    bannerViewed;
+    bannerEnabled;
+}
+
+// @dynamic
+class CaseTab {
+    id;
+    label;
+    order;
+    fields;
+    show_condition;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseTab.prototype, "fields", void 0);
+
+// @dynamic
+class CaseView {
+    case_id;
+    case_type;
+    state;
+    channels;
+    tabs;
+    triggers;
+    events;
+    metadataFields;
+    basicFields;
+    case_flag;
+}
+__decorate([
+    Type(() => CaseTab),
+    __metadata("design:type", Array)
+], CaseView.prototype, "tabs", void 0);
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], CaseView.prototype, "metadataFields", void 0);
+
+class CasePrintDocument {
+    name;
+    type;
+    url;
+}
 
-class FieldLabelPipe {
-    rpxTranslationPipe;
-    constructor(rpxTranslationPipe) {
-        this.rpxTranslationPipe = rpxTranslationPipe;
-    }
-    transform(field) {
-        if (!field || !field.label) {
-            return '';
-        }
-        else if (!field.display_context) {
-            return this.getTranslatedLabel(field);
-        }
-        return this.getTranslatedLabel(field) + (field.display_context.toUpperCase() === 'OPTIONAL' ?
-            ' (' + this.rpxTranslationPipe.transform('Optional') + ')' : '');
-    }
-    getTranslatedLabel(field) {
-        if (!field.isTranslated) {
-            return this.rpxTranslationPipe.transform(field.label);
-        }
-        else {
-            return field.label;
-        }
-    }
-    getOriginalLabelForYesNoTranslation(field) {
-        return field.originalLabel || field.label;
-    }
-    static ɵfac = function FieldLabelPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FieldLabelPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslatePipe, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFieldLabel", type: FieldLabelPipe, pure: false, standalone: false });
+// tslint:disable:variable-name
+class HRef {
+    href;
+}
+class DocumentLinks {
+    self;
+    binary;
+}
+class Document {
+    _links;
+    originalDocumentName;
+    hashToken;
+}
+class Embedded {
+    documents;
+}
+class DocumentData {
+    _embedded;
+    documents;
+}
+class FormDocument {
+    document_url;
+    document_binary_url;
+    document_filename;
+    document_hash;
+    upload_timestamp;
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FieldLabelPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFieldLabel',
-                pure: false,
-                standalone: false
-            }]
-    }], () => [{ type: i1.RpxTranslatePipe }], null); })();
 
-class FirstErrorPipe {
-    rpxTranslationService;
-    injector;
-    asyncPipe;
-    constructor(rpxTranslationService, injector) {
-        this.rpxTranslationService = rpxTranslationService;
-        this.injector = injector;
-        this.asyncPipe = new AsyncPipe(this.injector.get(ChangeDetectorRef));
-    }
-    transform(value, args) {
-        if (!value) {
-            return '';
-        }
-        if (!args) {
-            args = 'Field';
-        }
-        const keys = Object.keys(value);
-        if (!keys.length) {
-            return '';
-        }
-        let errorMessage;
-        if (keys[0] === 'required') {
-            errorMessage = '%FIELDLABEL% is required';
-        }
-        else if (keys[0] === 'pattern') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%';
+class OrganisationConverter {
+    static toSimpleAddress(organisationModel) {
+        let simpleAddress = '';
+        if (organisationModel.addressLine1) {
+            simpleAddress += `${organisationModel.addressLine1}<br>`;
         }
-        else if (keys[0] === 'markDownPattern') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Link mark up characters are not allowed in this field';
+        if (organisationModel.addressLine2) {
+            simpleAddress += `${organisationModel.addressLine2}<br>`;
         }
-        else if (keys[0] === 'unsafeRichText') {
-            errorMessage = 'The data entered is not valid for %FIELDLABEL%. Potentially unsafe HTML content is not allowed in this field';
+        if (organisationModel.addressLine3) {
+            simpleAddress += `${organisationModel.addressLine3}<br>`;
         }
-        else if (keys[0] === 'minlength') {
-            errorMessage = '%FIELDLABEL% is below the minimum length';
+        if (organisationModel.townCity) {
+            simpleAddress += `${organisationModel.townCity}<br>`;
         }
-        else if (keys[0] === 'maxlength') {
-            errorMessage = '%FIELDLABEL% exceeds the maximum length';
+        if (organisationModel.county) {
+            simpleAddress += `${organisationModel.county}<br>`;
         }
-        else if (value.hasOwnProperty('matDatetimePickerParse')) {
-            errorMessage = 'The date entered is not valid. Please provide a valid date';
+        if (organisationModel.country) {
+            simpleAddress += `${organisationModel.country}<br>`;
         }
-        else {
-            errorMessage = value[keys[0]];
+        if (organisationModel.postCode) {
+            simpleAddress += `${organisationModel.postCode}<br>`;
         }
-        const o = this.rpxTranslationService.getTranslation$(args).pipe(switchMap(fieldLabel => this.rpxTranslationService.getTranslationWithReplacements$(errorMessage, { FIELDLABEL: fieldLabel })));
-        return this.asyncPipe.transform(o);
+        return simpleAddress;
     }
-    ngOnDestroy() {
-        this.asyncPipe.ngOnDestroy();
+    toSimpleOrganisationModel(organisationModel) {
+        return {
+            organisationIdentifier: organisationModel.organisationIdentifier,
+            name: organisationModel.name,
+            address: OrganisationConverter.toSimpleAddress(organisationModel)
+        };
     }
-    static ɵfac = function FirstErrorPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FirstErrorPipe)(i0.ɵɵdirectiveInject(i1.RpxTranslationService, 16), i0.ɵɵdirectiveInject(i0.Injector, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdFirstError", type: FirstErrorPipe, pure: false, standalone: false });
+    static ɵfac = function OrganisationConverter_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || OrganisationConverter)(); };
+    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: OrganisationConverter, factory: OrganisationConverter.ɵfac });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FirstErrorPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdFirstError',
-                pure: false,
-                standalone: false
-            }]
-    }], () => [{ type: i1.RpxTranslationService }, { type: i0.Injector }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OrganisationConverter, [{
+        type: Injectable
+    }], null, null); })();
 
-class IsCompoundPipe {
-    static COMPOUND_TYPES = [
-        'Complex',
-        'Label',
-        'AddressGlobal',
-        'AddressUK',
-        'AddressGlobalUK',
-        'CasePaymentHistoryViewer',
-        'CaseHistoryViewer',
-        'Organisation',
-        'WaysToPay',
-        'ComponentLauncher',
-        'FlagLauncher',
-        'CaseFlag'
-    ];
-    static EXCLUDE = [
-        'CaseLink',
-        'JudicialUser'
-    ];
-    transform(field) {
-        if (!field || !field.field_type || !field.field_type.type) {
-            return false;
-        }
-        if (IsCompoundPipe.COMPOUND_TYPES.indexOf(field.field_type.type) !== -1) {
-            if (IsCompoundPipe.EXCLUDE.indexOf(field.field_type.id) !== -1) {
-                return false;
-            }
-            return true;
-        }
-        return false;
-    }
-    static ɵfac = function IsCompoundPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsCompoundPipe)(); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsCompound", type: IsCompoundPipe, pure: true, standalone: false });
+class PaginationMetadata {
+    totalResultsCount;
+    totalPagesCount;
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsCompoundPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsCompound',
-                standalone: false
-            }]
-    }], null, null); })();
 
-class CaseFieldService {
-    isOptional(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'OPTIONAL';
-    }
-    isReadOnly(field) {
-        if (!field || !field.display_context) {
-            return false;
-        }
-        return field.display_context.toUpperCase() === 'READONLY';
+function hasRoles(profile) {
+    if (profile.user && profile.user.idam && Array.isArray(profile.user.idam.roles)) {
+        return profile.user.idam.roles.length > 0;
     }
-    isMandatory(field) {
-        if (!field || !field.display_context) {
-            return false;
+    return false;
+}
+// @dynamic
+class Profile {
+    user;
+    channels;
+    jurisdictions;
+    default;
+    isSolicitor() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-solicitor')) !== undefined;
         }
-        return field.display_context.toUpperCase() === 'MANDATORY';
+        return false;
     }
-    isLabel(field) {
-        if (!field || !field.field_type) {
-            return false;
+    isCourtAdmin() {
+        if (hasRoles(this)) {
+            return this.user.idam.roles.find(r => r.endsWith('-courtadmin')) !== undefined;
         }
-        return field.field_type.type === 'Label';
+        return false;
     }
-    static ɵfac = function CaseFieldService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseFieldService)(); };
-    static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseFieldService, factory: CaseFieldService.ɵfac });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CaseFieldService, [{
-        type: Injectable
-    }], null, null); })();
+__decorate([
+    Type(() => Jurisdiction),
+    __metadata("design:type", Array)
+], Profile.prototype, "jurisdictions", void 0);
 
-class IsMandatoryPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
-    }
-    transform(field) {
-        return this.caseFieldService.isMandatory(field);
+class Field {
+    id;
+    field_type;
+    elementPath;
+    value;
+    label;
+    metadata;
+    constructor(id, field_type, elementPath, value, label, metadata) {
+        this.id = id;
+        this.field_type = field_type;
+        this.elementPath = elementPath;
+        this.value = value;
+        this.label = label;
+        this.metadata = metadata;
     }
-    static ɵfac = function IsMandatoryPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsMandatoryPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsMandatory", type: IsMandatoryPipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsMandatoryPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsMandatory',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
 
-class IsReadOnlyPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
+class SearchResultViewColumn {
+    case_field_id;
+    case_field_type;
+    display_context;
+    display_context_parameter;
+    label;
+    order;
+}
+
+// @dynamic
+class SearchResultViewItem {
+    case_id;
+    case_fields;
+    hydrated_case_fields;
+    columns;
+    supplementary_data;
+    display_context_parameter;
+}
+__decorate([
+    Type(() => CaseField),
+    __metadata("design:type", Array)
+], SearchResultViewItem.prototype, "hydrated_case_fields", void 0);
+
+// @dynamic
+class SearchResultView {
+    columns;
+    results;
+    result_error;
+    hasDrafts() {
+        return this.results[0]
+            && this.results[0].case_id
+            && Draft.isDraft(this.results[0].case_id);
     }
-    transform(field) {
-        return this.caseFieldService.isReadOnly(field);
+}
+__decorate([
+    Type(() => SearchResultViewColumn),
+    __metadata("design:type", Array)
+], SearchResultView.prototype, "columns", void 0);
+__decorate([
+    Type(() => SearchResultViewItem),
+    __metadata("design:type", Array)
+], SearchResultView.prototype, "results", void 0);
+
+class SortParameters {
+    comparator;
+    sortOrder;
+    constructor(comparator, sortOrder) {
+        this.comparator = comparator;
+        this.sortOrder = sortOrder;
     }
-    static ɵfac = function IsReadOnlyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnly", type: IsReadOnlyPipe, pure: true, standalone: false });
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsReadOnly',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
 
-class IsReadOnlyAndNotCollectionPipe {
-    caseFieldService;
-    constructor(caseFieldService) {
-        this.caseFieldService = caseFieldService;
+var SortOrder$1;
+(function (SortOrder) {
+    SortOrder[SortOrder["ASCENDING"] = 0] = "ASCENDING";
+    SortOrder[SortOrder["DESCENDING"] = 1] = "DESCENDING";
+    SortOrder[SortOrder["UNSORTED"] = 2] = "UNSORTED";
+})(SortOrder$1 || (SortOrder$1 = {}));
+
+const STAFF_CACHE_ROLE_CATEGORIES = new Set([
+    'ADMIN',
+    'CTSC',
+    'LEGAL_OPERATIONS'
+]);
+const SUPPORTED_ROLE_CATEGORIES = new Set([
+    ...STAFF_CACHE_ROLE_CATEGORIES,
+    'JUDICIAL',
+]);
+// Aliases allow the definition to use the shorter, hyphenated form within #ARGUMENT(...)
+const ROLE_CATEGORY_ALIASES = {
+    LEGAL_OPS: 'LEGAL_OPERATIONS'
+};
+const ARGUMENT_REGEX = /#ARGUMENT\(([^)]*)\)/;
+const CATEGORY_PREFIX = 'CATEGORY-';
+const REGION_PREFIX = 'REGION-';
+/**
+ * Parses the `display_context_parameter` of a StaffUser field to determine the filters to apply
+ * when searching reference data.
+ *
+ * Expected format: `#ARGUMENT(CATEGORY-LEGAL-OPS,CATEGORY-ADMIN,REGION-1235)`
+ */
+function parseStaffUserSearchConfiguration(displayContextParameter) {
+    if (!displayContextParameter) {
+        return invalidConfiguration();
     }
-    transform(field) {
-        if (!field || !field.field_type || !field.field_type.type) {
-            return false;
+    const match = ARGUMENT_REGEX.exec(displayContextParameter);
+    if (!match?.[1]) {
+        return invalidConfiguration();
+    }
+    const tokens = match[1].split(',').map(token => token.trim());
+    if (tokens.some(token => !token)) {
+        return invalidConfiguration();
+    }
+    const roleCategories = [];
+    for (const token of tokens) {
+        if (token.startsWith(CATEGORY_PREFIX)) {
+            const category = normaliseRoleCategory(token.substring(CATEGORY_PREFIX.length));
+            if (!isStaffUserRoleCategory(category)) {
+                return invalidConfiguration();
+            }
+            if (!roleCategories.includes(category)) {
+                roleCategories.push(category);
+            }
         }
-        if (this.isCollection(field)) {
-            return false;
+        else if (token.startsWith(REGION_PREFIX)) {
+            // Region filtering is not supported in this version; REGION- tokens are silently ignored
+        }
+        else {
+            return invalidConfiguration();
         }
-        return this.caseFieldService.isReadOnly(field);
     }
-    // CaseField @Expose() doesn't work with the pipe in here, so leaving the manual check
-    isCollection(field) {
-        return field.field_type && field.field_type.type === 'Collection';
+    if (!roleCategories.length) {
+        return invalidConfiguration();
     }
-    static ɵfac = function IsReadOnlyAndNotCollectionPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || IsReadOnlyAndNotCollectionPipe)(i0.ɵɵdirectiveInject(CaseFieldService, 16)); };
-    static ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "ccdIsReadOnlyAndNotCollection", type: IsReadOnlyAndNotCollectionPipe, pure: true, standalone: false });
+    return {
+        valid: true,
+        configuration: {
+            roleCategories,
+            staffRoleCategories: roleCategories.filter(isStaffCacheRoleCategory),
+            includesJudicial: roleCategories.includes('JUDICIAL')
+        }
+    };
+}
+function normaliseRoleCategory(category) {
+    const normalised = category.replaceAll('-', '_');
+    return ROLE_CATEGORY_ALIASES[normalised] || normalised;
+}
+function isStaffUserRoleCategory(category) {
+    return SUPPORTED_ROLE_CATEGORIES.has(category);
+}
+function isStaffCacheRoleCategory(category) {
+    return STAFF_CACHE_ROLE_CATEGORIES.has(category);
+}
+function invalidConfiguration() {
+    return { valid: false, error: 'INVALID_ROLE_CATEGORIES' };
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(IsReadOnlyAndNotCollectionPipe, [{
-        type: Pipe,
-        args: [{
-                name: 'ccdIsReadOnlyAndNotCollection',
-                standalone: false
-            }]
-    }], () => [{ type: CaseFieldService }], null); })();
 
-class PaletteUtilsModule {
-    static ɵfac = function PaletteUtilsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PaletteUtilsModule)(); };
-    static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: PaletteUtilsModule });
-    static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ providers: [
-            IsCompoundPipe,
-            RpxTranslatePipe
-        ], imports: [CommonModule,
-            RpxTranslationModule.forChild()] });
+class WorkbasketInputModel {
+    label;
+    order;
+    field;
+    metadata;
+    display_context_parameter;
+}
+class WorkbasketInput {
+    workbasketInputs;
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PaletteUtilsModule, [{
-        type: NgModule,
-        args: [{
-                imports: [
-                    CommonModule,
-                    RpxTranslationModule.forChild()
-                ],
-                declarations: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                exports: [
-                    DatePipe,
-                    FieldLabelPipe,
-                    FirstErrorPipe,
-                    IsCompoundPipe,
-                    IsMandatoryPipe,
-                    IsReadOnlyPipe,
-                    IsReadOnlyAndNotCollectionPipe,
-                    DashPipe
-                ],
-                providers: [
-                    IsCompoundPipe,
-                    RpxTranslatePipe
-                ]
-            }]
-    }], null, null); })();
-(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(PaletteUtilsModule, { declarations: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe], imports: [CommonModule, i1.RpxTranslationModule], exports: [DatePipe,
-        FieldLabelPipe,
-        FirstErrorPipe,
-        IsCompoundPipe,
-        IsMandatoryPipe,
-        IsReadOnlyPipe,
-        IsReadOnlyAndNotCollectionPipe,
-        DashPipe] }); })();
 
 // @dynamic
 class FieldsUtils {
@@ -9740,6 +9642,76 @@ class BrowserService {
     }], null, null); })();
 
 class CaseAccessUtils {
+    // User role mapping
+    static JUDGE_ROLE = 'judge';
+    static JUDGE_ROLE_CATEGORY = 'JUDICIAL';
+    static JUDGE_ROLE_NAME = 'judiciary';
+    static ADMIN_ROLE = 'admin';
+    static ADMIN_ROLE_CATEGORY = 'ADMIN';
+    static ADMIN_ROLE_NAME = 'admin';
+    static PROFESSIONAL_ROLE = 'solicitor';
+    static PROFESSIONAL_ROLE_CATEGORY = 'PROFESSIONAL';
+    static PROFESSIONAL_ROLE_NAME = 'professional';
+    static LEGAL_OPERATIONS_ROLE = 'caseworker';
+    static LEGAL_OPERATIONS_ROLE_CATEGORY = 'LEGAL_OPERATIONS';
+    static LEGAL_OPERATIONS_ROLE_NAME = 'legal-ops';
+    static CITIZEN_ROLE = 'citizen';
+    static CITIZEN_ROLE_CATEGORY = 'CITIZEN';
+    static CITIZEN_ROLE_NAME = 'citizen';
+    static CTSC_ROLE = 'ctsc';
+    static CTSC_ROLE_CATEGORY = 'CTSC';
+    static CTSC_ROLE_NAME = 'ctsc';
+    // fallback purely if roleCategories is not available in 
+    getMappedRoleCategories(roles = []) {
+        const roleKeywords = roles.join().split('-').join().split(',');
+        const roleCategoryList = [];
+        if (this.roleHasKeyword(CaseAccessUtils.JUDGE_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.JUDGE_ROLE_CATEGORY);
+        }
+        if (this.roleHasKeyword(CaseAccessUtils.PROFESSIONAL_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY);
+        }
+        if (this.roleHasKeyword(CaseAccessUtils.CITIZEN_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.CITIZEN_ROLE_CATEGORY);
+        }
+        if (this.roleHasKeyword(CaseAccessUtils.ADMIN_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.ADMIN_ROLE_CATEGORY);
+        }
+        if (this.roleHasKeyword(CaseAccessUtils.CTSC_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.CTSC_ROLE_CATEGORY);
+        }
+        if (this.roleHasKeyword(CaseAccessUtils.LEGAL_OPERATIONS_ROLE, roleKeywords)) {
+            roleCategoryList.push(CaseAccessUtils.LEGAL_OPERATIONS_ROLE_CATEGORY);
+        }
+        return roleCategoryList;
+    }
+    roleHasKeyword(keyword, roleWords) {
+        return roleWords.includes(keyword);
+    }
+    getAMRoleName(accessType, aMRole) {
+        let roleName = '';
+        switch (aMRole) {
+            case CaseAccessUtils.JUDGE_ROLE_CATEGORY:
+                roleName = `${accessType}-access-${CaseAccessUtils.JUDGE_ROLE_NAME}`;
+                break;
+            case CaseAccessUtils.PROFESSIONAL_ROLE_CATEGORY:
+                roleName = `${accessType}-access-${CaseAccessUtils.PROFESSIONAL_ROLE_NAME}`;
+                break;
+            case CaseAccessUtils.CITIZEN_ROLE_CATEGORY:
+                roleName = `${accessType}-access-${CaseAccessUtils.CITIZEN_ROLE_NAME}`;
+                break;
+            case CaseAccessUtils.ADMIN_ROLE_CATEGORY:
+                roleName = `${accessType}-access-${CaseAccessUtils.ADMIN_ROLE_NAME}`;
+                break;
+            case CaseAccessUtils.CTSC_ROLE_CATEGORY:
+                roleName = `${accessType}-access-${CaseAccessUtils.CTSC_ROLE_NAME}`;
+                break;
+            default:
+                roleName = `${accessType}-access-${CaseAccessUtils.LEGAL_OPERATIONS_ROLE_NAME}`;
+                break;
+        }
+        return roleName;
+    }
     getAMPayload(assignerId, actorId, roleName, roleCategory, grantType, caseId, details, beginTime = null, endTime = null, isNew = false) {
         const process = details.caseReference !== undefined ? 'challenged-access' : 'specific-access';
         const payload = {
@@ -11633,9 +11605,9 @@ class CasesService {
         }
         // EXUI-4758 - getMappedRoleCategories no longer returns a single string, checks all roles to get the most likely roleCategory
         // Unsure whether we should be using mapped role categories any more - should trust the roleCategories from userInfo if they exist
-        const roleCategories = userInfo.roleCategories || getMappedRoleCategories(userInfo.roles);
+        const roleCategories = userInfo.roleCategories || camUtils.getMappedRoleCategories(userInfo.roles);
         // If user has no role categories, default to LEGAL_OPERATIONS
-        const roleName = getAMRoleName('challenged', roleCategories?.length > 0 ? roleCategories[0] : RoleCategory.LEGAL_OPERATIONS);
+        const roleName = camUtils.getAMRoleName('challenged', roleCategories?.length > 0 ? roleCategories[0] : "LEGAL_OPERATIONS");
         const beginTime = new Date();
         const endTime = new Date(new Date().setUTCHours(23, 59, 59, 999));
         const id = userInfo.id ? userInfo.id : userInfo.uid;
@@ -11652,10 +11624,10 @@ class CasesService {
             return throwError(() => new Error('User info not found in session storage'));
         }
         // EXUI-4758 - See above comment
-        const roleCategories = userInfo.roleCategories || getMappedRoleCategories(userInfo.roles);
+        const roleCategories = userInfo.roleCategories || camUtils.getMappedRoleCategories(userInfo.roles);
         // EXUI-4758 - Return first roleCategory as the roleCategory for now, unless not present, in which case default to LEGAL_OPERATIONS
-        const roleCategory = roleCategories?.length > 0 ? roleCategories[0] : RoleCategory.LEGAL_OPERATIONS;
-        const roleName = getAMRoleName('specific', roleCategory);
+        const roleCategory = roleCategories?.length > 0 ? roleCategories[0] : "LEGAL_OPERATIONS";
+        const roleName = camUtils.getAMRoleName('specific', roleCategory);
         const id = userInfo.id ? userInfo.id : userInfo.uid;
         const payload = camUtils.getAMPayload(null, id, roleName, roleCategory, 'SPECIFIC', caseId, sar, null, null, true);
         payload.roleRequest = {
@@ -40129,8 +40101,16 @@ class CaseResolver {
     }
     // as discussed for EUI-5456, need functionality to go to default page
     goToDefaultPage() {
-        isWorkAllocationUser(this.sessionStorage) ?
-            this.router.navigate([CaseResolver.defaultWAPage]) : this.router.navigate([CaseResolver.defaultPage]);
+        const userDetails = safeJsonParse(this.sessionStorage.getItem(USER_DETAILS));
+        userDetails && userDetails.roles
+            && !userDetails.roles.includes(PUI_CASE_MANAGER)
+            &&
+                (userDetails.roles.includes('caseworker-ia-iacjudge')
+                    || userDetails.roles.includes('caseworker-ia-caseofficer')
+                    || userDetails.roles.includes('caseworker-ia-admofficer')
+                    || userDetails.roles.includes('caseworker-civil')
+                    || userDetails.roles.includes('caseworker-privatelaw'))
+            ? this.router.navigate([CaseResolver.defaultWAPage]) : this.router.navigate([CaseResolver.defaultPage]);
     }
     static ɵfac = function CaseResolver_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CaseResolver)(i0.ɵɵinject(CaseNotifier), i0.ɵɵinject(DraftService), i0.ɵɵinject(NavigationNotifierService), i0.ɵɵinject(i1$1.Router), i0.ɵɵinject(SessionStorageService)); };
     static ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: CaseResolver, factory: CaseResolver.ɵfac });
@@ -42639,9 +42619,12 @@ class EventStartStateMachineService {
     }
     entryActionForStateNoTask(state, context) {
         // Trigger final state to complete processing of state machine
+        const task = context.tasks[0];
+        const jurisdiction = task?.jurisdiction ?? context.caseDetails?.case_type?.jurisdiction?.id;
+        const caseTypeId = task?.case_type_id ?? context.caseDetails?.case_type?.id;
         state.trigger(EventStartStates.FINAL);
         // Navigate to no tasks available error page
-        context.router.navigate([`/cases/case-details/${context.tasks[0]?.jurisdiction}/${context.tasks[0]?.case_type_id}/${context.caseId}/no-tasks-available`], { relativeTo: context.route });
+        context.router.navigate([`/cases/case-details/${jurisdiction}/${caseTypeId}/${context.caseId}/no-tasks-available`], { relativeTo: context.route });
     }
     entryActionForStateOneOrMoreTasks(state, context) {
         state.trigger(EventStartStates.TASK_ASSIGNED_TO_USER);
@@ -42799,8 +42782,9 @@ class EventStartComponent {
     }
     ngOnInit() {
         // Get task and case id payload from route data
+        const caseDetails = this.route.snapshot.data.case;
         const tasks = this.route.snapshot.data.tasks;
-        const caseId = this.route.snapshot.data.case.case_id;
+        const caseId = caseDetails.case_id;
         const eventId = this.route.snapshot.queryParams['eventId'];
         const taskId = this.route.snapshot.queryParams['taskId'];
         // Setup the context
@@ -42809,6 +42793,7 @@ class EventStartComponent {
             caseId,
             eventId,
             taskId,
+            caseDetails,
             router: this.router,
             route: this.route,
             sessionStorageService: this.sessionStorageService,
@@ -46203,5 +46188,5 @@ class TestRouteSnapshotBuilder {
  * Generated bundle index. Do not edit.
  */
 
-export { AMRoleSuffix, AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FocusService, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadRichTextAreaFieldComponent, ReadStaffUserFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RoleCategory, RoleKeyword, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteRichTextAreaFieldComponent, WriteStaffUserFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, parseStaffUserSearchConfiguration, safeJsonParse, textFieldType, viewerRouting };
+export { AbstractAppConfig, AbstractFieldReadComponent, AbstractFieldWriteComponent, AbstractFieldWriteJourneyComponent, AbstractJourneyComponent, Activity, ActivityBannerComponent, ActivityComponent, ActivityIconComponent, ActivityInfo, ActivityModule, ActivityPollingService, ActivityService, AddCommentsComponent, AddCommentsErrorMessage, AddCommentsStep, AddressModel, AddressOption, AddressesService, Alert, AlertComponent, AlertIconClassPipe, AlertMessageType, AlertModule, AlertService, AuthService, Banner, BannersService, BeforeYouStartComponent, BodyComponent, BrowserService, CCDCaseLinkType, COMPONENT_PORTAL_INJECTION_TOKEN, CallbackErrorsComponent, CallbackErrorsContext, CaseAccessUtils, CaseBasicAccessViewComponent, CaseChallengedAccessRequestComponent, CaseChallengedAccessSuccessComponent, CaseCreateComponent, CaseDetails, CaseEditComponent, CaseEditConfirmComponent, CaseEditDataModule, CaseEditDataService, CaseEditFormComponent, CaseEditPageComponent, CaseEditSubmitComponent, CaseEditWizardGuard, CaseEditorConfig, CaseEditorModule, CaseEvent, CaseEventCompletionComponent, CaseEventCompletionTaskCancelledComponent, CaseEventCompletionTaskReassignedComponent, CaseEventData, CaseEventTrigger, CaseEventTriggerComponent, CaseField, CaseFieldService, CaseFileViewFieldComponent, CaseFileViewFolderComponent, CaseFileViewFolderDocumentActionsComponent, CaseFileViewFolderSelectorComponent, CaseFileViewFolderSortComponent, CaseFileViewFolderToggleComponent, CaseFileViewOverlayMenuComponent, CaseFileViewService, CaseFlagCheckYourAnswersPageStep, CaseFlagDisplayContextParameter, CaseFlagErrorMessage, CaseFlagFieldState, CaseFlagFormFields, CaseFlagRefdataService, CaseFlagStatus, CaseFlagSummaryListComponent, CaseFlagSummaryListDisplayMode, CaseFlagTableComponent, CaseFlagWizardStepTitle, CaseFullAccessViewComponent, CaseHeaderComponent, CaseHeaderModule, CaseHistoryViewerFieldComponent, CaseLink, CaseLinkResponse, CaseListComponent, CaseListFiltersComponent, CaseListFiltersModule, CaseListModule, CaseNotifier, CasePaymentHistoryViewerFieldComponent, CasePrintDocument, CasePrinterComponent, CaseProgressComponent, CaseReferencePipe, CaseResolver, CaseSpecificAccessRequestComponent, CaseSpecificAccessSuccessComponent, CaseState, CaseTab, CaseTimelineComponent, CaseTimelineDisplayMode, CaseTimelineModule, CaseType, CaseTypeLite, CaseView, CaseViewComponent, CaseViewEvent, CaseViewTrigger, CaseViewerComponent, CaseViewerModule, CasesService, CaseworkerService, CcdCYAPageLabelFilterPipe, CcdCaseTitlePipe, CcdCollectionTableCaseFieldsFilterPipe, CcdPageFieldsPipe, CcdTabFieldsPipe, CheckYourAnswersComponent, CloseQueryComponent, ConditionalShowFormDirective, ConditionalShowModule, ConditionalShowRegistrarService, ConfirmFlagStatusComponent, ConfirmStatusErrorMessage, ConfirmStatusStep, Confirmation, ConvertHrefToRouterService, CreateCaseFiltersComponent, CreateCaseFiltersModule, CreateCaseFiltersSelection, DRAFT_PREFIX, DRAFT_QUERY_PARAM, DashPipe, DateInputComponent, DatePipe, DateTimeFormatUtils, DatetimePickerComponent, DefinitionsModule, DefinitionsService, DeleteOrCancelDialogComponent, DialogsModule, DisplayMode, Document, DocumentData, DocumentDialogComponent, DocumentLinks, DocumentManagementService, DocumentUrlPipe, Draft, DraftService, DynamicListPipe, DynamicRadioListPipe, ESQueryType, Embedded, EnumDisplayDescriptionPipe, ErrorMessageComponent, ErrorNotifierService, EventCaseField, EventCompletionReturnStates, EventCompletionStateMachineService, EventCompletionStates, EventLogComponent, EventLogDetailsComponent, EventLogTableComponent, EventMessageModule, EventStartComponent, EventStartModule, EventStartStateMachineService, EventStatusService, EventTriggerResolver, EventTriggerService, Fee, FeeValue, Field, FieldLabelPipe, FieldReadComponent, FieldReadLabelComponent, FieldType, FieldTypeSanitiser, FieldWriteComponent, FieldsFilterPipe, FieldsPurger, FieldsUtils, FirstErrorPipe, FixedListItem, FixedListPipe, FixedRadioListPipe, FlagFieldDisplayPipe, FocusElementDirective, FocusElementModule, FocusService, FooterComponent, FormDocument, FormErrorService, FormValidatorsService, FormValueService, FormatTranslatorService, GreyBarService, HRef, HeaderBarComponent, HeadersModule, HttpError, HttpErrorService, HttpService, IsCompoundPipe, IsMandatoryPipe, IsReadOnlyAndNotCollectionPipe, IsReadOnlyPipe, JudicialworkerService, Jurisdiction, JurisdictionService, LabelFieldComponent, LabelSubstitutorDirective, LabelSubstitutorModule, LanguageInterpreterDisplayPipe, LinkCaseReason, LinkCasesComponent, LinkCasesFromReasonValuePipe, LinkCasesReasonValuePipe, LinkDetails, LinkFromReason, LinkReason, LinkedCasesErrorMessages, LinkedCasesEventTriggers, LinkedCasesFromTableComponent, LinkedCasesPages, LinkedCasesResponse, LinkedCasesToTableComponent, LoadingModule, LoadingService, LoadingSpinnerComponent, LoadingSpinnerModule, MEDIA_VIEWER_LOCALSTORAGE_KEY, MULTIPLE_TASKS_FOUND, ManageCaseFlagsComponent, ManageCaseFlagsLabelDisplayPipe, MarkdownComponent, MarkdownComponentModule, MoneyGbpInputComponent, MultipageComponentStateService, MultipleTasksExistComponent, NavigationComponent, NavigationItemComponent, NavigationNotifierService, NavigationOrigin, NoLinkedCasesComponent, NoTasksAvailableComponent, NotificationBannerComponent, NotificationBannerHeaderClass, NotificationBannerType, OrderService, OrderSummary, OrganisationConverter, OrganisationService, PageValidationService, PaginationComponent, PaginationMetadata, PaginationModule, PaletteContext, PaletteModule, PaletteService, PaletteUtilsModule, Patterns, PaymentField, PhaseComponent, PipesModule, PlaceholderService, PrintUrlPipe, Profile, ProfileNotifier, ProfileService, QualifyingQuestionDetailComponent, QualifyingQuestionOptionsComponent, QualifyingQuestionService, QualifyingQuestionsErrorMessage, QueryAttachmentsReadComponent, QueryCaseDetailsHeaderComponent, QueryCheckYourAnswersComponent, QueryConfirmationComponent, QueryCreateContext, QueryDetailsComponent, QueryEventCompletionComponent, QueryItemResponseStatus, QueryListComponent, QueryListData, QueryListItem, QueryManagementService, QueryWriteAddDocumentsComponent, QueryWriteDateInputComponent, QueryWriteRaiseQueryComponent, QueryWriteRespondToQueryComponent, RaiseQueryErrorMessage, ReadCaseFlagFieldComponent, ReadCaseLinkFieldComponent, ReadCollectionFieldComponent, ReadComplexFieldCollectionTableComponent, ReadComplexFieldComponent, ReadComplexFieldRawComponent, ReadComplexFieldTableComponent, ReadCookieService, ReadDateFieldComponent, ReadDocumentFieldComponent, ReadDynamicListFieldComponent, ReadDynamicMultiSelectListFieldComponent, ReadDynamicRadioListFieldComponent, ReadEmailFieldComponent, ReadFieldsFilterPipe, ReadFixedListFieldComponent, ReadFixedRadioListFieldComponent, ReadJudicialUserFieldComponent, ReadLinkedCasesFieldComponent, ReadMoneyGbpFieldComponent, ReadMultiSelectListFieldComponent, ReadNumberFieldComponent, ReadOrderSummaryFieldComponent, ReadOrderSummaryRowComponent, ReadOrganisationFieldComponent, ReadOrganisationFieldRawComponent, ReadOrganisationFieldTableComponent, ReadPhoneUKFieldComponent, ReadQueryManagementFieldComponent, ReadRichTextAreaFieldComponent, ReadStaffUserFieldComponent, ReadTextAreaFieldComponent, ReadTextFieldComponent, ReadYesNoFieldComponent, RefdataCaseFlagType, RemoveDialogComponent, RequestOptionsBuilder, RespondToQueryErrorMessages, RetryUtil, RouterHelperService, RouterLinkComponent, SaveOrDiscardDialogComponent, SearchFiltersComponent, SearchFiltersModule, SearchFiltersWrapperComponent, SearchInput, SearchLanguageInterpreterComponent, SearchLanguageInterpreterErrorMessage, SearchLanguageInterpreterStep, SearchResultComponent, SearchResultModule, SearchResultView, SearchResultViewColumn, SearchResultViewItem, SearchResultViewItemComparatorFactory, SearchService, SelectFlagErrorMessage, SelectFlagLocationComponent, SelectFlagLocationErrorMessage, SelectFlagTypeComponent, SelectFlagTypeErrorMessage, SessionErrorPageComponent, SessionErrorRoute, SessionJsonErrorLogger, SessionStorageGuard, SessionStorageService, ShowCondition, SortOrder$1 as SortOrder, SortParameters, SortSearchResultPipe, StructuredLoggerService, TabComponent, TableColumnConfig, TableConfig, TabsComponent, TabsModule, TaskAssignedComponent, TaskCancelledComponent, TaskConflictComponent, TaskUnassignedComponent, Terms, TestRouteSnapshotBuilder, TranslatedMarkdownDirective, TranslatedMarkdownModule, UnLinkCasesComponent, UnsupportedFieldComponent, UpdateFlagAddTranslationErrorMessage, UpdateFlagAddTranslationFormComponent, UpdateFlagAddTranslationStep, UpdateFlagComponent, UpdateFlagErrorMessage, UpdateFlagStep, UpdateFlagTitleDisplayPipe, WaysToPayFieldComponent, WindowService, Wizard, WizardFactoryService, WizardPage, WizardPageField, WorkAllocationService, WorkbasketFiltersComponent, WorkbasketFiltersModule, WorkbasketInput, WorkbasketInputFilterService, WorkbasketInputModel, WriteAddressFieldComponent, WriteCaseFlagFieldComponent, WriteCaseLinkFieldComponent, WriteCollectionFieldComponent, WriteComplexFieldComponent, WriteDateContainerFieldComponent, WriteDateFieldComponent, WriteDocumentFieldComponent, WriteDynamicListFieldComponent, WriteDynamicMultiSelectListFieldComponent, WriteDynamicRadioListFieldComponent, WriteEmailFieldComponent, WriteFixedListFieldComponent, WriteFixedRadioListFieldComponent, WriteJudicialUserFieldComponent, WriteLinkedCasesFieldComponent, WriteMoneyGbpFieldComponent, WriteMultiSelectListFieldComponent, WriteNumberFieldComponent, WriteOrderSummaryFieldComponent, WriteOrganisationComplexFieldComponent, WriteOrganisationFieldComponent, WritePhoneUKFieldComponent, WriteRichTextAreaFieldComponent, WriteStaffUserFieldComponent, WriteTextAreaFieldComponent, WriteTextFieldComponent, WriteYesNoFieldComponent, YesNoService, aCaseField, caseMessagesMockData, createACL, createCaseEventTrigger, createCaseField, createComplexFieldOverride, createFieldType, createFixedListFieldType, createHiddenComplexFieldOverride, createMultiSelectListFieldType, createWizardPage, createWizardPageField, editorRouting, initDialog, newCaseField, parseStaffUserSearchConfiguration, safeJsonParse, textFieldType, viewerRouting };
 //# sourceMappingURL=hmcts-ccd-case-ui-toolkit.mjs.map