@hmcts/opal-frontend-common 0.0.89 → 0.0.91

package/fesm2022/{hmcts-opal-frontend-common-pages-concurrency-failure.component-UnC_Qex5.mjs → hmcts-opal-frontend-common-pages-concurrency-failure.component-CdkYMvv-.mjs}

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class ConcurrencyFailureComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-concurrency-failure', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem</h1>\n  <p class=\"govuk-body\">Something else was changed while you were doing this.</p>\n  <p class=\"govuk-body\">Your changes have not been saved. You will need to start again.</p>\n</div>\n" }]
         }] });
 
 export { ConcurrencyFailureComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-concurrency-failure.component-UnC_Qex5.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-concurrency-failure.component-CdkYMvv-.mjs.map

package/fesm2022/hmcts-opal-frontend-common-pages-dashboard-page.mjs

@@ -44,10 +44,10 @@ class DashboardPage {
         }))
             .filter((group) => group.links.length > 0);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DashboardPage, isStandalone: true, selector: "opal-lib-dashboard-page", inputs: { dashboardConfig: "dashboardConfig" }, ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MojInsetTextComponent, selector: "opal-lib-moj-inset-text", inputs: ["id", "classes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DashboardPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.18", type: DashboardPage, isStandalone: true, selector: "opal-lib-dashboard-page", inputs: { dashboardConfig: "dashboardConfig" }, ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: MojInsetTextComponent, selector: "opal-lib-moj-inset-text", inputs: ["id", "classes"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DashboardPage, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DashboardPage, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-dashboard-page', imports: [RouterModule, MojInsetTextComponent, NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">{{ dashboardConfig.title }}</h1>\n  @if (visibleHighlights.length > 0) {\n    <ul class=\"govuk-list\">\n      @for (highlight of visibleHighlights; track highlight.id) {\n        <li>\n          @if (highlight.style) {\n            <opal-lib-moj-inset-text [id]=\"highlight.id\" [classes]=\"highlight.style\">\n              <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n            </opal-lib-moj-inset-text>\n          } @else {\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: highlight }\"></ng-container>\n          }\n        </li>\n      }\n    </ul>\n  }\n  @if (visibleGroups.length > 0) {\n    @for (group of visibleGroups; track group.id) {\n      <h2 class=\"govuk-heading-m\">{{ group.title }}</h2>\n      <ul class=\"govuk-list\">\n        @for (link of group.links; track link.id) {\n          <li>\n            <ng-container *ngTemplateOutlet=\"dashboardPageLink; context: { highlight: link }\"></ng-container>\n          </li>\n        }\n      </ul>\n    }\n  }\n</div>\n\n<ng-template #dashboardPageLink let-highlight=\"highlight\">\n  <a\n    class=\"govuk-link govuk-link--no-visited-state\"\n    [routerLink]=\"highlight.routerLink\"\n    [id]=\"highlight.id\"\n    [target]=\"highlight.newTab ? '_blank' : '_self'\"\n    [attr.rel]=\"highlight.newTab ? 'noopener noreferrer' : null\"\n    [fragment]=\"highlight.fragment\"\n    >{{ highlight.text }}</a\n  >\n</ng-template>\n" }]
         }], propDecorators: { dashboardConfig: [{

package/fesm2022/{hmcts-opal-frontend-common-pages-internal-server-error.component-Cj-ueGWj.mjs → hmcts-opal-frontend-common-pages-internal-server-error.component-CinCBLVo.mjs}

@@ -14,13 +14,13 @@ class InternalServerErrorComponent {
         const operationId = [queryParamOperationId, navigationState?.operationId, persistedState?.operationId].find((id) => id?.trim());
         return operationId?.trim() ?? 'Unavailable';
     }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-internal-server-error', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">Sorry, there is a problem with the service</h1>\n  <p class=\"govuk-body\" data-testid=\"error-code\">Error code: {{ operationIdDisplay() }}.</p>\n</div>\n" }]
         }] });
 
 export { InternalServerErrorComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-internal-server-error.component-Cj-ueGWj.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-internal-server-error.component-CinCBLVo.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-permission-denied.component-ClXrjyA5.mjs → hmcts-opal-frontend-common-pages-permission-denied.component-BPb5CZQD.mjs}

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class PermissionDeniedComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-permission-denied', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n" }]
         }] });
 
 export { PermissionDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-permission-denied.component-ClXrjyA5.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-permission-denied.component-BPb5CZQD.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in-stub.component-Cxvc5NV2.mjs → hmcts-opal-frontend-common-pages-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-pages-sign-in-stub.component-Cxvc5NV2.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in-stub.component-Cnlwqv_f.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-sign-in.component-dBd0gJTr.mjs → hmcts-opal-frontend-common-pages-sign-in.component-DWLTU9wd.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-pages-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-pages-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-pages-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-pages-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-pages-sign-in.component-dBd0gJTr.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-sign-in.component-DWLTU9wd.mjs.map

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

@@ -8,39 +8,39 @@ const routing = [
     { path: '', redirectTo: 'dashboard', pathMatch: 'full' },
     {
         path: PAGES_ROUTING_PATHS.children.accessDenied,
-        loadComponent: () => import('./hmcts-opal-frontend-common-pages-access-denied.component-DNNxndx-.mjs').then((c) => c.AccessDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-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-pages-concurrency-failure.component-UnC_Qex5.mjs').then((c) => c.ConcurrencyFailureComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-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-pages-permission-denied.component-ClXrjyA5.mjs').then((c) => c.PermissionDeniedComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-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-pages-internal-server-error.component-Cj-ueGWj.mjs').then((c) => c.InternalServerErrorComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-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-pages-sign-in.component-dBd0gJTr.mjs').then((c) => c.SignInComponent),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-sign-in.component-DWLTU9wd.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-pages-account-created.component-3MER1dhS.mjs').then((c) => c.AccountCreated),
+        loadComponent: () => import('./hmcts-opal-frontend-common-pages-account-created.component-D0g9FjWl.mjs').then((c) => c.AccountCreated),
         canActivate: [authGuard],
         data: { title: PAGES_ROUTING_TITLES.children.accountCreated },
         resolve: { title: TitleResolver },

package/fesm2022/{hmcts-opal-frontend-common-permission-denied.component-ClXrjyA5.mjs → hmcts-opal-frontend-common-permission-denied.component-BPb5CZQD.mjs}

@@ -2,13 +2,13 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class PermissionDeniedComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.17", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.18", type: PermissionDeniedComponent, isStandalone: true, selector: "opal-lib-permission-denied", ngImport: i0, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: PermissionDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-permission-denied', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-column-two-thirds\">\n  <h1 class=\"govuk-heading-l\">You do not have permission for this</h1>\n  <p class=\"govuk-body\">This may be because:</p>\n  <ul class=\"govuk-list govuk-list--bullet\">\n    <li>the account is outside your business unit and some features are restricted</li>\n    <li>you are not permitted to use this feature</li>\n  </ul>\n  <p class=\"govuk-body\">If you think this is incorrect, contact your line manager.</p>\n</div>\n" }]
         }] });
 
 export { PermissionDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-permission-denied.component-ClXrjyA5.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-permission-denied.component-BPb5CZQD.mjs.map

package/fesm2022/hmcts-opal-frontend-common-pipes-date-format.mjs

@@ -10,10 +10,10 @@ class DateFormatPipe {
         const formatted = this.dateService.getFromFormatToFormat(value, inputFormat, outputFormat);
         return formatted;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "dateFormat" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DateFormatPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: DateFormatPipe, isStandalone: true, name: "dateFormat" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateFormatPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DateFormatPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dateFormat',

package/fesm2022/hmcts-opal-frontend-common-pipes-days-ago.mjs

@@ -22,10 +22,10 @@ class DaysAgoPipe {
             return 'Invalid date';
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DaysAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: DaysAgoPipe, isStandalone: true, name: "daysAgo" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DaysAgoPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: DaysAgoPipe, isStandalone: true, name: "daysAgo" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DaysAgoPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DaysAgoPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'daysAgo',

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

@@ -15,10 +15,10 @@ class MonetaryPipe {
         const monetaryValue = this.utilsService.convertToMonetaryString(value);
         return format === 'remove-minus-symbol' ? monetaryValue.replace(/^-/, '') : monetaryValue;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MonetaryPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: MonetaryPipe, isStandalone: true, name: "monetary" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MonetaryPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: MonetaryPipe, isStandalone: true, name: "monetary" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: MonetaryPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: MonetaryPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'monetary',

package/fesm2022/hmcts-opal-frontend-common-pipes-national-insurance.mjs

@@ -11,10 +11,10 @@ class NationalInsurancePipe {
             return value;
         return `${cleaned.slice(0, 2)} ${cleaned.slice(2, 4)} ${cleaned.slice(4, 6)} ${cleaned.slice(6, 8)} ${cleaned.slice(8)}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NationalInsurancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.17", ngImport: i0, type: NationalInsurancePipe, isStandalone: true, name: "nationalInsurance" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NationalInsurancePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.18", ngImport: i0, type: NationalInsurancePipe, isStandalone: true, name: "nationalInsurance" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NationalInsurancePipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: NationalInsurancePipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'nationalInsurance',

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

@@ -8,10 +8,10 @@ class TitleResolver {
         const title = route.data['title'] ?? 'Frontend';
         this.titleService.setTitle(`OPAL - ${title}`);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TitleResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TitleResolver, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TitleResolver, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TitleResolver, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: TitleResolver, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: TitleResolver, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

@@ -56,10 +56,10 @@ class AppInitializerService {
         this.initializeFeatureFlagConfig();
         await this.appInsightsService.initialize();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInitializerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInitializerService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInitializerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInitializerService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInitializerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInitializerService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

@@ -48,10 +48,10 @@ class AppInsightsService {
     async initialize() {
         await this.initializeAppInsights();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInsightsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInsightsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInsightsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInsightsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: AppInsightsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: AppInsightsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

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

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

@@ -216,10 +216,10 @@ class DateService {
             to: this.toFormat(this.getFromIso(dateTo), format),
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DateService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.18", ngImport: i0, type: DateService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',

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

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

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

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

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',