@hmcts/opal-frontend-common 0.0.2

package/fesm2022/hmcts-opal-frontend-common.mjs

@@ -0,0 +1,1947 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, NgModule, inject, Injectable, makeStateKey, PLATFORM_ID, Inject, Optional, ChangeDetectorRef } from '@angular/core';
+import { CommonModule, isPlatformBrowser, ViewportScroller, DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule, FormsModule, Validators } from '@angular/forms';
+import * as i1$1 from '@angular/router';
+import { RouterModule, Router, ActivatedRouteSnapshot, UrlSegment } from '@angular/router';
+import { tap, catchError, throwError, map, of, shareReplay, retry, timer, Observable, firstValueFrom } from 'rxjs';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { signalStore, withState, withMethods, patchState } from '@ngrx/signals';
+import { ApplicationInsights } from '@microsoft/applicationinsights-web';
+import { Duration, DateTime } from 'luxon';
+import { initialize } from 'launchdarkly-js-client-sdk';
+import { sort } from 'fast-sort';
+import { TestBed } from '@angular/core/testing';
+import * as i1$2 from '@angular/platform-browser';
+
+class GovukButtonComponent {
+    buttonId;
+    type = 'button';
+    buttonClasses;
+    buttonClickEvent = new EventEmitter();
+    /**
+     * Handles the button click event.
+     */
+    handleButtonClick() {
+        this.buttonClickEvent.emit(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovukButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: GovukButtonComponent, isStandalone: true, selector: "opal-lib-govuk-button", inputs: { buttonId: "buttonId", type: "type", buttonClasses: "buttonClasses" }, outputs: { buttonClickEvent: "buttonClickEvent" }, ngImport: i0, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovukButtonComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'opal-lib-govuk-button', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  [id]=\"buttonId\"\n  [type]=\"type\"\n  class=\"govuk-button {{ buttonClasses }}\"\n  data-module=\"govuk-button\"\n  (click)=\"handleButtonClick()\"\n>\n  <ng-content></ng-content>\n</button>\n" }]
+        }], propDecorators: { buttonId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], type: [{
+                type: Input,
+                args: [{ required: false }]
+            }], buttonClasses: [{
+                type: Input,
+                args: [{ required: false }]
+            }], buttonClickEvent: [{
+                type: Output
+            }] } });
+
+class GovukTextInputComponent {
+    _control;
+    labelText;
+    labelClasses;
+    inputId;
+    inputName;
+    inputClasses;
+    hintText;
+    hintHtml;
+    errors = null;
+    set control(abstractControl) {
+        // Form controls are passed in as abstract controls, we need to re-cast it.
+        this._control = abstractControl;
+    }
+    get getControl() {
+        return this._control;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovukTextInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: GovukTextInputComponent, isStandalone: true, selector: "opal-lib-govuk-text-input", inputs: { labelText: "labelText", labelClasses: "labelClasses", inputId: "inputId", inputName: "inputName", inputClasses: "inputClasses", hintText: "hintText", hintHtml: "hintHtml", errors: "errors", control: "control" }, ngImport: i0, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: GovukTextInputComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'opal-lib-govuk-text-input', imports: [CommonModule, ReactiveFormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-form-group\" [class.govuk-form-group--error]=\"!!errors\">\n  <h1 class=\"govuk-label-wrapper\">\n    <label class=\"govuk-label {{ labelClasses }}\" [for]=\"inputId\">\n      {{ labelText }}\n    </label>\n  </h1>\n  @if (hintText) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\">\n      {{ hintText }}\n    </div>\n  }\n\n  @if (hintHtml) {\n    <div id=\"{{ inputId }}-hint\" class=\"govuk-hint\"><ng-content></ng-content></div>\n  }\n\n  @if (errors) {\n    <p id=\"{{ this.inputId }}-error-message\" class=\"govuk-error-message\">\n      <span class=\"govuk-visually-hidden\">Error: </span> {{ errors }}\n    </p>\n  }\n\n  <input\n    class=\"govuk-input {{ inputClasses }}\"\n    [id]=\"inputId\"\n    [name]=\"inputName\"\n    type=\"text\"\n    [formControl]=\"getControl\"\n  />\n</div>\n" }]
+        }], propDecorators: { labelText: [{
+                type: Input,
+                args: [{ required: true }]
+            }], labelClasses: [{
+                type: Input,
+                args: [{ required: false }]
+            }], inputId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inputName: [{
+                type: Input,
+                args: [{ required: true }]
+            }], inputClasses: [{
+                type: Input,
+                args: [{ required: false }]
+            }], hintText: [{
+                type: Input,
+                args: [{ required: false }]
+            }], hintHtml: [{
+                type: Input,
+                args: [{ required: false }]
+            }], errors: [{
+                type: Input,
+                args: [{ required: false }]
+            }], control: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+const GOV_UI_COMPONENTS = [GovukButtonComponent, GovukTextInputComponent];
+class OpalFrontendCommonModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OpalFrontendCommonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: OpalFrontendCommonModule, imports: [GovukButtonComponent, GovukTextInputComponent, CommonModule, FormsModule, ReactiveFormsModule, i1$1.RouterModule], exports: [GovukButtonComponent, GovukTextInputComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OpalFrontendCommonModule, imports: [GOV_UI_COMPONENTS, CommonModule, FormsModule, ReactiveFormsModule, RouterModule.forChild([])] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OpalFrontendCommonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...GOV_UI_COMPONENTS, CommonModule, FormsModule, ReactiveFormsModule, RouterModule.forChild([])],
+                    exports: [...GOV_UI_COMPONENTS],
+                }]
+        }] });
+
+const PAGES_ROUTING_PATHS = {
+    root: '',
+    children: {
+        accessDenied: 'access-denied',
+        signIn: 'sign-in',
+        signInStub: 'sign-in-stub',
+    },
+};
+
+const SSO_ENDPOINTS = {
+    login: '/sso/login',
+    logout: '/sso/logout',
+    callback: '/sso/callback',
+    authenticated: '/sso/authenticated',
+};
+
+const GlobalStore = signalStore({ providedIn: 'root' }, withState(() => ({
+    authenticated: false,
+    error: { error: false, message: '' },
+    featureFlags: {},
+    userState: {},
+    ssoEnabled: false,
+    launchDarklyConfig: {},
+    tokenExpiry: {},
+})), withMethods((store) => ({
+    setAuthenticated: (authenticated) => {
+        patchState(store, { authenticated });
+    },
+    setError: (error) => {
+        patchState(store, { error });
+    },
+    setFeatureFlags: (featureFlags) => {
+        patchState(store, { featureFlags });
+    },
+    setUserState: (userState) => {
+        patchState(store, { userState });
+    },
+    setSsoEnabled: (ssoEnabled) => {
+        patchState(store, { ssoEnabled });
+    },
+    setLaunchDarklyConfig: (config) => {
+        patchState(store, { launchDarklyConfig: config });
+    },
+    setTokenExpiry: (tokenExpiry) => {
+        patchState(store, { tokenExpiry });
+    },
+})));
+
+// STORE
+
+class AuthService {
+    http = inject(HttpClient);
+    globalStore = inject(GlobalStore);
+    checkAuthenticated() {
+        return this.http
+            .get(SSO_ENDPOINTS.authenticated, {
+            headers: new HttpHeaders({
+                'Cache-Control': 'no-cache',
+                Pragma: 'no-cache',
+                Expires: '0',
+            }),
+        })
+            .pipe(tap((resp) => {
+            this.globalStore.setAuthenticated(resp);
+        }))
+            .pipe(catchError((error) => {
+            this.globalStore.setAuthenticated(false);
+            return throwError(() => error);
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AuthService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * A guard that checks if the user is authenticated before allowing access to a route.
+ * @returns An Observable that emits a boolean value indicating whether the user is authenticated.
+ */
+const authGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    return authService.checkAuthenticated().pipe(map((resp) => {
+        return resp;
+    }), catchError(() => {
+        router.navigate([PAGES_ROUTING_PATHS.children.signIn]);
+        return of(false);
+    }));
+};
+
+const canDeactivateGuard = (component) => {
+    return component.canDeactivate()
+        ? true
+        : confirm('WARNING: You have unsaved changes. Press Cancel to go back and save these changes, or OK to lose these changes.');
+};
+
+// GUARD
+
+function hasFlowStateGuard(getState, checkCondition, getNavigationPath) {
+    return (route) => {
+        const router = inject(Router);
+        const state = getState();
+        const { queryParams, fragment } = route;
+        return checkCondition(state)
+            ? true
+            : router.createUrlTree([getNavigationPath()], {
+                queryParams: queryParams ?? undefined,
+                fragment: fragment ?? undefined,
+            });
+    };
+}
+
+class PermissionsService {
+    storedUniquePermissionIds = [];
+    /**
+     * Retrieves the unique permission IDs associated with the user.
+     * If the unique permission IDs have not been stored yet, it calculates them based on the user's roles and permissions.
+     * @returns An array of unique permission IDs.
+     */
+    getUniquePermissions(userState) {
+        const roles = userState ? userState['business_unit_user'] : null;
+        if (!this.storedUniquePermissionIds.length && roles) {
+            const permissionIds = roles.flatMap((role) => {
+                return role.permissions.map(({ permission_id: permissionId }) => permissionId);
+            });
+            this.storedUniquePermissionIds = [...new Set(permissionIds)];
+        }
+        return this.storedUniquePermissionIds;
+    }
+    hasPermissionAccess(permissionId, businessUnitId, roles) {
+        if (roles?.length) {
+            // First we need to find the matching role
+            const role = roles?.find((role) => role.business_unit_id === businessUnitId);
+            // Then we need to find the matching permission
+            const hasPermission = !!role?.permissions.find((permission) => permission.permission_id === permissionId);
+            return hasPermission;
+        }
+        // if we don't have any roles, we can't have any permissions
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PermissionsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// SERVICE
+// CONSTANTS, INTERFACES, AND MOCKS
+
+const SESSION_ENDPOINTS = {
+    userState: '/session/user-state',
+    expiry: '/session/expiry',
+};
+
+class SessionService {
+    http = inject(HttpClient);
+    globalStore = inject(GlobalStore);
+    userStateCache$;
+    tokenExpiryCache$;
+    MAX_RETRIES = 5;
+    RETRY_DELAY_MS = 1000;
+    /**
+     * Retrieves the user state from the backend.
+     * If the user state is not available or needs to be refreshed, it makes an HTTP request to fetch the user state.
+     * The user state is then stored in the state service for future use.
+     * The user state is cached using the `shareReplay` operator to avoid unnecessary HTTP requests.
+     * @returns An observable that emits the user state.
+     */
+    getUserState() {
+        // The backend can return an empty object so...
+        // If we don't have a user state, then we need to refresh it...
+        // And override the shareReplay cache...
+        const refresh = !this.globalStore.userState()?.user_id;
+        if (!this.userStateCache$ || refresh) {
+            this.userStateCache$ = this.http
+                .get(SESSION_ENDPOINTS.userState)
+                .pipe(shareReplay(1))
+                .pipe(tap((userState) => {
+                this.globalStore.setUserState(userState);
+            }));
+        }
+        return this.userStateCache$;
+    }
+    /**
+     * Retrieves the token expiry information from the server.
+     * If the token expiry information is already cached, it returns the cached value.
+     * Otherwise, it makes an HTTP GET request to fetch the token expiry information,
+     * retries the request up to a maximum number of times if it fails, and caches the result.
+     *
+     * @returns {Observable<ISessionTokenExpiry>} An observable that emits the token expiry information.
+     */
+    getTokenExpiry() {
+        if (!this.tokenExpiryCache$) {
+            this.tokenExpiryCache$ = this.http.get(SESSION_ENDPOINTS.expiry).pipe(retry({
+                count: this.MAX_RETRIES,
+                delay: () => timer(this.RETRY_DELAY_MS),
+            }), tap((expiry) => {
+                this.globalStore.setTokenExpiry(expiry);
+            }), shareReplay(1));
+        }
+        return this.tokenExpiryCache$;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SessionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const SESSION_TOKEN_EXPIRY_MOCK = {
+    expiry: 'test',
+    warningThresholdInMilliseconds: 5,
+};
+
+const SESSION_USER_STATE_MOCK = {
+    user_id: 'gl.timTest',
+    user_name: 'timmyTest@HMCTS.NET',
+    name: 'Timmy Test',
+    business_unit_user: [
+        {
+            business_unit_user_id: 'L017KG',
+            business_unit_id: 17,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L016KG',
+            business_unit_id: 16,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L019KG',
+            business_unit_id: 19,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L013KG',
+            business_unit_id: 13,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L076KG',
+            business_unit_id: 76,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L081KG',
+            business_unit_id: 81,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L077KG',
+            business_unit_id: 77,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L078KG',
+            business_unit_id: 78,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L079KG',
+            business_unit_id: 79,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L040KG',
+            business_unit_id: 40,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L066KG',
+            business_unit_id: 66,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L072KG',
+            business_unit_id: 72,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L067KG',
+            business_unit_id: 67,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L073KG',
+            business_unit_id: 73,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L068KG',
+            business_unit_id: 68,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L074KG',
+            business_unit_id: 74,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L069KG',
+            business_unit_id: 69,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L075KG',
+            business_unit_id: 75,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L080KG',
+            business_unit_id: 80,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L062KG',
+            business_unit_id: 62,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L025KG',
+            business_unit_id: 25,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L032KG',
+            business_unit_id: 32,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L063KG',
+            business_unit_id: 63,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L064KG',
+            business_unit_id: 64,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L070KG',
+            business_unit_id: 70,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L065KG',
+            business_unit_id: 65,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+        {
+            business_unit_user_id: 'L071KG',
+            business_unit_id: 71,
+            permissions: [
+                {
+                    permission_id: 54,
+                    permission_name: 'Account Enquiry',
+                },
+                {
+                    permission_id: 41,
+                    permission_name: 'Account Enquiry - Account Notes',
+                },
+            ],
+        },
+    ],
+};
+
+// SERVICE
+
+const routePermissionsGuard = (route) => {
+    const permissionService = inject(PermissionsService);
+    const sessionService = inject(SessionService);
+    const router = inject(Router);
+    return sessionService.getUserState().pipe(map((resp) => {
+        const routePermissionId = route.data['routePermissionId'];
+        // Get the unique permission ids for the user
+        const uniquePermissionIds = permissionService.getUniquePermissions(resp);
+        // If we don't have a permission id for the route, or we don't have any unique permission ids, or the user doesn't have the required permission
+        // then redirect the user to the access denied page
+        if (!routePermissionId || uniquePermissionIds.length === 0 || !uniquePermissionIds.includes(routePermissionId)) {
+            return router.createUrlTree([`/${PAGES_ROUTING_PATHS.children.accessDenied}`]);
+        }
+        return true;
+    }), catchError(() => {
+        return of(false);
+    }));
+};
+
+class TransferStateService {
+    platformId;
+    serverTransferState;
+    transferState;
+    globalStore = inject(GlobalStore);
+    storedServerTransferState;
+    constructor(platformId, serverTransferState, transferState) {
+        this.platformId = platformId;
+        this.serverTransferState = serverTransferState;
+        this.transferState = transferState;
+        const storeKeyTransferState = makeStateKey('serverTransferState');
+        if (isPlatformBrowser(this.platformId)) {
+            // get user state from transfer state if browser side
+            this.serverTransferState = this.transferState.get(storeKeyTransferState, null);
+            if (this.serverTransferState) {
+                this.storedServerTransferState = this.serverTransferState;
+            }
+        }
+        else {
+            // server side: store server transfer state
+            this.transferState.set(storeKeyTransferState, this.serverTransferState);
+        }
+    }
+    /**
+     * Initializes the SSO (Single Sign-On) enabled state.
+     * Sets the SSO enabled state based on the stored server transfer state.
+     */
+    initializeSsoEnabled() {
+        this.globalStore.setSsoEnabled(this.storedServerTransferState?.ssoEnabled);
+    }
+    /**
+     * Initializes the LaunchDarkly configuration by assigning the stored server transfer state's
+     * launchDarklyConfig value to the globalStore's launchDarklyConfig property.
+     */
+    initializeLaunchDarklyConfig() {
+        this.globalStore.setLaunchDarklyConfig(this.storedServerTransferState?.launchDarklyConfig);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransferStateService, deps: [{ token: PLATFORM_ID }, { token: 'serverTransferState', optional: true }, { token: i0.TransferState }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransferStateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransferStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: ['serverTransferState']
+                }] }, { type: i0.TransferState }] });
+
+const TRANSFER_STATE_APP_INSIGHTS_CONFIG_MOCK = {
+    enabled: true,
+    connectionString: 'InstrumentationKey=00000000-0000-0000-0000-000000000000;IngestionEndpoint=https://your-ingestion-endpoint/',
+    cloudRoleName: 'opal-frontend',
+};
+
+const TRANSFER_STATE_LAUNCH_DARKLY_CONFIG_MOCK = {
+    enabled: true,
+    clientId: '12345',
+    stream: true,
+};
+
+const TRANSFER_STATE_MOCK = {
+    launchDarklyConfig: TRANSFER_STATE_LAUNCH_DARKLY_CONFIG_MOCK,
+    ssoEnabled: true,
+    appInsightsConfig: TRANSFER_STATE_APP_INSIGHTS_CONFIG_MOCK,
+};
+
+// SERVICE
+
+class AppInitializerService {
+    transferStateService = inject(TransferStateService);
+    /**
+     * Initializes the SSO (Single Sign-On) enabled state.
+     * This method calls the `initializeSsoEnabled` method of the `transferStateService`.
+     */
+    initializeSsoEnabled() {
+        this.transferStateService.initializeSsoEnabled();
+    }
+    /**
+     * Initializes the LaunchDarkly configuration.
+     */
+    initializeLaunchDarkly() {
+        this.transferStateService.initializeLaunchDarklyConfig();
+    }
+    /**
+     * Initializes the application.
+     * This method calls the necessary initialization functions.
+     */
+    initializeApp() {
+        this.initializeSsoEnabled();
+        this.initializeLaunchDarkly();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInitializerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInitializerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInitializerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class AppInsightsService {
+    appInsights;
+    appInsightsConfig;
+    platformId = inject(PLATFORM_ID);
+    transferStateService = inject(TransferStateService);
+    constructor() {
+        this.appInsightsConfig = this.transferStateService.serverTransferState?.appInsightsConfig;
+        if (isPlatformBrowser(this.platformId) && this.appInsightsConfig) {
+            if (this.appInsightsConfig.enabled) {
+                this.appInsights = new ApplicationInsights({
+                    config: {
+                        connectionString: this.appInsightsConfig.connectionString,
+                        enableAutoRouteTracking: true,
+                    },
+                });
+                this.appInsights.addTelemetryInitializer(this.telemetryInitializer.bind(this));
+                this.appInsights.loadAppInsights();
+            }
+        }
+    }
+    /**
+     * Adds a telemetry initializer to set the cloud role name for the telemetry item.
+     *
+     * @param envelope - The telemetry item to which the cloud role name will be added.
+     */
+    telemetryInitializer(envelope) {
+        envelope.tags = envelope.tags || {};
+        if (this.appInsightsConfig?.enabled) {
+            envelope.tags['ai.cloud.role'] = this.appInsightsConfig.cloudRoleName;
+        }
+    }
+    /**
+     * Logs a page view to the Application Insights service.
+     *
+     * @param name - The name of the page. Optional.
+     * @param url - The URL of the page. Optional.
+     *
+     * This method uses the Application Insights SDK to track a page view event.
+     * If the `name` or `url` parameters are not provided, the SDK will use default values.
+     */
+    logPageView(name, url) {
+        if (!this.appInsightsConfig?.enabled) {
+            return;
+        }
+        this.appInsights.trackPageView({ name, uri: url });
+    }
+    /**
+     * Logs an exception to the Application Insights service.
+     *
+     * @param exception - The error object to be logged.
+     * @param severityLevel - Optional. The severity level of the exception. If not provided, a default severity level will be used.
+     */
+    logException(exception, severityLevel) {
+        if (!this.appInsightsConfig?.enabled) {
+            return;
+        }
+        this.appInsights.trackException({ exception, severityLevel });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInsightsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInsightsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppInsightsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [] });
+
+// SERVICE
+// CONSTANTS, INTERFACES, AND MOCKS
+
+class DateService {
+    /**
+     * Calculates the difference in minutes between two DateTime objects.
+     * @param startDate The start date and time.
+     * @param endDate The end date and time.
+     * @returns The difference in minutes between the start and end dates.
+     */
+    calculateMinutesDifference(startDate, endDate) {
+        const minuteDifference = endDate.diff(startDate, 'minutes');
+        return Math.max(0, Math.ceil(minuteDifference.minutes));
+    }
+    /**
+     * Converts milliseconds to minutes.
+     * @param milliseconds - The number of milliseconds to convert.
+     * @returns The equivalent number of minutes.
+     */
+    convertMillisecondsToMinutes(milliseconds) {
+        const minutes = Duration.fromMillis(milliseconds).as('minutes');
+        return Math.max(0, Math.ceil(minutes));
+    }
+    /**
+     * Calculates the age based on the given date of birth.
+     * @param dateOfBirth - The date of birth to calculate the age from.
+     * @param format - The format of the date of birth. Defaults to 'dd/MM/yyyy'.
+     * @returns The calculated age.
+     */
+    calculateAge(dateOfBirth, format = 'dd/MM/yyyy') {
+        const date = typeof dateOfBirth === 'string' ? this.getFromFormat(dateOfBirth, format) : dateOfBirth;
+        return Math.floor(DateTime.now().diff(date, 'years').years);
+    }
+    /**
+     * Checks if a given date is valid.
+     * @param dateInput - The date to be checked. It can be a DateTime object, a string, or null.
+     * @param format - The format of the date string (default: 'dd/MM/yyyy').
+     * @returns A boolean indicating whether the date is valid or not.
+     */
+    isValidDate(dateInput, format = 'dd/MM/yyyy') {
+        if (dateInput) {
+            const date = typeof dateInput === 'string' ? this.getFromFormat(dateInput, format) : dateInput;
+            return date.isValid;
+        }
+        return false;
+    }
+    /**
+     * Returns a string representation of a date subtracted by the given duration.
+     * @param duration A DurationLikeObject representing the amount of time to subtract from the current date.
+     * @returns A string representing the subtracted date in the format specified by the current locale.
+     */
+    getPreviousDate(duration) {
+        return DateTime.now().minus(duration).setLocale('en-gb').toLocaleString();
+    }
+    /**
+     * Parses a string value into a DateTime object based on the specified format.
+     * @param value - The string value to parse.
+     * @param format - The format of the string value.
+     * @returns A DateTime object representing the parsed value.
+     */
+    getFromFormat(value, format) {
+        return DateTime.fromFormat(value, format);
+    }
+    /**
+     * Parses a string value into a native JavaScript Date object based on the specified format.
+     * @param value - The string value to parse.
+     * @param format - The format of the string value.
+     * @returns A Date object representing the parsed value, or null if parsing fails.
+     */
+    getDateFromFormat(value, format) {
+        const dateTime = DateTime.fromFormat(value, format);
+        return dateTime.isValid ? dateTime.toJSDate() : null;
+    }
+    /**
+     * Converts a DateTime value to a formatted string.
+     *
+     * @param value - The DateTime value to format.
+     * @param format - The format string to apply to the DateTime value.
+     * @returns The formatted string representation of the DateTime value.
+     */
+    toFormat(value, format) {
+        return value.toFormat(format);
+    }
+    /**
+     * Converts a given Date object to a formatted string based on the specified format.
+     *
+     * @param value - The Date object to be formatted.
+     * @param format - The string format to apply to the Date object.
+     * @returns The formatted date string.
+     */
+    toDateStringFormat(value, format) {
+        return DateTime.fromJSDate(value).toFormat(format);
+    }
+    /**
+     * Converts a string in ISO format to a DateTime object.
+     * @param value - The string value in ISO format.
+     * @returns A DateTime object representing the given value.
+     */
+    getFromIso(value) {
+        return DateTime.fromISO(value);
+    }
+    /**
+     * Returns the current date and time.
+     * @returns {DateTime} The current date and time.
+     */
+    getDateNow() {
+        return DateTime.now();
+    }
+    /**
+     * Adds a duration to a given date and returns the result in the specified format.
+     * @param date - The date to which the duration will be added.
+     * @param years - The number of years to add to the date (default: 0).
+     * @param months - The number of months to add to the date (default: 0).
+     * @param weeks - The number of weeks to add to the date (default: 0).
+     * @param days - The number of days to add to the date (default: 0).
+     * @param format - The format in which the resulting date will be returned (default: 'dd/MM/yyyy').
+     * @returns The resulting date in the specified format.
+     */
+    addDurationToDate(date, years = 0, months = 0, weeks = 0, days = 0, format = 'dd/MM/yyyy') {
+        const dateObj = this.getFromFormat(date, format);
+        const newDate = dateObj.plus({ years, months, weeks, days });
+        return newDate.toFormat(format);
+    }
+    /**
+     * Calculates the number of days between two dates.
+     * @param startDate - The start date in the specified format.
+     * @param endDate - The end date in the specified format.
+     * @param format - The format of the dates (default: 'dd/MM/yyyy').
+     * @returns The number of days between the start and end dates.
+     */
+    calculateDaysBetweenDates(startDate, endDate, format = 'dd/MM/yyyy') {
+        const start = this.getFromFormat(startDate, format);
+        const end = this.getFromFormat(endDate, format);
+        const diff = end.diff(start, 'days');
+        return diff.days;
+    }
+    /**
+     * Checks if a given date is in the past.
+     * @param date - The date to check.
+     * @param format - The format of the date string. Defaults to 'dd/MM/yyyy'.
+     * @returns True if the date is in the past, false otherwise.
+     */
+    isDateInThePast(date, format = 'dd/MM/yyyy') {
+        return this.getFromFormat(date, format) < DateTime.now();
+    }
+    /**
+     * Checks if a given date is in the future.
+     * @param date - The date to check.
+     * @param yearsInTheFuture - Optional. The number of years in the future to compare against. If not provided, the current date is used.
+     * @param format - Optional. The format of the input date. Defaults to 'dd/MM/yyyy'.
+     * @returns True if the date is in the future, false otherwise.
+     */
+    isDateInTheFuture(date, yearsInTheFuture, format = 'dd/MM/yyyy') {
+        const now = DateTime.now();
+        const dateValue = this.getFromFormat(date, format);
+        if (yearsInTheFuture) {
+            const futureDate = now.plus({ years: yearsInTheFuture });
+            return dateValue > futureDate;
+        }
+        return dateValue > now;
+    }
+    /**
+     * Converts a date string from one format to another.
+     *
+     * @param date - The date string to be converted.
+     * @param fromFormat - The format of the input date string.
+     * @param toFormat - The desired format of the output date string.
+     * @returns The date string in the desired format.
+     */
+    getFromFormatToFormat(date, fromFormat, toFormat) {
+        return this.getFromFormat(date, fromFormat).toFormat(toFormat);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// SERVICE
+// CONSTANTS, INTERFACES, AND MOCKS
+
+class LaunchDarklyService {
+    globalStore = inject(GlobalStore);
+    ldClient;
+    /**
+     * Sets the LaunchDarkly flags by updating the featureFlags in the state service.
+     */
+    setLaunchDarklyFlags() {
+        if (this.ldClient) {
+            this.globalStore.setFeatureFlags(this.ldClient.allFlags());
+        }
+    }
+    /**
+     * Formats the LDFlagChangeset into an LDFlagSet.
+     *
+     * @param flags - The LDFlagChangeset to be formatted.
+     * @returns The formatted LDFlagSet.
+     */
+    formatChangeFlags(flags) {
+        return Object.keys(flags).reduce((flag, key) => {
+            flag[key] = flags[key].current;
+            return flag;
+        }, {});
+    }
+    /**
+     * Closes the LaunchDarkly client if it is open.
+     */
+    closeLaunchDarklyClient() {
+        if (this.ldClient) {
+            this.ldClient.close();
+        }
+    }
+    /**
+     * Initializes the LaunchDarkly change listener.
+     * This method listens for changes in feature flags and updates the state accordingly.
+     */
+    initializeLaunchDarklyChangeListener() {
+        if (this.ldClient && this.globalStore.launchDarklyConfig().stream) {
+            this.ldClient.on('change', (flags) => {
+                const updatedFlags = {
+                    ...this.globalStore.featureFlags(),
+                    ...this.formatChangeFlags(flags),
+                };
+                this.globalStore.setFeatureFlags(updatedFlags);
+            });
+        }
+    }
+    /**
+     * Initializes the LaunchDarkly flags and sets them.
+     * If the LD client is already initialized, it waits for initialization and then sets the flags.
+     * If the LD client is not initialized, it returns a resolved promise.
+     * @returns A promise that resolves when the flags are set.
+     */
+    async initializeLaunchDarklyFlags() {
+        if (this.ldClient) {
+            return this.ldClient
+                .waitForInitialization()
+                .then(() => this.setLaunchDarklyFlags())
+                .catch((err) => {
+                throw err;
+            });
+        }
+        return Promise.resolve();
+    }
+    /**
+     * Initializes the LaunchDarkly client.
+     * If a stored LaunchDarkly client ID exists, it initializes the client with the ID and anonymous mode enabled.
+     */
+    initializeLaunchDarklyClient() {
+        if (this.globalStore.launchDarklyConfig()) {
+            const { enabled, clientId } = this.globalStore.launchDarklyConfig();
+            if (enabled && clientId) {
+                this.ldClient = initialize(clientId, {
+                    anonymous: true,
+                });
+            }
+        }
+    }
+    ngOnDestroy() {
+        this.closeLaunchDarklyClient();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LaunchDarklyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LaunchDarklyService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LaunchDarklyService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+const LAUNCH_DARKLY_CHANGE_FLAGS_MOCK = {
+    flag1: { current: true, previous: false },
+    flag2: { current: false, previous: true },
+};
+
+const LAUNCH_DARKLY_FLAGS_MOCK = {
+    flag1: true,
+    flag2: false,
+};
+
+// SERVICE
+
+class SortService {
+    /**
+     * Sorts an array of values in ascending order.
+     *
+     * @param array - The array of values to be sorted.
+     * @returns The sorted array in ascending order.
+     */
+    arraySortAsc(array) {
+        return sort(array).asc();
+    }
+    /**
+     * Sorts an array of values in descending order.
+     *
+     * @param array - The array of values to be sorted.
+     * @returns The sorted array in descending order.
+     */
+    arraySortDesc(array) {
+        return sort(array).desc();
+    }
+    /**
+     * Sorts an array of objects based on a specified key and sort type.
+     *
+     * @param array - The array of objects to be sorted. Each object should implement the `ISortServiceValues` interface.
+     * @param config - The configuration object containing the key to sort by and the sort type (ascending or descending).
+     * @returns The sorted array of objects.
+     *
+     * @remarks
+     * - If the input array is not an array or the config key is not provided, the original array is returned.
+     * - The `sortType` can be either 'ascending' or 'descending'.
+     *
+     * @example
+     * ```typescript
+     * const array = [
+     *   { name: 'Alice', age: 30 },
+     *   { name: 'Bob', age: 25 },
+     * ];
+     * const config = { key: 'age', sortType: 'ascending' };
+     * const sortedArray = getObjects(array, config);
+     * // sortedArray will be:
+     * // [
+     * //   { name: 'Bob', age: 25 },
+     * //   { name: 'Alice', age: 30 },
+     * // ]
+     * ```
+     */
+    sortObjectArray(array, config) {
+        if (!Array.isArray(array) || !config.key) {
+            return array;
+        }
+        const { key, sortType } = config;
+        if (sortType === 'ascending') {
+            return sort(array).asc((obj) => obj[key]);
+        }
+        else {
+            return sort(array).desc((obj) => obj[key]);
+        }
+    }
+    /**
+     * Sorts an array of objects in ascending order based on the specified key.
+     *
+     * @param array - The array of objects to be sorted.
+     * @param key - The key of the object property to sort by.
+     * @returns The sorted array of objects.
+     */
+    sortObjectArrayAsc(array, key) {
+        return this.sortObjectArray(array, { key, sortType: 'ascending' });
+    }
+    /**
+     * Sorts an array of objects in descending order based on the specified key.
+     *
+     * @param array - The array of objects to be sorted. Each object should implement the ISortServiceValues interface.
+     * @param key - The key of the object property to sort by.
+     * @returns The sorted array of objects in descending order.
+     */
+    sortObjectArrayDesc(array, key) {
+        return this.sortObjectArray(array, { key, sortType: 'descending' });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SortService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// SERVICE
+
+class TransformationService {
+    dateService = inject(DateService);
+    /**
+     * Applies a transformation to the given value based on the specified transformation configuration.
+     *
+     * @param value - The value to be transformed.
+     * @param transformItem - The configuration for the transformation, including the type of transformation and any necessary format details.
+     * @returns The transformed value, or the original value if no transformation is applied.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    applyTransformation(value, transformItem) {
+        if (!value) {
+            return value;
+        }
+        if (transformItem.transformType === 'date') {
+            if (transformItem.dateInputFormat !== null && transformItem.dateOutputFormat !== null) {
+                const parsedDate = this.dateService.getFromFormat(value, transformItem.dateInputFormat);
+                if (this.dateService.isValidDate(parsedDate)) {
+                    return this.dateService.toFormat(parsedDate, transformItem.dateOutputFormat);
+                }
+            }
+            return value;
+        }
+        return value;
+    }
+    /**
+     * Transforms the values of an object based on a given transformation configuration.
+     *
+     * @param obj - The object whose values need to be transformed. It should be a non-null object.
+     * @param toTransform - An array of transformation configurations, where each configuration specifies
+     *                      the key to transform and the transformation details.
+     * @returns The transformed object with values modified according to the transformation configuration.
+     *
+     * @remarks
+     * - If the input `obj` is not an object or is null, it returns the input as is.
+     * - The function recursively processes nested objects.
+     */
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    transformObjectValues(obj, toTransform) {
+        if (typeof obj !== 'object' || obj === null) {
+            return obj;
+        }
+        for (const [key, value] of Object.entries(obj)) {
+            const transformItem = toTransform.find((item) => item.key === key);
+            if (transformItem) {
+                obj[key] = this.applyTransformation(value, transformItem);
+            }
+            else if (Array.isArray(value)) {
+                obj[key] = value.map((item) => typeof item === 'object' ? this.transformObjectValues(item, toTransform) : item);
+            }
+            else if (typeof value === 'object') {
+                obj[key] = this.transformObjectValues(value, toTransform); // Recursive call
+            }
+        }
+        return obj;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransformationService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TransformationService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// SERVICE
+
+class UtilsService {
+    viewportScroller = inject(ViewportScroller);
+    /**
+     * Converts the first letter of a string to uppercase.
+     * @param str - The input string.
+     * @returns The input string with the first letter capitalized.
+     */
+    upperCaseFirstLetter(str) {
+        return str.charAt(0).toUpperCase() + str.slice(1);
+    }
+    /**
+     * Converts the entire string to uppercase.
+     * @param str - The input string.
+     * @returns The input string in uppercase.
+     */
+    upperCaseAllLetters(str) {
+        return str.toUpperCase();
+    }
+    /**
+     * Converts a number to a monetary string representation.
+     * @param amount - The number to convert.
+     * @returns The monetary string representation of the number.
+     */
+    convertToMonetaryString(amount) {
+        if (typeof amount === 'string') {
+            amount = parseFloat(amount);
+        }
+        return `£${amount.toFixed(2)}`;
+    }
+    /**
+     * Formats a 6-digit number or string as a sort code.
+     * @param value - The 6-digit value to format.
+     * @returns The formatted sort code string (xx-xx-xx).
+     */
+    formatSortCode(value) {
+        const sortCode = value.toString();
+        return `${sortCode.slice(0, 2)}-${sortCode.slice(2, 4)}-${sortCode.slice(4, 6)}`;
+    }
+    /**
+     * Filters out null or empty strings from an array of address lines.
+     *
+     * @param address - An array of address lines which may contain strings or null values.
+     * @returns A new array containing only non-empty strings from the input array.
+     */
+    formatAddress(address) {
+        return address.filter((line) => !!line?.trim());
+    }
+    /**
+     * Scrolls the viewport to the top of the page.
+     * Utilizes the `viewportScroller` service to scroll to the position [0, 0].
+     */
+    scrollToTop() {
+        this.viewportScroller.scrollToPosition([0, 0]);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    checkFormValues(form) {
+        return Object.values(form).some((value) => {
+            return Array.isArray(value) ? value.length > 0 : Boolean(value);
+        });
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    checkFormArrayValues(forms) {
+        return forms.every((form) => this.checkFormValues(form));
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    getFormStatus(form, providedMessage, notProvidedMessage) {
+        return this.checkFormValues(form) ? providedMessage : notProvidedMessage;
+    }
+    getArrayFormStatus(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    forms, providedMessage, notProvidedMessage) {
+        return forms.every((form) => this.checkFormValues(form)) ? providedMessage : notProvidedMessage;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UtilsService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// SERVICE
+// CONSTANTS, INTERFACES, AND MOCKS
+
+/**
+ * A guard that checks if the user is signed in.
+ * If the user is signed in, it redirects to the default route.
+ * If the user is not signed in, it allows access to the route.
+ * @returns An Observable<boolean> indicating whether the user is signed in or not.
+ */
+const signedInGuard = () => {
+    const authService = inject(AuthService);
+    const router = inject(Router);
+    return authService.checkAuthenticated().pipe(map(() => {
+        return router.createUrlTree(['/']);
+    }), catchError(() => {
+        return of(true);
+    }));
+};
+
+// GUARD
+
+/**
+ * Returns a function that invokes the specified guard with a dummy route and state.
+ * The dummy route and state are created using the provided `urlPath`.
+ *
+ * @param guard - The guard function to be invoked.
+ * @param urlPath - The URL path to be used in the dummy route and state.
+ * @returns A function that invokes the guard with the dummy route and state.
+ */
+function getGuardWithDummyUrl(guard, urlPath) {
+    const dummyRoute = new ActivatedRouteSnapshot();
+    dummyRoute.url = [new UrlSegment(urlPath, {})];
+    const dummyState = {
+        url: urlPath,
+        root: new ActivatedRouteSnapshot(),
+    };
+    return () => guard(dummyRoute, dummyState);
+}
+
+/**
+ * Converts an Observable result to a Promise.
+ * @param result The Observable result to handle.
+ * @returns A Promise that resolves with the value of the Observable.
+ */
+function handleObservableResult(result) {
+    return new Promise((resolve) => {
+        result.subscribe((value) => {
+            resolve(value);
+        });
+    });
+}
+
+/**
+ * Runs an authentication guard function within the injection context of TestBed.
+ *
+ * @param authGuard - The authentication guard function to run.
+ * @returns A promise that resolves to a boolean or UrlTree indicating whether the user is authenticated.
+ */
+async function runAuthGuardWithContext(authGuard) {
+    const result = TestBed.runInInjectionContext(authGuard);
+    const authenticated = result instanceof Observable ? await handleObservableResult(result) : result;
+    return authenticated;
+}
+
+async function runHasFlowStateGuardWithContext(hasFlowStateGuard) {
+    const result = TestBed.runInInjectionContext(hasFlowStateGuard);
+    const emptyFlow = result instanceof Observable ? await handleObservableResult(result) : result;
+    return emptyFlow;
+}
+
+// GUARDS
+
+const httpErrorInterceptor = (req, next) => {
+    const globalStore = inject(GlobalStore);
+    const appInsightsService = inject(AppInsightsService);
+    return next(req).pipe(tap(() => {
+        // Clear the state service on new requests
+        globalStore.setError({ error: false, message: '' });
+    }), catchError((error) => {
+        // Ensure ErrorEvent is handled only in browser environments
+        const isBrowser = typeof window !== 'undefined';
+        const isErrorEvent = isBrowser && typeof ErrorEvent !== 'undefined' && error.error instanceof ErrorEvent;
+        const errorMessage = isErrorEvent ? `Error: ${error.error.message}` : `Error: ${error.message}`;
+        globalStore.setError({
+            error: true,
+            message: errorMessage,
+        });
+        appInsightsService.logException(error);
+        return throwError(() => error);
+    }));
+};
+
+class AccessDeniedComponent {
+    router = inject(Router);
+    handleGoBackButtonClick() {
+        // For now, test page will act as our 'Dashboard' page
+        this.router.navigate(['/']);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n" }]
+        }] });
+
+var accessDenied_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AccessDeniedComponent: AccessDeniedComponent
+});
+
+class SignInSsoComponent {
+    signInButtonClick = new EventEmitter();
+    /**
+     * Handles the button click event.
+     * Emits the `signInButtonClick` event.
+     */
+    handleButtonClick() {
+        this.signInButtonClick.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignInSsoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: SignInSsoComponent, isStandalone: true, selector: "opal-lib-sign-in-sso", outputs: { signInButtonClick: "signInButtonClick" }, ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-m\">Sign in</h1>\n  <p class=\"govuk-body\">Please sign in to continue using the application</p>\n\n  <p class=\"govuk-body\">\n    <opal-lib-govuk-button buttonId=\"signInButton\" (buttonClickEvent)=\"handleButtonClick()\">\n      Sign in</opal-lib-govuk-button\n    >\n  </p>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignInSsoComponent, decorators: [{
+            type: Component,
+            args: [{ standalone: true, selector: 'opal-lib-sign-in-sso', imports: [CommonModule, GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-m\">Sign in</h1>\n  <p class=\"govuk-body\">Please sign in to continue using the application</p>\n\n  <p class=\"govuk-body\">\n    <opal-lib-govuk-button buttonId=\"signInButton\" (buttonClickEvent)=\"handleButtonClick()\">\n      Sign in</opal-lib-govuk-button\n    >\n  </p>\n</div>\n" }]
+        }], propDecorators: { signInButtonClick: [{
+                type: Output
+            }] } });
+
+class SignInComponent {
+    globalStore = inject(GlobalStore);
+    ssoEnabled = true;
+    document = inject(DOCUMENT);
+    changeDetectorRef = inject(ChangeDetectorRef);
+    /**
+     * Handles the login button click event.
+     */
+    handleSsoSignInButtonClick() {
+        this.document.location.href = SSO_ENDPOINTS.login;
+    }
+    /**
+     * Handles the submission of the stub sign-in form.
+     * Redirects the user to the SSO login page with the provided email.
+     * @param formData - The form data containing the email.
+     */
+    handleStubSignInFormSubmit(formData) {
+        this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;
+    }
+    ngOnInit() {
+        // This is to prevent a load flicker when switching between sso/stub sign in
+        this.ssoEnabled = this.globalStore.ssoEnabled();
+        this.changeDetectorRef.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !ssoEnabled) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n} @placeholder {\n  <opal-lib-sign-in-sso (signInButtonClick)=\"handleSsoSignInButtonClick()\"></opal-lib-sign-in-sso>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: SignInSsoComponent, selector: "opal-lib-sign-in-sso", outputs: ["signInButtonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-sign-in-stub.component-CysPzJGJ.mjs').then(m => m.SignInStubComponent)]] });
+}
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "18.2.13", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-CysPzJGJ.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
+                type: Component,
+                args: [{ standalone: true, selector: 'opal-lib-sign-in', imports: [CommonModule, SignInSsoComponent, SignInStubComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@defer (when !ssoEnabled) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n} @placeholder {\n  <opal-lib-sign-in-sso (signInButtonClick)=\"handleSsoSignInButtonClick()\"></opal-lib-sign-in-sso>\n}\n" }]
+            }], ctorParameters: null, propDecorators: null }) });
+
+var signIn_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SignInComponent: SignInComponent
+});
+
+const PAGES_ROUTING_TITLES = {
+    root: '',
+    children: {
+        accessDenied: 'Access denied',
+        signIn: 'Sign in',
+        signInStub: 'Sign in',
+    },
+};
+
+/**
+ * Resolver function for retrieving the user state.
+ * @returns A promise that resolves to the user state.
+ */
+const userStateResolver = async () => {
+    // Weirdly angular suggests using async/await - https://angular.dev/api/router/ResolveFn?tab=usage-notes
+    return await firstValueFrom(inject(SessionService).getUserState());
+};
+
+class TitleResolver {
+    titleService;
+    constructor(titleService) {
+        this.titleService = titleService;
+    }
+    resolve(route) {
+        const title = route.data['title'] ?? 'Frontend';
+        this.titleService.setTitle(`OPAL - ${title}`);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TitleResolver, deps: [{ token: i1$2.Title }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TitleResolver, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TitleResolver, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1$2.Title }] });
+
+const routing = [
+    { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
+    {
+        path: PAGES_ROUTING_PATHS.children.accessDenied,
+        loadComponent: () => Promise.resolve().then(function () { return accessDenied_component; }).then((c) => c.AccessDeniedComponent),
+        canActivate: [authGuard],
+        data: { title: PAGES_ROUTING_TITLES.children.accessDenied },
+        resolve: { userState: userStateResolver, title: TitleResolver },
+    },
+    {
+        path: PAGES_ROUTING_PATHS.children.signIn,
+        loadComponent: () => Promise.resolve().then(function () { return signIn_component; }).then((c) => c.SignInComponent),
+        canActivate: [signedInGuard],
+        data: { title: PAGES_ROUTING_TITLES.children.signIn },
+        resolve: { title: TitleResolver },
+    },
+];
+
+function alphabeticalTextValidator() {
+    return (control) => {
+        const value = control.value;
+        if (value && !/^[a-zA-Z0-9'()*_., -]*$/.test(value)) {
+            return { alphabeticalTextPattern: { value: value } };
+        }
+        return null;
+    };
+}
+
+function amountValidator(maxIntegers, maxDecimals) {
+    return (control) => {
+        if (control.value === null || control.value === undefined || control.value === '') {
+            return null;
+        }
+        // Ensure the value is numerical, allowing only digits and optionally one decimal point
+        if (isNaN(control.value)) {
+            return { invalidAmountValue: true };
+        }
+        // Regex to match numbers with the specified integer and decimal places
+        const regex = new RegExp(`^-?(0|[1-9]\\d{0,${maxIntegers - 1}})(\\.\\d{0,${maxDecimals}})?$`);
+        return regex.test(control.value) ? null : { invalidAmount: true };
+    };
+}
+
+function dateAfterYearValidator(year) {
+    return (control) => {
+        if (control.value) {
+            const yearInput = Number(control.value.split('/')[2]);
+            if (yearInput <= year) {
+                return { invalidYear: { value: control.value } };
+            }
+        }
+        return null;
+    };
+}
+
+function dateBeforeValidator(targetDate) {
+    return (control) => {
+        const inputValue = control.value;
+        if (!inputValue || !targetDate) {
+            return null;
+        }
+        const [day, month, year] = inputValue.split('/').map(Number);
+        const inputDate = new Date(year, month - 1, day);
+        if (inputDate < targetDate) {
+            return { dateNotBefore: { value: inputValue } };
+        }
+        return null;
+    };
+}
+
+function dateOfBirthValidator() {
+    return (control) => {
+        const value = control.value;
+        if (value) {
+            const [day, month, year] = value.split('/').map((part) => parseInt(part, 10));
+            const date = new Date(year, month - 1, day);
+            // Check if the date is in the past
+            const today = new Date();
+            // Set the time of today to the start of the day to avoid time comparison issues
+            today.setHours(0, 0, 0, 0);
+            if (date >= today) {
+                return { invalidDateOfBirth: { value: value } };
+            }
+        }
+        return null;
+    };
+}
+
+function futureDateValidator() {
+    return (control) => {
+        if (control.value) {
+            const [day, month, year] = control.value.split('/');
+            const date = new Date(Date.parse(`${month}/${day}/${year}`));
+            // Check if the date is in the future
+            const today = new Date();
+            if (date >= today) {
+                return { invalidFutureDate: { value: control.value } };
+            }
+        }
+        return null;
+    };
+}
+
+function invalidValueValidator(invalidValues) {
+    return (control) => {
+        if (control.value === null || control.value === undefined || control.value === '') {
+            return null;
+        }
+        return invalidValues.some((value) => value === control.value) ? { valueInArray: true } : null;
+    };
+}
+
+function nationalInsuranceNumberValidator() {
+    return (control) => {
+        const value = control.value;
+        if (value) {
+            // Remove all spaces and convert to uppercase for uniformity
+            const cleanedValue = value.replace(/\s+/g, '').toUpperCase();
+            // Check if the cleaned value has exactly 9 characters and matches the National Insurance number format
+            const ninoRegex = /^[A-Z]{2}\d{6}[A-D]$/;
+            if (cleanedValue.length !== 9 || !ninoRegex.test(cleanedValue)) {
+                return { nationalInsuranceNumberPattern: { value: value } };
+            }
+        }
+        return null;
+    };
+}
+
+function numericalTextValidator() {
+    return (control) => {
+        const value = control.value;
+        if (value && !/^\d*$/.test(value)) {
+            return { numericalTextPattern: { value: value } };
+        }
+        return null;
+    };
+}
+
+function optionalMaxLengthValidator(maxLength) {
+    return (control) => {
+        if (control.value) {
+            return Validators.maxLength(maxLength)(control);
+        }
+        return null;
+    };
+}
+
+function optionalValidDateValidator() {
+    return (control) => {
+        const value = control.value;
+        if (value) {
+            // Check if the value matches the format dd/MM/yyyy
+            const dateRegex = /^(\d{2})\/(\d{2})\/(\d{4})$/;
+            const match = value.match(dateRegex);
+            if (!match) {
+                return { invalidDateFormat: { value: value } };
+            }
+            const [, day, month, year] = match;
+            // Check if the date is valid
+            const date = new Date(`${year}-${month}-${day}`);
+            if (date.getDate() !== parseInt(day, 10) ||
+                date.getMonth() + 1 !== parseInt(month, 10) ||
+                date.getFullYear() !== parseInt(year, 10)) {
+                return { invalidDate: { value: value } };
+            }
+        }
+        return null;
+    };
+}
+
+function optionalEmailAddressValidator() {
+    const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
+    return (control) => {
+        if (control.value) {
+            const valid = emailPattern.test(control.value);
+            return valid ? null : { emailPattern: { value: control.value } };
+        }
+        return null;
+    };
+}
+
+function optionalPhoneNumberValidator() {
+    const numericPattern = /^[\d\s]*$/;
+    return (control) => {
+        if (control.value) {
+            const valueWithoutSpaces = control.value.replace(/\s+/g, '');
+            const isValidPattern = numericPattern.test(control.value);
+            const isValidLength = valueWithoutSpaces.length === 11;
+            const valid = isValidPattern && isValidLength;
+            return valid ? null : { phoneNumberPattern: { value: control.value } };
+        }
+        return null;
+    };
+}
+
+/**
+ * Validates whether a date, constructed from provided form controls for day, month and year
+ * is at least 18 years in the past.
+ *
+ * @param dayControl - Name of the control for the day portion of the date
+ * @param monthControl - Name of the control for the month portion of the date
+ * @param yearControl  - Name of the control for the year portion of the date
+ * @param dateService - An instance of DateService
+ * @returns Validator function that returns null if the date is valid and the age is 18 years older,
+ * or an error object within { underEighteen: true } if under 18.
+ */
+const overEighteenValidator = (dayControl, monthControl, yearControl, dateService) => {
+    return (group) => {
+        const day = group.get(dayControl);
+        const month = group.get(monthControl);
+        const year = group.get(yearControl);
+        // Return if controls are not defined or values are not provided
+        if (!day || !month || !year || !day.value || !month.value || !year.value) {
+            return null;
+        }
+        // Format day and month to ensure two digits
+        const formattedDay = day.value.toString().padStart(2, '0');
+        const formattedMonth = month.value.toString().padStart(2, '0');
+        const formattedYear = year.value.toString();
+        // Create the date string in the format dd/MM/yyyy
+        const dateValue = `${formattedDay}/${formattedMonth}/${formattedYear}`;
+        const inputDate = dateService.getFromFormat(dateValue, 'dd/MM/yyyy');
+        if (inputDate.isValid) {
+            // Verify if the entered date is at least 18 years in the past
+            const underEighteen = inputDate.diffNow('years').years > -18;
+            if (underEighteen) {
+                year.setErrors({ underEighteen: true });
+                return { underEighteen: true };
+            }
+            else {
+                year.setErrors(null);
+                return null;
+            }
+        }
+        else {
+            return null;
+        }
+    };
+};
+
+function pastDateValidator() {
+    const today = new Date();
+    today.setHours(0, 0, 0, 0); // Set time to start of the day to avoid time comparison issues
+    return (control) => {
+        if (control.value) {
+            const [day, month, year] = control.value.split('/');
+            const date = new Date(Date.parse(`${month}/${day}/${year}`));
+            // Check if the date is in the past
+            if (date < today) {
+                return { invalidPastDate: { value: control.value } };
+            }
+        }
+        return null;
+    };
+}
+
+function specialCharactersValidator() {
+    const specialCharactersPattern = /\*/;
+    return (control) => {
+        if (control.value) {
+            const hasSpecialCharacters = specialCharactersPattern.test(control.value);
+            return hasSpecialCharacters ? { specialCharactersPattern: { value: control.value } } : null;
+        }
+        return null;
+    };
+}
+
+function twoDecimalPlacesValidator() {
+    return (control) => {
+        const value = control.value;
+        if (!value) {
+            return null; // No validation if empty
+        }
+        // Check if the value is a valid number with up to 2 decimal places
+        const decimalRegex = /^\d+(\.\d{0,2})?$/;
+        return decimalRegex.test(value) ? null : { invalidDecimal: true };
+    };
+}
+
+function validValueValidator(validValues) {
+    return (control) => {
+        if (control.value === null || control.value === undefined || control.value === '') {
+            return null;
+        }
+        return validValues.some((value) => value === control.value) ? null : { valueNotInArray: true };
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AccessDeniedComponent, AppInitializerService, AppInsightsService, AuthService, DateService, GOV_UI_COMPONENTS, GlobalStore, GovukButtonComponent, GovukTextInputComponent, LAUNCH_DARKLY_CHANGE_FLAGS_MOCK, LAUNCH_DARKLY_FLAGS_MOCK, LaunchDarklyService, OpalFrontendCommonModule, PermissionsService, SESSION_ENDPOINTS, SESSION_TOKEN_EXPIRY_MOCK, SESSION_USER_STATE_MOCK, SSO_ENDPOINTS, SessionService, SignInComponent, SortService, TRANSFER_STATE_APP_INSIGHTS_CONFIG_MOCK, TRANSFER_STATE_LAUNCH_DARKLY_CONFIG_MOCK, TRANSFER_STATE_MOCK, TitleResolver, TransferStateService, TransformationService, UtilsService, alphabeticalTextValidator, amountValidator, authGuard, canDeactivateGuard, dateAfterYearValidator, dateBeforeValidator, dateOfBirthValidator, futureDateValidator, getGuardWithDummyUrl, handleObservableResult, hasFlowStateGuard, httpErrorInterceptor, invalidValueValidator, nationalInsuranceNumberValidator, numericalTextValidator, optionalEmailAddressValidator, optionalMaxLengthValidator, optionalPhoneNumberValidator, optionalValidDateValidator, overEighteenValidator, pastDateValidator, routePermissionsGuard, routing, runAuthGuardWithContext, runHasFlowStateGuardWithContext, signedInGuard, specialCharactersValidator, twoDecimalPlacesValidator, userStateResolver, validValueValidator };
+//# sourceMappingURL=hmcts-opal-frontend-common.mjs.map