@hmcts/opal-frontend-common 0.0.68 → 0.0.70

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

@@ -59,10 +59,10 @@ class TransferStateService {
     initializeUserStateCacheExpirationMilliseconds() {
         this.globalStore.setUserStateCacheExpirationMilliseconds(this.storedServerTransferState?.userStateCacheExpirationMilliseconds);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TransferStateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TransferStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TransferStateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TransferStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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.6", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TransformationService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TransformationService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TransformationService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: TransformationService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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.6", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UtilsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UtilsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: UtilsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UtilsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

@@ -28,10 +28,10 @@ class SignInStubComponent {
     ngOnInit() {
         this.setupSignInForm();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", 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.9", ngImport: i0, type: SignInStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.9", 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.6", ngImport: i0, type: SignInStubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", 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.6", ngImpor
             }] } });
 
 export { SignInStubComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-B87UHy9K.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in-stub.component-D5UPbfzg.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-sign-in.component-BjLHMHMm.mjs → hmcts-opal-frontend-common-sign-in.component-2PRkWCks.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.6", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", 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-B87UHy9K.mjs').then(m => m.SignInStubComponent)]] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SignInComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", 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-D5UPbfzg.mjs').then(m => m.SignInStubComponent)]] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.6", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-B87UHy9K.mjs').then(m => m.SignInStubComponent)], resolveMetadata: SignInStubComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.2.9", ngImport: i0, type: SignInComponent, resolveDeferredDeps: () => [import('./hmcts-opal-frontend-common-sign-in-stub.component-D5UPbfzg.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-BjLHMHMm.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-sign-in.component-2PRkWCks.mjs.map

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

@@ -32,39 +32,39 @@ const routing = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
     {
         path: PAGES_ROUTING_PATHS.children.accessDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-B14ZVnte.mjs').then((c) => c.AccessDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-access-denied.component-B0B6bW4r.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-CQS1DbQQ.mjs').then((c) => c.ConcurrencyFailureComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-concurrency-failure.component-D7ZtdMmU.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-DYa3iGTj.mjs').then((c) => c.PermissionDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-permission-denied.component-Ct3xXyqx.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-lCp06yT-.mjs').then((c) => c.InternalServerErrorComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-internal-server-error.component-DMYJrIfz.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-BjLHMHMm.mjs').then((c) => c.SignInComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-sign-in.component-2PRkWCks.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-DMjRN8Y1.mjs').then((c) => c.AccountCreated),
+        loadComponent: () => import('./hmcts-opal-frontend-common-account-created.component-D4VJLcba.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.68",
+  "version": "0.0.70",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -151,6 +151,11 @@
       "types": "./types/hmcts-opal-frontend-common-components-abstract-interfaces.d.ts",
       "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-interfaces.mjs"
     },
+    "./components/abstract/abstract-account-summary-base": {
+      "import": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-account-summary-base.mjs",
+      "types": "./types/hmcts-opal-frontend-common-components-abstract-abstract-account-summary-base.d.ts",
+      "default": "./fesm2022/hmcts-opal-frontend-common-components-abstract-abstract-account-summary-base.mjs"
+    },
     "./components/alphagov/alphagov-accessible-autocomplete": {
       "import": "./fesm2022/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.mjs",
       "types": "./types/hmcts-opal-frontend-common-components-alphagov-alphagov-accessible-autocomplete.d.ts",

package/styles/styles.scss

@@ -90,7 +90,7 @@ opal-lib-govuk-footer {
 }
 
 .govuk-lighter-blue-background-colour {
-  background-color: govuk-tint(govuk-colour('blue', $variant: 'tint-25'), 50);
+  background-color: govuk-colour('blue', $variant: 'tint-80');
 }
 
 .govuk-blue-background-colour {

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

@@ -0,0 +1,100 @@
+import * as _hmcts_opal_frontend_common_stores_global_interfaces from '@hmcts/opal-frontend-common/stores/global/interfaces';
+import * as _hmcts_opal_frontend_common_services_session_service_interfaces from '@hmcts/opal-frontend-common/services/session-service/interfaces';
+import * as _hmcts_opal_frontend_common_services_transfer_state_service_interfaces from '@hmcts/opal-frontend-common/services/transfer-state-service/interfaces';
+import * as _hmcts_opal_frontend_common_services_opal_user_service_interfaces from '@hmcts/opal-frontend-common/services/opal-user-service/interfaces';
+import * as launchdarkly_js_sdk_common from 'launchdarkly-js-sdk-common';
+import * as _ngrx_signals from '@ngrx/signals';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+import { Subject, Observable } from 'rxjs';
+import { AbstractTabData } from '@hmcts/opal-frontend-common/components/abstract/abstract-tab-data';
+import { PermissionsService } from '@hmcts/opal-frontend-common/services/permissions-service';
+
+declare abstract class AbstractAccountSummaryBaseComponent<THeader, TTab extends {
+    version: string | null;
+}> extends AbstractTabData implements OnInit, OnDestroy {
+    protected readonly destroy$: Subject<void>;
+    protected readonly refreshFragment$: Subject<string>;
+    protected readonly permissionsService: PermissionsService;
+    protected readonly globalStore: {
+        authenticated: _angular_core.Signal<boolean>;
+        bannerError: _ngrx_signals.DeepSignal<{
+            error: boolean | null;
+            title: string | null;
+            message: string | null;
+            operationId: string | null;
+        }>;
+        featureFlags: _angular_core.Signal<launchdarkly_js_sdk_common.LDFlagSet>;
+        userState: _ngrx_signals.DeepSignal<_hmcts_opal_frontend_common_services_opal_user_service_interfaces.IOpalUserState>;
+        ssoEnabled: _angular_core.Signal<boolean>;
+        launchDarklyConfig: _ngrx_signals.DeepSignal<_hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateLaunchDarklyConfig>;
+        appInsightsConfig: _ngrx_signals.DeepSignal<_hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateAppInsightsConfig>;
+        tokenExpiry: _ngrx_signals.DeepSignal<_hmcts_opal_frontend_common_services_session_service_interfaces.ISessionTokenExpiry>;
+        userStateCacheExpirationMilliseconds: _angular_core.Signal<number>;
+        setAuthenticated: (authenticated: boolean) => void;
+        setBannerError: (error: _hmcts_opal_frontend_common_stores_global_interfaces.IGlobalErrorState) => void;
+        resetBannerError: () => void;
+        setFeatureFlags: (featureFlags: launchdarkly_js_sdk_common.LDFlagSet) => void;
+        setUserState: (userState: _hmcts_opal_frontend_common_services_opal_user_service_interfaces.IOpalUserState) => void;
+        setSsoEnabled: (ssoEnabled: boolean) => void;
+        setLaunchDarklyConfig: (config: _hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateLaunchDarklyConfig) => void;
+        setAppInsightsConfig: (config: _hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateAppInsightsConfig) => void;
+        setTokenExpiry: (tokenExpiry: _hmcts_opal_frontend_common_services_session_service_interfaces.ISessionTokenExpiry) => void;
+        setUserStateCacheExpirationMilliseconds: (milliseconds: number) => void;
+    } & _ngrx_signals.StateSource<{
+        authenticated: boolean;
+        bannerError: {
+            error: boolean | null;
+            title: string | null;
+            message: string | null;
+            operationId: string | null;
+        };
+        featureFlags: launchdarkly_js_sdk_common.LDFlagSet;
+        userState: _hmcts_opal_frontend_common_services_opal_user_service_interfaces.IOpalUserState;
+        ssoEnabled: boolean;
+        launchDarklyConfig: _hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateLaunchDarklyConfig;
+        appInsightsConfig: _hmcts_opal_frontend_common_services_transfer_state_service_interfaces.ITransferStateAppInsightsConfig;
+        tokenExpiry: _hmcts_opal_frontend_common_services_session_service_interfaces.ISessionTokenExpiry;
+        userStateCacheExpirationMilliseconds: number;
+    }>;
+    protected readonly userState: _hmcts_opal_frontend_common_services_opal_user_service_interfaces.IOpalUserState;
+    accountData: THeader;
+    protected abstract setupTabDataStream(): void;
+    protected abstract getHeaderDataFromRoute(): void;
+    protected abstract getHeaderData(accountId: number): Observable<THeader>;
+    protected abstract transformHeaderForStore(accountId: number, header: THeader): void;
+    protected abstract transformHeaderForView(header: THeader): THeader;
+    /**
+     * Fetches tab data and compares its version.
+     * @param serviceCall The observable service call to fetch the tab data.
+     * @param compareVersion A callback function to compare the version of the fetched data.
+     * @returns An observable of the transformed tab data.
+     */
+    protected fetchTabData(serviceCall: Observable<TTab>, compareVersion: (version: string | null) => void): Observable<TTab>;
+    protected transformTabData(data: TTab): TTab;
+    /**
+     * Checks if the user has the specified permission.
+     * @param permission The permission to check.
+     * @returns True if the user has the permission, false otherwise.
+     */
+    hasPermission(permission: number): boolean;
+    /**
+     * Checks if the user has the specified permission for a specific business unit.
+     * @param permission The permission to check.
+     * @param businessUnitId The ID of the business unit.
+     * @returns True if the user has the permission for the business unit, false otherwise.
+     */
+    hasBusinessUnitPermission(permission: number, businessUnitId: number): boolean;
+    /**
+     * Refreshes the page with the latest header data.
+     * @param accountId The ID of the account.
+     * @param onSuccess A callback function to execute on successful data fetch.
+     */
+    refreshPage(accountId: number, onSuccess: (header: THeader) => void): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AbstractAccountSummaryBaseComponent<any, any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AbstractAccountSummaryBaseComponent<any, any>, "ng-component", never, {}, {}, never, never, true, never>;
+}
+
+export { AbstractAccountSummaryBaseComponent };

package/types/hmcts-opal-frontend-common-components-govuk-govuk-radio.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from '@angular/core';
+import { OnDestroy } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 
 declare class GovukRadiosConditionalComponent {
@@ -65,8 +66,10 @@ declare class GovukRadiosItemComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadiosItemComponent, "opal-lib-govuk-radios-item, [opal-lib-govuk-radios-item]", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "inputValue": { "alias": "inputValue"; "required": true; }; "inputValueHint": { "alias": "inputValueHint"; "required": false; }; "ariaControls": { "alias": "ariaControls"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, {}, never, never, true, never>;
 }
 
-declare class GovukRadioComponent {
+declare class GovukRadioComponent implements OnDestroy {
     private readonly elementRef;
+    private readonly nextRenderRef;
+    private isDestroyed;
     fieldSetId: string;
     legendText: string;
     legendHint: string;
@@ -79,6 +82,10 @@ declare class GovukRadioComponent {
      */
     get describedBy(): string | null;
     constructor();
+    /**
+     * Runs the post-render radios initialization unless the component has already been destroyed.
+     */
+    private handleAfterNextRender;
     /**
      * Initializes govuk-frontend radios behavior for this component's radio group.
      * Side effects: dynamically imports govuk-frontend, mutates dataset, logs warnings on fallback.
@@ -89,6 +96,7 @@ declare class GovukRadioComponent {
      * Wrapped for testability so unit tests can stub the dynamic import.
      */
     protected loadGovukFrontend(): Promise<any>;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GovukRadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<GovukRadioComponent, "opal-lib-govuk-radio", never, { "fieldSetId": { "alias": "fieldSetId"; "required": true; }; "legendText": { "alias": "legendText"; "required": false; }; "legendHint": { "alias": "legendHint"; "required": false; }; "legendClasses": { "alias": "legendClasses"; "required": false; }; "radioClasses": { "alias": "radioClasses"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/types/hmcts-opal-frontend-common-components-moj-moj-date-picker.d.ts

@@ -1,10 +1,12 @@
 import * as i0 from '@angular/core';
-import { OnInit, EventEmitter } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
 import { AbstractControl, FormControl } from '@angular/forms';
 
-declare class MojDatePickerComponent implements OnInit {
+declare class MojDatePickerComponent implements OnInit, OnDestroy {
     private readonly dateService;
     private _control;
+    private readonly nextRenderRef;
+    private isDestroyed;
     disabledDatesConcatenated: string;
     labelText: string;
     labelClasses: string;
@@ -22,6 +24,10 @@ declare class MojDatePickerComponent implements OnInit {
     get getControl(): FormControl<any>;
     get describedBy(): string | null;
     constructor();
+    /**
+     * Runs the post-render date picker setup unless the component has already been destroyed.
+     */
+    private handleAfterNextRender;
     /**
      * Retrieves the disabled dates and concatenates them into a single string.
      */
@@ -44,6 +50,7 @@ declare class MojDatePickerComponent implements OnInit {
      */
     configureDatePicker(): void;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MojDatePickerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MojDatePickerComponent, "opal-lib-moj-date-picker", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelClasses": { "alias": "labelClasses"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "inputId": { "alias": "inputId"; "required": true; }; "inputName": { "alias": "inputName"; "required": true; }; "inputClasses": { "alias": "inputClasses"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "disabledDates": { "alias": "disabledDates"; "required": false; }; "disabledDays": { "alias": "disabledDays"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "control": { "alias": "control"; "required": true; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
 }