@hmcts/opal-frontend-common 0.0.90 → 0.0.92

package/fesm2022/hmcts-opal-frontend-common-services-opal-user-service.mjs

@@ -2,7 +2,7 @@ import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
 import { inject, Injectable } from '@angular/core';
 import { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';
-import { map, tap } from 'rxjs';
+import { of, map, filter, tap, catchError, throwError, finalize, shareReplay } from 'rxjs';
 
 const OPAL_USER_PATHS = {
     loggedInUserState: '/api/user-state',
@@ -22,12 +22,28 @@ const OPAL_USER_STATE_RESPONSE_STATUS = {
     DEACTIVATED: 'deactivated',
 };
 
+const USER_STATE_CACHE_TTL_HEADER = 'X-OPAL-User-State-Cache-TTL-Ms';
 class OpalUserService {
     http = inject(HttpClient);
     globalStore = inject(GlobalStore);
+    inFlightUserState$;
+    userStateRequestGeneration = 0;
+    userStateCacheExpiresAtMilliseconds = 0;
+    /**
+     * Converts the user-state API status into the service domain status.
+     *
+     * @param status - The status value returned by the user-state API.
+     * @returns The mapped domain status, or null when the API status is null.
+     */
     toOpalUserStatus(status) {
         return status ? OPAL_USER_STATE_RESPONSE_STATUS[status] : null;
     }
+    /**
+     * Gets the configured user-state domain from the global store.
+     *
+     * @returns The trimmed user-state domain.
+     * @throws When no non-blank user-state domain has been configured.
+     */
     getUserStateDomain() {
         const userStateDomain = this.globalStore.userStateDomain();
         if (typeof userStateDomain === 'string' && userStateDomain.trim()) {
@@ -37,6 +53,10 @@ class OpalUserService {
     }
     /**
      * Maps the Redis-backed user state response into the existing domain-specific user state shape.
+     *
+     * @param userState - The raw user-state API response.
+     * @returns The mapped user state for the configured domain.
+     * @throws When the response does not include the configured domain.
      */
     toOpalUserState(userState) {
         const userStateDomain = this.getUserStateDomain();
@@ -53,37 +73,126 @@ class OpalUserService {
             business_unit_users: userStateDomainState.business_unit_users,
         };
     }
+    /**
+     * Extracts the body from the observed user-state HTTP response.
+     *
+     * @param response - The full HTTP response from the user-state endpoint.
+     * @returns The response body.
+     * @throws When the response body is empty.
+     */
+    getUserStateResponseBody(response) {
+        if (!response.body) {
+            throw new Error('User state response body is required.');
+        }
+        return response.body;
+    }
+    /**
+     * Checks whether a user state can be used as a cached logged-in user.
+     *
+     * @param userState - The user state currently held in the global store.
+     * @returns True when the user state contains a positive numeric user ID.
+     */
+    isValidCachedUserState(userState) {
+        return typeof userState.user_id === 'number' && userState.user_id > 0;
+    }
+    /**
+     * Gets the current cached user state when it is populated and unexpired.
+     *
+     * @returns The cached user state, or null when the cache is empty or expired.
+     */
+    getCachedUserState() {
+        const userState = this.globalStore.userState();
+        if (this.isValidCachedUserState(userState) && Date.now() < this.userStateCacheExpiresAtMilliseconds) {
+            return userState;
+        }
+        return null;
+    }
+    /**
+     * Calculates the local cache TTL from the response header and configured maximum TTL.
+     *
+     * @param response - The full HTTP response from the user-state endpoint.
+     * @returns The TTL in milliseconds. A zero response header expires the local cache immediately.
+     */
+    getUserStateCacheTtlMilliseconds(response) {
+        const configuredTtlMilliseconds = this.globalStore.userStateCacheExpirationMilliseconds();
+        const responseTtlHeader = response.headers.get(USER_STATE_CACHE_TTL_HEADER);
+        if (responseTtlHeader === null) {
+            return configuredTtlMilliseconds;
+        }
+        const responseTtlMilliseconds = Number(responseTtlHeader);
+        if (Number.isFinite(responseTtlMilliseconds) && responseTtlMilliseconds >= 0) {
+            return Math.min(responseTtlMilliseconds, configuredTtlMilliseconds);
+        }
+        return configuredTtlMilliseconds;
+    }
+    /**
+     * Invalidates local cache controls and marks existing in-flight requests as stale.
+     */
+    clearLocalUserStateCache() {
+        this.userStateRequestGeneration += 1;
+        this.userStateCacheExpiresAtMilliseconds = 0;
+        this.inFlightUserState$ = undefined;
+    }
     /**
      * Retrieves the logged-in user's state as an observable.
      *
-     * The frontend user-state endpoint is backed by Redis, so this service does not maintain its own cache.
+     * Uses the global store as a local cache until the effective user-state TTL expires, shares concurrent HTTP
+     * requests, and ignores stale responses after the local cache has been invalidated.
      *
      * @returns {Observable<IOpalUserState>} An observable that emits the logged-in user's state.
      */
     getLoggedInUserState() {
-        return this.http.get(OPAL_USER_PATHS.loggedInUserState).pipe(map((userState) => this.toOpalUserState(userState)), tap((userState) => this.globalStore.setUserState(userState)));
+        const cachedUserState = this.getCachedUserState();
+        if (cachedUserState) {
+            return of(cachedUserState);
+        }
+        if (this.inFlightUserState$) {
+            return this.inFlightUserState$;
+        }
+        const requestGeneration = this.userStateRequestGeneration;
+        this.inFlightUserState$ = this.http
+            .get(OPAL_USER_PATHS.loggedInUserState, { observe: 'response' })
+            .pipe(map((response) => ({
+            userState: this.toOpalUserState(this.getUserStateResponseBody(response)),
+            userStateCacheTtlMilliseconds: this.getUserStateCacheTtlMilliseconds(response),
+            requestGeneration,
+        })), filter(({ requestGeneration }) => requestGeneration === this.userStateRequestGeneration), tap(({ userState, userStateCacheTtlMilliseconds }) => {
+            this.globalStore.setUserState(userState);
+            this.userStateCacheExpiresAtMilliseconds = Date.now() + userStateCacheTtlMilliseconds;
+        }), map(({ userState }) => userState), catchError((error) => {
+            if (requestGeneration === this.userStateRequestGeneration) {
+                this.userStateCacheExpiresAtMilliseconds = 0;
+            }
+            return throwError(() => error);
+        }), finalize(() => {
+            if (requestGeneration === this.userStateRequestGeneration) {
+                this.inFlightUserState$ = undefined;
+            }
+        }), shareReplay(1));
+        return this.inFlightUserState$;
     }
     /**
-     * Resets the global store user to an empty object.
+     * Clears the global store user state and invalidates local user-state cache controls.
      *
-     * Useful for logout/identity switches to avoid reusing stale state.
+     * Useful for logout and identity switches to avoid reusing stale state or accepting stale in-flight responses.
      */
     clearUserStateCache() {
         this.globalStore.setUserState({});
+        this.clearLocalUserStateCache();
     }
     /**
-     * Fetches the latest user state from the Redis-backed frontend endpoint.
+     * Fetches the latest user state from the Redis-backed frontend endpoint, bypassing the current local cache.
      *
      * @returns An Observable that emits the current {@link IOpalUserState}.
      */
     refreshUserState() {
-        this.clearUserStateCache();
+        this.clearLocalUserStateCache();
         return this.getLoggedInUserState();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OpalUserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OpalUserService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OpalUserService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OpalUserService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: OpalUserService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: OpalUserService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-services-permissions-service.mjs

@@ -51,10 +51,10 @@ class PermissionsService {
         // if we don't have any roles, we can't have any permissions
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-session-service.mjs

@@ -25,10 +25,10 @@ class SessionService {
         }), shareReplay(1));
         return this.tokenExpiryCache$;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SessionService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SessionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SessionService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SessionService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SessionService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-services-sort-service.mjs

@@ -79,10 +79,10 @@ class SortService {
     arraySortDesc(array) {
         return sort(array).desc();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SortService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SortService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SortService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SortService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-transfer-state-service.mjs

@@ -82,10 +82,10 @@ class TransferStateService {
             this.globalStore.setFeatureFlags(featureFlagConfig.releases);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransferStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransferStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransferStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransferStateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-transformation-service.mjs

@@ -89,10 +89,10 @@ class TransformationService {
         }
         return result;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransformationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransformationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TransformationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TransformationService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/hmcts-opal-frontend-common-services-utils-service.mjs

@@ -153,10 +153,10 @@ class UtilsService {
     hasSetProperty(value) {
         return Object.values(value ?? {}).some((v) => (typeof v === 'boolean' ? v === true : v !== null && v !== ''));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UtilsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: UtilsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: UtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: UtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

package/fesm2022/{hmcts-opal-frontend-common-sign-in-stub.component-Cxvc5NV2.mjs → hmcts-opal-frontend-common-sign-in-stub.component-Cnlwqv_f.mjs}

@@ -28,10 +28,10 @@ class SignInStubComponent {
     ngOnInit() {
         this.setupSignInForm();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "control"] }, { kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: SignInStubComponent, isStandalone: true, selector: "opal-lib-sign-in-stub", outputs: { signInFormSubmit: "signInFormSubmit" }, ngImport: i0, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: GovukTextInputComponent, selector: "opal-lib-govuk-text-input", inputs: ["labelText", "labelClasses", "inputId", "inputName", "inputClasses", "hintText", "hintHtml", "errors", "control"] }, { 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: "21.2.17", ngImport: i0, type: SignInStubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SignInStubComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-sign-in-stub', imports: [FormsModule, ReactiveFormsModule, GovukTextInputComponent, GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<form (submit)=\"handleFormSubmit()\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <fieldset class=\"govuk-fieldset\">\n      <legend class=\"govuk-fieldset__legend govuk-fieldset__legend--m\">\n        <h1 class=\"govuk-fieldset__heading\">Sign in</h1>\n      </legend>\n\n      <div [formGroup]=\"signInForm\">\n        <opal-lib-govuk-text-input\n          labelText=\"Email\"\n          inputId=\"email\"\n          inputName=\"email\"\n          inputClasses=\"govuk-!-width-one-half\"\n          [control]=\"signInForm.controls['email']\"\n        ></opal-lib-govuk-text-input>\n      </div>\n    </fieldset>\n    <div class=\"govuk-grid-row\">\n      <div class=\"govuk-grid-column-one-third\">\n        <opal-lib-govuk-button buttonId=\"submitForm\" type=\"submit\"> Sign in</opal-lib-govuk-button>\n      </div>\n    </div>\n  </div>\n</form>\n" }]
         }], propDecorators: { signInFormSubmit: [{
@@ -39,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImpo
             }] } });
 
 export { SignInStubComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-Cxvc5NV2.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-Cnlwqv_f.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-sign-in.component-jf34_3Vv.mjs → hmcts-opal-frontend-common-sign-in.component-DIZlLA6t.mjs}

@@ -16,13 +16,13 @@ class SignInComponent {
     handleStubSignInFormSubmit(formData) {
         this.document.location.href = `${SSO_ENDPOINTS.login}?email=${formData.email}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-sign-in-stub.component-Cxvc5NV2.mjs').then(m => m.SignInStubComponent)]] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: SignInComponent, isStandalone: true, selector: "opal-lib-sign-in", ngImport: i0, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./hmcts-opal-frontend-common-sign-in-stub.component-Cnlwqv_f.mjs').then(m => m.SignInStubComponent)]] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.17", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-Cxvc5NV2.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.18", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-Cnlwqv_f.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'opal-lib-sign-in', imports: [SignInStubComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "@defer (when !globalStore.ssoEnabled()) {\n  <opal-lib-sign-in-stub (signInFormSubmit)=\"handleStubSignInFormSubmit($event)\"></opal-lib-sign-in-stub>\n}\n" }]
             }], ctorParameters: null, propDecorators: null }) });
 
 export { SignInComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-sign-in.component-jf34_3Vv.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in.component-DIZlLA6t.mjs.map

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

@@ -35,39 +35,39 @@ const routing = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
     {
         path: PAGES_ROUTING_PATHS.children.accessDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-DNNxndx-.mjs').then((c) => c.AccessDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-BCLRLZqh.mjs').then((c) => c.AccessDeniedComponent),
         canActivate: [authGuard, accountGuard],
         data: { title: PAGES_ROUTING_TITLES.children.accessDenied },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.concurrencyFailure,
-        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-UnC_Qex5.mjs').then((c) => c.ConcurrencyFailureComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-CdkYMvv-.mjs').then((c) => c.ConcurrencyFailureComponent),
         data: { title: PAGES_ROUTING_TITLES.children.concurrencyFailure },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.permissionDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-ClXrjyA5.mjs').then((c) => c.PermissionDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-BPb5CZQD.mjs').then((c) => c.PermissionDeniedComponent),
         data: { title: PAGES_ROUTING_TITLES.children.permissionDenied },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.internalServerError,
-        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-Cj-ueGWj.mjs').then((c) => c.InternalServerErrorComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-CinCBLVo.mjs').then((c) => c.InternalServerErrorComponent),
         data: { title: PAGES_ROUTING_TITLES.children.internalServerError },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.signIn,
-        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-jf34_3Vv.mjs').then((c) => c.SignInComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-DIZlLA6t.mjs').then((c) => c.SignInComponent),
         canActivate: [signedInGuard],
         data: { title: PAGES_ROUTING_TITLES.children.signIn },
         resolve: { title: TitleResolver },
     },
     {
         path: PAGES_ROUTING_PATHS.children.accountCreated,
-        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-3MER1dhS.mjs').then((c) => c.AccountCreated),
+        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-D0g9FjWl.mjs').then((c) => c.AccountCreated),
         canActivate: [authGuard],
         data: { title: PAGES_ROUTING_TITLES.children.accountCreated },
         resolve: { title: TitleResolver },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmcts/opal-frontend-common",
-  "version": "0.0.90",
+  "version": "0.0.92",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@microsoft/applicationinsights-web": "^3.3.6",
-    "@ministryofjustice/frontend": "^9.0.0",
+    "@ministryofjustice/frontend": "^10.0.0",
     "accessible-autocomplete": "^3.0.1",
     "fast-sort": "^3.4.1",
     "govuk-frontend": "^6.0.0",
@@ -126,6 +126,31 @@
       "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-sortable-table-pagination.mjs"
     },
+    "./components/abstract/abstract-report-instances-table-base": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.mjs"
+    },
+    "./components/abstract/abstract-report-summary-list-base": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base.mjs"
+    },
+    "./components/abstract/abstract-report-summary-list-base/constants": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.mjs"
+    },
+    "./components/abstract/abstract-report-summary-list-base/interfaces": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.mjs"
+    },
+    "./components/abstract/abstract-report-summary-list-base/types": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.mjs"
+    },
     "./components/abstract/abstract-tab-data": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.mjs",
       "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-tab-data.d.ts",

package/types/hmcts-opal-frontend-common-components-abstract-abstract-report-instances-table-base.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from '@angular/core';
+import { IAbstractTableData } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/interfaces';
+import { SortableValuesType } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table/types';
+import { AbstractSortableTablePaginationComponent } from '@hmcts/opal-frontend-common/components/abstract/abstract-sortable-table-pagination';
+
+declare abstract class AbstractReportInstancesTableBaseComponent<TTableData extends IAbstractTableData<SortableValuesType>> extends AbstractSortableTablePaginationComponent {
+    set tableData(tableData: TTableData[]);
+    paginatedTableDataComputed: i0.Signal<TTableData[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractReportInstancesTableBaseComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AbstractReportInstancesTableBaseComponent<any>, "ng-component", never, { "tableData": { "alias": "tableData"; "required": true; }; }, {}, never, never, true, never>;
+}
+
+export { AbstractReportInstancesTableBaseComponent };

package/types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-constants.d.ts

@@ -0,0 +1,21 @@
+declare const ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS = "last7Days";
+declare const ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS = "customDays";
+declare const ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE = "dateRange";
+declare const ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE: {
+    readonly dateFilter: "last7Days";
+    readonly days: "";
+    readonly dateFrom: "";
+    readonly dateTo: "";
+};
+
+declare const ABSTRACT_REPORT_SUMMARY_LIST_STATUS: {
+    readonly requested: "REQUESTED";
+    readonly ready: "READY";
+    readonly inProgress: "IN_PROGRESS";
+};
+declare const ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY: {
+    readonly inProgress: "In progress";
+    readonly noContent: "No content";
+};
+
+export { ABSTRACT_REPORT_SUMMARY_LIST_CUSTOM_DAYS, ABSTRACT_REPORT_SUMMARY_LIST_DATE_RANGE, ABSTRACT_REPORT_SUMMARY_LIST_FILTER_STATE, ABSTRACT_REPORT_SUMMARY_LIST_LAST_7_DAYS, ABSTRACT_REPORT_SUMMARY_LIST_STATUS, ABSTRACT_REPORT_SUMMARY_LIST_STATUS_DISPLAY };

package/types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-interfaces.d.ts

@@ -0,0 +1,34 @@
+import { AbstractReportSummaryListDateFilter } from '@hmcts/opal-frontend-common/components/abstract/abstract-report-summary-list-base/types';
+
+interface IAbstractReportSummaryListDateFieldIds {
+    days: string;
+    dateFrom: string;
+    dateTo: string;
+}
+
+interface IAbstractReportSummaryListDateFormats {
+    input: string;
+    output: string;
+}
+
+interface IAbstractReportSummaryListDateValidationMessages {
+    customDaysRequired: string;
+    dateRangeRequired: string;
+    invalidDate: string;
+    futureDate: string;
+    dateFromAfterDateTo: string;
+}
+
+interface IAbstractReportSummaryListFilterState {
+    dateFilter: AbstractReportSummaryListDateFilter;
+    days: string;
+    dateFrom: string;
+    dateTo: string;
+}
+
+interface IAbstractReportSummaryListQueryState {
+    fromDate: string | null;
+    toDate: string | null;
+}
+
+export type { IAbstractReportSummaryListDateFieldIds, IAbstractReportSummaryListDateFormats, IAbstractReportSummaryListDateValidationMessages, IAbstractReportSummaryListFilterState, IAbstractReportSummaryListQueryState };

package/types/hmcts-opal-frontend-common-components-abstract-abstract-report-summary-list-base-types.d.ts

@@ -0,0 +1,3 @@
+type AbstractReportSummaryListDateFilter = 'last7Days' | 'customDays' | 'dateRange';
+
+export type { AbstractReportSummaryListDateFilter };