@hmcts/opal-frontend-common 0.0.45 → 0.0.47

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sortable-table.mjs

@@ -46,10 +46,10 @@ class MojSortableTableHeaderSortIconDirective {
             svg.appendChild(path);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableHeaderSortIconDirective, isStandalone: true, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: { sortDirection: ["opalLibMojSortableTableHeaderSortIcon", "sortDirection"] }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderSortIconDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibMojSortableTableHeaderSortIcon]',
@@ -86,10 +86,10 @@ class MojSortableTableHeaderComponent {
             sortType: newDirection,
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableHeaderComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]", inputs: { columnKey: "columnKey", sortDirection: "sortDirection", dataIndex: "dataIndex" }, outputs: { sortChange: "sortChange" }, host: { properties: { "attr.aria-sort": "this.ariaSort", "scope": "this.hostScope", "class": "this.hostClass" } }, ngImport: i0, template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n", dependencies: [{ kind: "directive", type: MojSortableTableHeaderSortIconDirective, selector: "[opalLibMojSortableTableHeaderSortIcon]", inputs: ["opalLibMojSortableTableHeaderSortIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-header, [opal-lib-moj-sortable-table-header]', changeDetection: ChangeDetectionStrategy.OnPush, imports: [MojSortableTableHeaderSortIconDirective], template: "<button type=\"button\" (click)=\"toggleSort()\" [attr.data-index]=\"dataIndex\">\n  <ng-content></ng-content>\n  <svg\n    [opalLibMojSortableTableHeaderSortIcon]=\"sortDirection\"\n    width=\"22\"\n    height=\"22\"\n    focusable=\"false\"\n    aria-hidden=\"true\"\n    role=\"img\"\n    vviewBox=\"0 0 22 22\"\n  ></svg>\n</button>\n" }]
         }], propDecorators: { columnKey: [{
@@ -117,10 +117,10 @@ class MojSortableTableRowDataComponent {
     get hostId() {
         return this.id;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowDataComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableRowDataComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]", inputs: { id: "id" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowDataComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-row-data,[opal-lib-moj-sortable-table-row-data]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { id: [{
@@ -139,10 +139,10 @@ class MojSortableTableRowComponent {
     get hostClass() {
         return `govuk-table__row ${this.bodyRowClasses}`;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableRowComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]", inputs: { bodyRowClasses: "bodyRowClasses" }, host: { properties: { "class": "this.hostClass" } }, ngImport: i0, template: "<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableRowComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-row,[opal-lib-moj-sortable-table-row]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n" }]
         }], propDecorators: { bodyRowClasses: [{
@@ -156,10 +156,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
 class MojSortableTableStatusComponent {
     columnTitle;
     sortDirection;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableStatusComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table-status", inputs: { columnTitle: "columnTitle", sortDirection: "sortDirection" }, ngImport: i0, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableStatusComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table-status', standalone: true, template: "<output aria-live=\"polite\" aria-atomic=\"true\" class=\"govuk-visually-hidden\">\n  Sorted by {{ columnTitle }} ({{ sortDirection }})\n</output>\n" }]
         }], propDecorators: { columnTitle: [{
@@ -172,10 +172,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImpor
 
 class MojSortableTableComponent {
     tableClasses;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSortableTableComponent, isStandalone: true, selector: "opal-lib-moj-sortable-table", inputs: { tableClasses: "tableClasses" }, ngImport: i0, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSortableTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSortableTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sortable-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<table class=\"govuk-table {{ tableClasses }}\" data-module=\"moj-sortable-table\">\n  <caption class=\"govuk-table__caption\">\n    <ng-content select=\"[caption]\"></ng-content>\n  </caption>\n  <thead class=\"govuk-table__head\">\n    <tr class=\"govuk-table__row\">\n      <ng-content select=\"[head]\"></ng-content>\n    </tr>\n  </thead>\n  <tbody class=\"govuk-table__body\">\n    <ng-content select=\"[row]\"></ng-content>\n    <ng-content select=\"[results]\"></ng-content>\n  </tbody>\n</table>\n<ng-content select=\"[status]\"></ng-content>\n" }]
         }], propDecorators: { tableClasses: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-sub-navigation.mjs

@@ -22,10 +22,10 @@ class MojSubNavigationItemComponent {
         // Basically we want to mimic the behaviour of the GDS tabs component, as this is how these will be used.
         this.router.navigate(['./'], { relativeTo: this.route, fragment: item });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSubNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSubNavigationItemComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]", inputs: { subNavItemId: "subNavItemId", subNavItemFragment: "subNavItemFragment", subNavItemText: "subNavItemText", activeSubNavItemFragment: "activeSubNavItemFragment" }, host: { properties: { "class": "this.hostClass", "id": "this.hostId" } }, ngImport: i0, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSubNavigationItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sub-navigation-item, [opal-lib-moj-sub-navigation-item]', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<a\n  class=\"moj-sub-navigation__link\"\n  [attr.aria-current]=\"subNavItemFragment === activeSubNavItemFragment ? 'page' : ''\"\n  (click)=\"handleItemClick($event, subNavItemFragment)\"\n  (keyup.enter)=\"handleItemClick($event, subNavItemFragment)\"\n  tabindex=\"0\"\n  href=\"#\"\n>\n  {{ subNavItemText }}\n  <ng-content select=\"[badge]\"></ng-content>\n</a>\n" }]
         }], propDecorators: { subNavItemId: [{
@@ -76,10 +76,10 @@ class MojSubNavigationComponent {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSubNavigationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojSubNavigationComponent, isStandalone: true, selector: "opal-lib-moj-sub-navigation", inputs: { subNavId: "subNavId" }, outputs: { activeSubNavItemFragment: "activeSubNavItemFragment" }, ngImport: i0, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojSubNavigationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-sub-navigation', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<nav class=\"moj-sub-navigation\" aria-label=\"Sub navigation\" [id]=\"subNavId\">\n  <ul class=\"moj-sub-navigation__list\">\n    <ng-content></ng-content>\n  </ul>\n</nav>\n" }]
         }], propDecorators: { subNavId: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-ticket-panel.mjs

@@ -5,10 +5,10 @@ class MojTicketPanelComponent {
     componentClasses;
     sectionClasses;
     alert;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTicketPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojTicketPanelComponent, isStandalone: true, selector: "opal-lib-moj-ticket-panel", inputs: { componentClasses: "componentClasses", sectionClasses: "sectionClasses", alert: "alert" }, ngImport: i0, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTicketPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-ticket-panel', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<article class=\"moj-ticket-panel {{ componentClasses }}\">\n  <section class=\"moj-ticket-panel__content {{ sectionClasses }}\" [attr.role]=\"alert ? 'alert' : ''\">\n    <ng-content></ng-content>\n  </section>\n</article>\n" }]
         }], propDecorators: { componentClasses: [{

package/fesm2022/hmcts-opal-frontend-common-components-moj-moj-timeline.mjs

@@ -2,19 +2,19 @@ import * as i0 from '@angular/core';
 import { ChangeDetectionStrategy, Component } from '@angular/core';
 
 class MojTimelineItemComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTimelineItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojTimelineItemComponent, isStandalone: true, selector: "opal-lib-moj-timeline-item", ngImport: i0, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTimelineItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-timeline-item', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline__item\">\n  <div class=\"moj-timeline__header\">\n    <h2 class=\"moj-timeline__title\"><ng-content select=\"[title]\"></ng-content></h2>\n\n    <p class=\"moj-timeline__byline\">&nbsp;by <ng-content select=\"[user]\"></ng-content></p>\n  </div>\n  <p class=\"moj-timeline__date\">\n    <time datetime=\"\"><ng-content select=\"[date]\"></ng-content></time>\n  </p>\n  <div class=\"moj-timeline__description\">\n    <ng-content select=\"[description]\"></ng-content>\n  </div>\n</div>\n" }]
         }] });
 
 class MojTimelineComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTimelineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: MojTimelineComponent, isStandalone: true, selector: "opal-lib-moj-timeline", ngImport: i0, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: MojTimelineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: MojTimelineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-moj-timeline', imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"moj-timeline\"><ng-content></ng-content></div>\n" }]
         }] });

package/fesm2022/hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs

@@ -0,0 +1,15 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class ConcurrencyFailureComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-concurrency-failure', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n" }]
+        }] });
+
+export { ConcurrencyFailureComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs.map

package/fesm2022/hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-concurrency-failure.component-B44V5uH3.mjs","sources":["../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.ts","../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-concurrency-failure',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './concurrency-failure.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ConcurrencyFailureComponent {}\n","<div class=\"govuk-grid-row\">\n  <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</div>\n"],"names":[],"mappings":";;;;MAUa,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVxC,8VAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8VAAA,EAAA;;;;;"}

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

@@ -23,10 +23,10 @@ class CapitalisationDirective {
         this.destroy$.next();
         this.destroy$.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: CapitalisationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: CapitalisationDirective, isStandalone: true, selector: "[opalLibCapitaliseAllCharacters]", inputs: { control: ["opalLibCapitaliseAllCharacters", "control"] }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: CapitalisationDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: CapitalisationDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibCapitaliseAllCharacters]',

package/fesm2022/hmcts-opal-frontend-common-directives-govuk-button.mjs

@@ -22,10 +22,10 @@ class GovukButtonDirective {
     handleButtonClick() {
         this.buttonClickEvent.emit(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.7", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GovukButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: GovukButtonDirective, isStandalone: true, selector: "[opalLibGovukButton]", inputs: { buttonId: "buttonId", buttonClasses: "buttonClasses", type: "type" }, outputs: { buttonClickEvent: "buttonClickEvent" }, host: { properties: { "attr.id": "this.id", "attr.type": "this.buttonType", "class": "this.classes", "attr.data-module": "this.dataModule" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: GovukButtonDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: GovukButtonDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[opalLibGovukButton]',

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error-constants.mjs

@@ -0,0 +1,18 @@
+const ERROR_RESPONSE = {
+    type: null,
+    title: null,
+    status: null,
+    detail: null,
+    instance: null,
+    operation_id: null,
+    retriable: null,
+};
+
+const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ERROR_RESPONSE, GENERIC_HTTP_ERROR_MESSAGE };
+//# sourceMappingURL=hmcts-opal-frontend-common-interceptors-http-error-constants.mjs.map

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error-constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-interceptors-http-error-constants.mjs","sources":["../../../projects/opal-frontend-common/interceptors/http-error/constants/http-error-message-response.constant.ts","../../../projects/opal-frontend-common/interceptors/http-error/constants/http-error-message.constant.ts","../../../projects/opal-frontend-common/interceptors/http-error/constants/hmcts-opal-frontend-common-interceptors-http-error-constants.ts"],"sourcesContent":["import { IErrorResponse } from '@hmcts/opal-frontend-common/interceptors/http-error/interfaces';\n\nexport const ERROR_RESPONSE: IErrorResponse = {\n  type: null,\n  title: null,\n  status: null,\n  detail: null,\n  instance: null,\n  operation_id: null,\n  retriable: null,\n};\n","export const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEO,MAAM,cAAc,GAAmB;AAC5C,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,SAAS,EAAE,IAAI;;;ACTV,MAAM,0BAA0B,GAAG;;ACA1C;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error-interfaces.mjs

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=hmcts-opal-frontend-common-interceptors-http-error-interfaces.mjs.map

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error-interfaces.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-interceptors-http-error-interfaces.mjs","sources":["../../../projects/opal-frontend-common/interceptors/http-error/interfaces/hmcts-opal-frontend-common-interceptors-http-error-interfaces.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG"}

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error.mjs

@@ -1,24 +1,131 @@
 import { inject } from '@angular/core';
+import { Router } from '@angular/router';
 import { tap, catchError, throwError } from 'rxjs';
 import { AppInsightsService } from '@hmcts/opal-frontend-common/services/app-insights-service';
 import { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';
+import { GLOBAL_ERROR_STATE } from '@hmcts/opal-frontend-common/stores/global/constants';
 
-const GENERIC_HTTP_ERROR_MESSAGE = 'An error has occurred. Please try again, if this problem persists, contact the help desk.';
+const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';
 
+const ERROR_RESPONSE = {
+    type: null,
+    title: null,
+    status: null,
+    detail: null,
+    instance: null,
+    operation_id: null,
+    retriable: null,
+};
+
+/**
+ * Checks if the error is a non-retriable error
+ * @param error - The HTTP error response
+ * @returns true if the error has retriable: false
+ */
+function isNonRetriableError(error) {
+    if (typeof error === 'object' && error !== null && 'error' in error) {
+        const err = error;
+        return err.error?.retriable === false;
+    }
+    return false;
+}
+/**
+ * Checks if the error is explicitly marked as retriable
+ * @param error - The HTTP error response
+ * @returns true if the error has retriable: true or retriable is undefined
+ */
+function isRetriableError(error) {
+    if (typeof error === 'object' && error !== null && 'error' in error) {
+        const err = error;
+        return err.error?.retriable !== false;
+    }
+    return false;
+}
+/**
+ * Handles retriable errors by setting appropriate error state
+ * @param error - The HTTP error response
+ * @param globalStore - Global store instance
+ */
+function handleRetriableError(error, globalStore) {
+    let errorResponse;
+    if (typeof error === 'object' && error !== null && 'error' in error) {
+        const err = error;
+        errorResponse = err.error;
+    }
+    const errorMessage = errorResponse?.detail || GENERIC_HTTP_ERROR_MESSAGE;
+    globalStore.setError({
+        ...GLOBAL_ERROR_STATE,
+        error: true,
+        title: errorResponse?.title || ERROR_RESPONSE.title,
+        message: errorMessage,
+        operationId: errorResponse?.operation_id || ERROR_RESPONSE.operation_id,
+    });
+}
+/**
+ * Handles non-retriable errors by redirecting to appropriate error pages
+ * @param error - The HTTP error response
+ * @param router - Angular Router instance
+ * @param globalStore - Global store instance
+ */
+function handleNonRetriableError(error, router, globalStore) {
+    let errorResponse;
+    let status;
+    if (typeof error === 'object' && error !== null) {
+        if ('error' in error) {
+            const err = error;
+            errorResponse = err.error;
+        }
+        if ('status' in error) {
+            const statusErr = error;
+            status = statusErr.status;
+        }
+    }
+    const statusCode = status || errorResponse?.status;
+    globalStore.setError({
+        ...GLOBAL_ERROR_STATE,
+        error: true,
+        title: errorResponse?.title || ERROR_RESPONSE.title,
+        message: errorResponse?.detail || GENERIC_HTTP_ERROR_MESSAGE,
+        operationId: errorResponse?.operation_id || ERROR_RESPONSE.operation_id,
+    });
+    switch (statusCode) {
+        case 409:
+            router.navigate(['/error/concurrency-failure']);
+            break;
+        case 403:
+            router.navigate(['/error/permission-denied']);
+            break;
+        default:
+            router.navigate(['/error/internal-server']);
+            break;
+    }
+}
 const httpErrorInterceptor = (req, next) => {
     const globalStore = inject(GlobalStore);
     const appInsightsService = inject(AppInsightsService);
+    const router = inject(Router);
     return next(req).pipe(tap(() => {
-        // Clear the state service on new requests
-        globalStore.setError({ error: false, message: '' });
+        globalStore.setError({ ...GLOBAL_ERROR_STATE, error: false });
     }), catchError((error) => {
         const isBrowser = typeof globalThis !== 'undefined';
         if (isBrowser) {
-            globalStore.setError({
-                error: true,
-                message: GENERIC_HTTP_ERROR_MESSAGE,
-            });
+            if (isNonRetriableError(error)) {
+                handleNonRetriableError(error, router, globalStore);
+            }
+            else if (isRetriableError(error)) {
+                handleRetriableError(error, globalStore);
+            }
+            else {
+                globalStore.setError({
+                    ...GLOBAL_ERROR_STATE,
+                    error: true,
+                    title: 'There was a problem',
+                    message: GENERIC_HTTP_ERROR_MESSAGE,
+                    operationId: ERROR_RESPONSE.operation_id,
+                });
+            }
         }
+        // Always log exceptions for monitoring
         appInsightsService.logException(error);
         return throwError(() => error);
     }));

package/fesm2022/hmcts-opal-frontend-common-interceptors-http-error.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-interceptors-http-error.mjs","sources":["../../../projects/opal-frontend-common/interceptors/http-error/constants/http-error-message.constant.ts","../../../projects/opal-frontend-common/interceptors/http-error/http-error.interceptor.ts","../../../projects/opal-frontend-common/interceptors/http-error/hmcts-opal-frontend-common-interceptors-http-error.ts"],"sourcesContent":["export const GENERIC_HTTP_ERROR_MESSAGE =\n  'An error has occurred. Please try again, if this problem persists, contact the help desk.';\n","import { HttpInterceptorFn } from '@angular/common/http';\nimport { inject } from '@angular/core';\nimport { catchError, tap, throwError } from 'rxjs';\nimport { AppInsightsService } from '@hmcts/opal-frontend-common/services/app-insights-service';\nimport { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';\nimport { GENERIC_HTTP_ERROR_MESSAGE } from './constants/http-error-message.constant';\n\nexport const httpErrorInterceptor: HttpInterceptorFn = (req, next) => {\n  const globalStore = inject(GlobalStore);\n  const appInsightsService = inject(AppInsightsService);\n\n  return next(req).pipe(\n    tap(() => {\n      // Clear the state service on new requests\n      globalStore.setError({ error: false, message: '' });\n    }),\n    catchError((error) => {\n      const isBrowser = typeof globalThis !== 'undefined';\n\n      if (isBrowser) {\n        globalStore.setError({\n          error: true,\n          message: GENERIC_HTTP_ERROR_MESSAGE,\n        });\n      }\n\n      appInsightsService.logException(error);\n\n      return throwError(() => error);\n    }),\n  );\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAAO,MAAM,0BAA0B,GACrC,2FAA2F;;MCMhF,oBAAoB,GAAsB,CAAC,GAAG,EAAE,IAAI,KAAI;AACnE,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACvC,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;IAErD,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CACnB,GAAG,CAAC,MAAK;;AAEP,QAAA,WAAW,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC;AACrD,IAAA,CAAC,CAAC,EACF,UAAU,CAAC,CAAC,KAAK,KAAI;AACnB,QAAA,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,WAAW;QAEnD,IAAI,SAAS,EAAE;YACb,WAAW,CAAC,QAAQ,CAAC;AACnB,gBAAA,KAAK,EAAE,IAAI;AACX,gBAAA,OAAO,EAAE,0BAA0B;AACpC,aAAA,CAAC;QACJ;AAEA,QAAA,kBAAkB,CAAC,YAAY,CAAC,KAAK,CAAC;AAEtC,QAAA,OAAO,UAAU,CAAC,MAAM,KAAK,CAAC;IAChC,CAAC,CAAC,CACH;AACH;;AC/BA;;AAEG;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-interceptors-http-error.mjs","sources":["../../../projects/opal-frontend-common/interceptors/http-error/constants/http-error-message.constant.ts","../../../projects/opal-frontend-common/interceptors/http-error/constants/http-error-message-response.constant.ts","../../../projects/opal-frontend-common/interceptors/http-error/http-error.interceptor.ts","../../../projects/opal-frontend-common/interceptors/http-error/hmcts-opal-frontend-common-interceptors-http-error.ts"],"sourcesContent":["export const GENERIC_HTTP_ERROR_MESSAGE = 'You can try again. If the problem persists, contact the service desk.';\n","import { IErrorResponse } from '@hmcts/opal-frontend-common/interceptors/http-error/interfaces';\n\nexport const ERROR_RESPONSE: IErrorResponse = {\n  type: null,\n  title: null,\n  status: null,\n  detail: null,\n  instance: null,\n  operation_id: null,\n  retriable: null,\n};\n","import { HttpInterceptorFn } from '@angular/common/http';\nimport { inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { catchError, tap, throwError } from 'rxjs';\nimport { AppInsightsService } from '@hmcts/opal-frontend-common/services/app-insights-service';\nimport { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';\nimport { GLOBAL_ERROR_STATE } from '@hmcts/opal-frontend-common/stores/global/constants';\nimport { GlobalStoreType } from '@hmcts/opal-frontend-common/stores/global/types';\nimport { GENERIC_HTTP_ERROR_MESSAGE } from './constants/http-error-message.constant';\nimport { IErrorResponse } from './interfaces/http-error-retrievable-error-response.interface';\nimport { ERROR_RESPONSE } from './constants/http-error-message-response.constant';\n/**\n * Checks if the error is a non-retriable error\n * @param error - The HTTP error response\n * @returns true if the error has retriable: false\n */\nfunction isNonRetriableError(error: unknown): boolean {\n  if (typeof error === 'object' && error !== null && 'error' in error) {\n    const err = error as { error?: { retriable?: boolean } };\n    return err.error?.retriable === false;\n  }\n  return false;\n}\n\n/**\n * Checks if the error is explicitly marked as retriable\n * @param error - The HTTP error response\n * @returns true if the error has retriable: true or retriable is undefined\n */\nfunction isRetriableError(error: unknown): boolean {\n  if (typeof error === 'object' && error !== null && 'error' in error) {\n    const err = error as { error?: { retriable?: boolean } };\n    return err.error?.retriable !== false;\n  }\n  return false;\n}\n\n/**\n * Handles retriable errors by setting appropriate error state\n * @param error - The HTTP error response\n * @param globalStore - Global store instance\n */\nfunction handleRetriableError(error: unknown, globalStore: GlobalStoreType): void {\n  let errorResponse: IErrorResponse | undefined;\n\n  if (typeof error === 'object' && error !== null && 'error' in error) {\n    const err = error as { error?: IErrorResponse };\n    errorResponse = err.error;\n  }\n\n  const errorMessage = errorResponse?.detail || GENERIC_HTTP_ERROR_MESSAGE;\n\n  globalStore.setError({\n    ...GLOBAL_ERROR_STATE,\n    error: true,\n    title: errorResponse?.title || ERROR_RESPONSE.title,\n    message: errorMessage,\n    operationId: errorResponse?.operation_id || ERROR_RESPONSE.operation_id,\n  });\n}\n\n/**\n * Handles non-retriable errors by redirecting to appropriate error pages\n * @param error - The HTTP error response\n * @param router - Angular Router instance\n * @param globalStore - Global store instance\n */\nfunction handleNonRetriableError(error: unknown, router: Router, globalStore: GlobalStoreType): void {\n  let errorResponse: IErrorResponse | undefined;\n  let status: number | undefined;\n\n  if (typeof error === 'object' && error !== null) {\n    if ('error' in error) {\n      const err = error as { error?: IErrorResponse };\n      errorResponse = err.error;\n    }\n    if ('status' in error) {\n      const statusErr = error as { status?: number };\n      status = statusErr.status;\n    }\n  }\n\n  const statusCode = status || errorResponse?.status;\n\n  globalStore.setError({\n    ...GLOBAL_ERROR_STATE,\n    error: true,\n    title: errorResponse?.title || ERROR_RESPONSE.title,\n    message: errorResponse?.detail || GENERIC_HTTP_ERROR_MESSAGE,\n    operationId: errorResponse?.operation_id || ERROR_RESPONSE.operation_id,\n  });\n\n  switch (statusCode) {\n    case 409:\n      router.navigate(['/error/concurrency-failure']);\n      break;\n    case 403:\n      router.navigate(['/error/permission-denied']);\n      break;\n    default:\n      router.navigate(['/error/internal-server']);\n      break;\n  }\n}\n\nexport const httpErrorInterceptor: HttpInterceptorFn = (req, next) => {\n  const globalStore = inject(GlobalStore);\n  const appInsightsService = inject(AppInsightsService);\n  const router = inject(Router);\n\n  return next(req).pipe(\n    tap(() => {\n      globalStore.setError({ ...GLOBAL_ERROR_STATE, error: false });\n    }),\n    catchError((error) => {\n      const isBrowser = typeof globalThis !== 'undefined';\n\n      if (isBrowser) {\n        if (isNonRetriableError(error)) {\n          handleNonRetriableError(error, router, globalStore);\n        } else if (isRetriableError(error)) {\n          handleRetriableError(error, globalStore);\n        } else {\n          globalStore.setError({\n            ...GLOBAL_ERROR_STATE,\n            error: true,\n            title: 'There was a problem',\n            message: GENERIC_HTTP_ERROR_MESSAGE,\n            operationId: ERROR_RESPONSE.operation_id,\n          });\n        }\n      }\n\n      // Always log exceptions for monitoring\n      appInsightsService.logException(error);\n\n      return throwError(() => error);\n    }),\n  );\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAAO,MAAM,0BAA0B,GAAG,uEAAuE;;ACE1G,MAAM,cAAc,GAAmB;AAC5C,IAAA,IAAI,EAAE,IAAI;AACV,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,MAAM,EAAE,IAAI;AACZ,IAAA,QAAQ,EAAE,IAAI;AACd,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,SAAS,EAAE,IAAI;CAChB;;ACCD;;;;AAIG;AACH,SAAS,mBAAmB,CAAC,KAAc,EAAA;AACzC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;QACnE,MAAM,GAAG,GAAG,KAA4C;AACxD,QAAA,OAAO,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK;IACvC;AACA,IAAA,OAAO,KAAK;AACd;AAEA;;;;AAIG;AACH,SAAS,gBAAgB,CAAC,KAAc,EAAA;AACtC,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;QACnE,MAAM,GAAG,GAAG,KAA4C;AACxD,QAAA,OAAO,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,KAAK;IACvC;AACA,IAAA,OAAO,KAAK;AACd;AAEA;;;;AAIG;AACH,SAAS,oBAAoB,CAAC,KAAc,EAAE,WAA4B,EAAA;AACxE,IAAA,IAAI,aAAyC;AAE7C,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,EAAE;QACnE,MAAM,GAAG,GAAG,KAAmC;AAC/C,QAAA,aAAa,GAAG,GAAG,CAAC,KAAK;IAC3B;AAEA,IAAA,MAAM,YAAY,GAAG,aAAa,EAAE,MAAM,IAAI,0BAA0B;IAExE,WAAW,CAAC,QAAQ,CAAC;AACnB,QAAA,GAAG,kBAAkB;AACrB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,cAAc,CAAC,KAAK;AACnD,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,WAAW,EAAE,aAAa,EAAE,YAAY,IAAI,cAAc,CAAC,YAAY;AACxE,KAAA,CAAC;AACJ;AAEA;;;;;AAKG;AACH,SAAS,uBAAuB,CAAC,KAAc,EAAE,MAAc,EAAE,WAA4B,EAAA;AAC3F,IAAA,IAAI,aAAyC;AAC7C,IAAA,IAAI,MAA0B;IAE9B,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AAC/C,QAAA,IAAI,OAAO,IAAI,KAAK,EAAE;YACpB,MAAM,GAAG,GAAG,KAAmC;AAC/C,YAAA,aAAa,GAAG,GAAG,CAAC,KAAK;QAC3B;AACA,QAAA,IAAI,QAAQ,IAAI,KAAK,EAAE;YACrB,MAAM,SAAS,GAAG,KAA4B;AAC9C,YAAA,MAAM,GAAG,SAAS,CAAC,MAAM;QAC3B;IACF;AAEA,IAAA,MAAM,UAAU,GAAG,MAAM,IAAI,aAAa,EAAE,MAAM;IAElD,WAAW,CAAC,QAAQ,CAAC;AACnB,QAAA,GAAG,kBAAkB;AACrB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,cAAc,CAAC,KAAK;AACnD,QAAA,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,0BAA0B;AAC5D,QAAA,WAAW,EAAE,aAAa,EAAE,YAAY,IAAI,cAAc,CAAC,YAAY;AACxE,KAAA,CAAC;IAEF,QAAQ,UAAU;AAChB,QAAA,KAAK,GAAG;AACN,YAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,4BAA4B,CAAC,CAAC;YAC/C;AACF,QAAA,KAAK,GAAG;AACN,YAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,0BAA0B,CAAC,CAAC;YAC7C;AACF,QAAA;AACE,YAAA,MAAM,CAAC,QAAQ,CAAC,CAAC,wBAAwB,CAAC,CAAC;YAC3C;;AAEN;MAEa,oBAAoB,GAAsB,CAAC,GAAG,EAAE,IAAI,KAAI;AACnE,IAAA,MAAM,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AACvC,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AACrD,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAE7B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CACnB,GAAG,CAAC,MAAK;AACP,QAAA,WAAW,CAAC,QAAQ,CAAC,EAAE,GAAG,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;AAC/D,IAAA,CAAC,CAAC,EACF,UAAU,CAAC,CAAC,KAAK,KAAI;AACnB,QAAA,MAAM,SAAS,GAAG,OAAO,UAAU,KAAK,WAAW;QAEnD,IAAI,SAAS,EAAE;AACb,YAAA,IAAI,mBAAmB,CAAC,KAAK,CAAC,EAAE;AAC9B,gBAAA,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,CAAC;YACrD;AAAO,iBAAA,IAAI,gBAAgB,CAAC,KAAK,CAAC,EAAE;AAClC,gBAAA,oBAAoB,CAAC,KAAK,EAAE,WAAW,CAAC;YAC1C;iBAAO;gBACL,WAAW,CAAC,QAAQ,CAAC;AACnB,oBAAA,GAAG,kBAAkB;AACrB,oBAAA,KAAK,EAAE,IAAI;AACX,oBAAA,KAAK,EAAE,qBAAqB;AAC5B,oBAAA,OAAO,EAAE,0BAA0B;oBACnC,WAAW,EAAE,cAAc,CAAC,YAAY;AACzC,iBAAA,CAAC;YACJ;QACF;;AAGA,QAAA,kBAAkB,CAAC,YAAY,CAAC,KAAK,CAAC;AAEtC,QAAA,OAAO,UAAU,CAAC,MAAM,KAAK,CAAC;IAChC,CAAC,CAAC,CACH;AACH;;AC3IA;;AAEG;;;;"}

package/fesm2022/hmcts-opal-frontend-common-internal-server-error.component--U40lt8r.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';
+
+class InternalServerErrorComponent {
+    globalStore = inject(GlobalStore);
+    errorState = computed(() => this.globalStore.error(), ...(ngDevMode ? [{ debugName: "errorState" }] : []));
+    operationIdDisplay = computed(() => {
+        const operationId = this.errorState().operationId;
+        return operationId && operationId.trim().length > 0 ? operationId : 'Unavailable';
+    }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : []));
+    ngOnDestroy() {
+        this.globalStore.resetError();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-internal-server-error', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n" }]
+        }] });
+
+export { InternalServerErrorComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-internal-server-error.component--U40lt8r.mjs.map

package/fesm2022/hmcts-opal-frontend-common-internal-server-error.component--U40lt8r.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-internal-server-error.component--U40lt8r.mjs","sources":["../../../projects/opal-frontend-common/pages/internal-server-error/internal-server-error.component.ts","../../../projects/opal-frontend-common/pages/internal-server-error/internal-server-error.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, inject, OnDestroy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';\n\n@Component({\n  selector: 'opal-lib-internal-server-error',\n  imports: [CommonModule],\n  templateUrl: './internal-server-error.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InternalServerErrorComponent implements OnDestroy {\n  private readonly globalStore = inject(GlobalStore);\n\n  public readonly errorState = computed(() => this.globalStore.error());\n\n  public readonly operationIdDisplay = computed(() => {\n    const operationId = this.errorState().operationId;\n    return operationId && operationId.trim().length > 0 ? operationId : 'Unavailable';\n  });\n\n  public ngOnDestroy(): void {\n    this.globalStore.resetError();\n  }\n}\n","<div class=\"govuk-grid-row\">\n  <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</div>\n"],"names":[],"mappings":";;;;;MAUa,4BAA4B,CAAA;AACtB,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;AAElC,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,sDAAC;AAErD,IAAA,kBAAkB,GAAG,QAAQ,CAAC,MAAK;QACjD,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,WAAW;AACjD,QAAA,OAAO,WAAW,IAAI,WAAW,CAAC,IAAI,EAAE,CAAC,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG,aAAa;AACnF,IAAA,CAAC,8DAAC;IAEK,WAAW,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;IAC/B;uGAZW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA5B,4BAA4B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVzC,2RAMA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDAY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIX,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBANxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gCAAgC,WACjC,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2RAAA,EAAA;;;;;"}

package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-C4LElGHn.mjs → hmcts-opal-frontend-common-pages-access-denied.component-dFPqF73L.mjs}

@@ -9,13 +9,13 @@ class AccessDeniedComponent {
         // For now, test page will act as our 'Dashboard' page
         this.router.navigate(['/']);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.7", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AccessDeniedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: AccessDeniedComponent, isStandalone: true, selector: "opal-lib-access-denied", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: GovukButtonComponent, selector: "opal-lib-govuk-button", inputs: ["buttonId", "type", "buttonClasses"], outputs: ["buttonClickEvent"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.7", ngImport: i0, type: AccessDeniedComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: AccessDeniedComponent, decorators: [{
             type: Component,
             args: [{ selector: 'opal-lib-access-denied', imports: [GovukButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n" }]
         }] });
 
 export { AccessDeniedComponent };
-//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-C4LElGHn.mjs.map
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-access-denied.component-dFPqF73L.mjs.map

package/fesm2022/{hmcts-opal-frontend-common-pages-access-denied.component-C4LElGHn.mjs.map → hmcts-opal-frontend-common-pages-access-denied.component-dFPqF73L.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"hmcts-opal-frontend-common-pages-access-denied.component-C4LElGHn.mjs","sources":["../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.ts","../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n  selector: 'opal-lib-access-denied',\n  imports: [GovukButtonComponent],\n  templateUrl: './access-denied.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccessDeniedComponent {\n  private readonly router = inject(Router);\n\n  public handleGoBackButtonClick(): void {\n    // For now, test page will act as our 'Dashboard' page\n    this.router.navigate(['/']);\n  }\n}\n","<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;MAUa,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,uBAAuB,GAAA;;QAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B;uGANW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,ihBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAInB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,oBAAoB,CAAC,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ihBAAA,EAAA;;;;;"}
+{"version":3,"file":"hmcts-opal-frontend-common-pages-access-denied.component-dFPqF73L.mjs","sources":["../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.ts","../../../projects/opal-frontend-common/pages/access-denied/access-denied.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { Router } from '@angular/router';\nimport { GovukButtonComponent } from '@hmcts/opal-frontend-common/components/govuk/govuk-button';\n\n@Component({\n  selector: 'opal-lib-access-denied',\n  imports: [GovukButtonComponent],\n  templateUrl: './access-denied.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class AccessDeniedComponent {\n  private readonly router = inject(Router);\n\n  public handleGoBackButtonClick(): void {\n    // For now, test page will act as our 'Dashboard' page\n    this.router.navigate(['/']);\n  }\n}\n","<div class=\"govuk-grid-row\">\n  <div class=\"govuk-grid-column-two-thirds\">\n    <h1 class=\"govuk-heading-l\">Access Denied</h1>\n    <p class=\"govuk-body\">You do not have the appropriate permissions to access this page.</p>\n    <p class=\"govuk-body\">\n      <opal-lib-govuk-button\n        buttonClasses=\"govuk-button--secondary\"\n        buttonId=\"go-back\"\n        (buttonClickEvent)=\"handleGoBackButtonClick()\"\n      >\n        Back to dashboard</opal-lib-govuk-button\n      >\n    </p>\n  </div>\n</div>\n"],"names":[],"mappings":";;;;;MAUa,qBAAqB,CAAA;AACf,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;IAEjC,uBAAuB,GAAA;;QAE5B,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;IAC7B;uGANW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVlC,ihBAeA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDTY,oBAAoB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAInB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,wBAAwB,WACzB,CAAC,oBAAoB,CAAC,EAAA,eAAA,EAEd,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,ihBAAA,EAAA;;;;;"}

package/fesm2022/hmcts-opal-frontend-common-pages-concurrency-failure.component-B44V5uH3.mjs

@@ -0,0 +1,15 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class ConcurrencyFailureComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: ConcurrencyFailureComponent, isStandalone: true, selector: "opal-lib-concurrency-failure", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: ConcurrencyFailureComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-concurrency-failure', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n" }]
+        }] });
+
+export { ConcurrencyFailureComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-concurrency-failure.component-B44V5uH3.mjs.map

package/fesm2022/hmcts-opal-frontend-common-pages-concurrency-failure.component-B44V5uH3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"hmcts-opal-frontend-common-pages-concurrency-failure.component-B44V5uH3.mjs","sources":["../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.ts","../../../projects/opal-frontend-common/pages/concurrency-failure/concurrency-failure.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'opal-lib-concurrency-failure',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './concurrency-failure.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ConcurrencyFailureComponent {}\n","<div class=\"govuk-grid-row\">\n  <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</div>\n"],"names":[],"mappings":";;;;MAUa,2BAA2B,CAAA;uGAA3B,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAA3B,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECVxC,8VAOA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDDY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAIX,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAPvC,SAAS;+BACE,8BAA8B,EAAA,UAAA,EAC5B,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAEN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8VAAA,EAAA;;;;;"}

package/fesm2022/hmcts-opal-frontend-common-pages-internal-server-error.component--U40lt8r.mjs

@@ -0,0 +1,25 @@
+import * as i0 from '@angular/core';
+import { inject, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GlobalStore } from '@hmcts/opal-frontend-common/stores/global';
+
+class InternalServerErrorComponent {
+    globalStore = inject(GlobalStore);
+    errorState = computed(() => this.globalStore.error(), ...(ngDevMode ? [{ debugName: "errorState" }] : []));
+    operationIdDisplay = computed(() => {
+        const operationId = this.errorState().operationId;
+        return operationId && operationId.trim().length > 0 ? operationId : 'Unavailable';
+    }, ...(ngDevMode ? [{ debugName: "operationIdDisplay" }] : []));
+    ngOnDestroy() {
+        this.globalStore.resetError();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: InternalServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.9", type: InternalServerErrorComponent, isStandalone: true, selector: "opal-lib-internal-server-error", ngImport: i0, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: InternalServerErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'opal-lib-internal-server-error', imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"govuk-grid-row\">\n  <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</div>\n" }]
+        }] });
+
+export { InternalServerErrorComponent };
+//# sourceMappingURL=hmcts-opal-frontend-common-pages-internal-server-error.component--U40lt8r.mjs.map