@hmcts/ccd-case-ui-toolkit 5.0.24-case-file-view-folder-document-icons-v3 → 5.0.24-case-file-view-error-message-display

package/bundles/hmcts-ccd-case-ui-toolkit.umd.js

@@ -7786,10 +7786,9 @@
     })();
 
     var CaseFileViewService = /** @class */ (function () {
-        function CaseFileViewService(http, appConfig, errorService) {
+        function CaseFileViewService(http, appConfig) {
             this.http = http;
             this.appConfig = appConfig;
-            this.errorService = errorService;
         }
         /**
          * Retrieves the categories and documents for a case.
@@ -7820,12 +7819,12 @@
         };
         return CaseFileViewService;
     }());
-    CaseFileViewService.ɵfac = function CaseFileViewService_Factory(t) { return new (t || CaseFileViewService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig), i0__namespace.ɵɵinject(HttpErrorService)); };
+    CaseFileViewService.ɵfac = function CaseFileViewService_Factory(t) { return new (t || CaseFileViewService)(i0__namespace.ɵɵinject(HttpService), i0__namespace.ɵɵinject(AbstractAppConfig)); };
     CaseFileViewService.ɵprov = i0__namespace.ɵɵdefineInjectable({ token: CaseFileViewService, factory: CaseFileViewService.ɵfac });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewService, [{
                 type: i0.Injectable
-            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }, { type: HttpErrorService }]; }, null);
+            }], function () { return [{ type: HttpService }, { type: AbstractAppConfig }]; }, null);
     })();
 
     function CaseFileViewFolderComponent_cdk_nested_tree_node_6_Template(rf, ctx) {
@@ -8126,15 +8125,56 @@
                 }] });
     })();
 
+    function CaseFileViewFieldComponent_div_0_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div", 2);
+            i0__namespace.ɵɵelementStart(1, "h1", 3);
+            i0__namespace.ɵɵtext(2, "Sorry, there is a problem with the service");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "p", 4);
+            i0__namespace.ɵɵtext(4, "Try again later.");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+    }
+    function CaseFileViewFieldComponent_div_1_Template(rf, ctx) {
+        if (rf & 1) {
+            i0__namespace.ɵɵelementStart(0, "div");
+            i0__namespace.ɵɵelementStart(1, "h2", 5);
+            i0__namespace.ɵɵtext(2, "Case file");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementStart(3, "div", 6);
+            i0__namespace.ɵɵelementStart(4, "div", 7);
+            i0__namespace.ɵɵelement(5, "ccd-case-file-view-folder", 8);
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelement(6, "div", 9);
+            i0__namespace.ɵɵelementStart(7, "div", 10);
+            i0__namespace.ɵɵtext(8, " Media viewer ");
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+            i0__namespace.ɵɵelementEnd();
+        }
+        if (rf & 2) {
+            var ctx_r1 = i0__namespace.ɵɵnextContext();
+            i0__namespace.ɵɵadvance(5);
+            i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx_r1.categoriesAndDocuments$);
+        }
+    }
     var CaseFileViewFieldComponent = /** @class */ (function () {
         function CaseFileViewFieldComponent(elementRef, route, caseFileViewService) {
             this.elementRef = elementRef;
             this.route = route;
             this.caseFileViewService = caseFileViewService;
+            this.getCategoriesAndDocumentsError = false;
         }
         CaseFileViewFieldComponent.prototype.ngOnInit = function () {
+            var _this = this;
             var cid = this.route.snapshot.paramMap.get(CaseFileViewFieldComponent.PARAM_CASE_ID);
             this.categoriesAndDocuments$ = this.caseFileViewService.getCategoriesAndDocuments(cid);
+            this.categoriesAndDocumentsSubscription = this.categoriesAndDocuments$.subscribe({
+                next: function (_) { },
+                error: function (_) { return _this.getCategoriesAndDocumentsError = true; }
+            });
         };
         CaseFileViewFieldComponent.prototype.ngAfterViewInit = function () {
             var slider = this.elementRef.nativeElement.querySelector('.slider');
@@ -8158,30 +8198,26 @@
                 documentTreeContainer.setAttribute('style', "width: " + calculatedWidth + "%");
             });
         };
+        CaseFileViewFieldComponent.prototype.ngOnDestroy = function () {
+            if (this.categoriesAndDocumentsSubscription) {
+                this.categoriesAndDocumentsSubscription.unsubscribe();
+            }
+        };
         return CaseFileViewFieldComponent;
     }());
     CaseFileViewFieldComponent.PARAM_CASE_ID = 'cid';
     CaseFileViewFieldComponent.ɵfac = function CaseFileViewFieldComponent_Factory(t) { return new (t || CaseFileViewFieldComponent)(i0__namespace.ɵɵdirectiveInject(i0__namespace.ElementRef), i0__namespace.ɵɵdirectiveInject(i1__namespace$1.ActivatedRoute), i0__namespace.ɵɵdirectiveInject(CaseFileViewService)); };
-    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 8, vars: 1, consts: [[1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [3, "categoriesAndDocuments"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
+    CaseFileViewFieldComponent.ɵcmp = i0__namespace.ɵɵdefineComponent({ type: CaseFileViewFieldComponent, selectors: [["ccd-case-file-view-field"]], decls: 2, vars: 2, consts: [["class", "govuk-grid-column-two-thirds", 4, "ngIf"], [4, "ngIf"], [1, "govuk-grid-column-two-thirds"], [1, "govuk-heading-xl"], [1, "govuk-body"], [1, "govuk-heading-l"], ["id", "case-file-view", 1, "govuk-form-group"], [1, "document-tree-container"], [3, "categoriesAndDocuments"], [1, "slider"], [1, "media-viewer-container"]], template: function CaseFileViewFieldComponent_Template(rf, ctx) {
             if (rf & 1) {
-                i0__namespace.ɵɵelementStart(0, "h2", 0);
-                i0__namespace.ɵɵtext(1, "Case file");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementStart(2, "div", 1);
-                i0__namespace.ɵɵelementStart(3, "div", 2);
-                i0__namespace.ɵɵelement(4, "ccd-case-file-view-folder", 3);
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelement(5, "div", 4);
-                i0__namespace.ɵɵelementStart(6, "div", 5);
-                i0__namespace.ɵɵtext(7, " Media viewer ");
-                i0__namespace.ɵɵelementEnd();
-                i0__namespace.ɵɵelementEnd();
+                i0__namespace.ɵɵtemplate(0, CaseFileViewFieldComponent_div_0_Template, 5, 0, "div", 0);
+                i0__namespace.ɵɵtemplate(1, CaseFileViewFieldComponent_div_1_Template, 9, 1, "div", 1);
             }
             if (rf & 2) {
-                i0__namespace.ɵɵadvance(4);
-                i0__namespace.ɵɵproperty("categoriesAndDocuments", ctx.categoriesAndDocuments$);
+                i0__namespace.ɵɵproperty("ngIf", ctx.getCategoriesAndDocumentsError);
+                i0__namespace.ɵɵadvance(1);
+                i0__namespace.ɵɵproperty("ngIf", !ctx.getCategoriesAndDocumentsError);
             }
-        }, directives: [CaseFileViewFolderComponent], styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{flex:1 1 0%}"] });
+        }, directives: [i1__namespace.NgIf, CaseFileViewFolderComponent], styles: ["#case-file-view[_ngcontent-%COMP%]{display:flex;border:2px solid #c9c9c9}#case-file-view[_ngcontent-%COMP%]   .document-tree-container[_ngcontent-%COMP%]{background-color:#faf8f8;width:30%;min-height:400px;min-width:10%}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]{width:.2%;background-color:#6b6b6b}#case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:focus, #case-file-view[_ngcontent-%COMP%]   .slider[_ngcontent-%COMP%]:hover{cursor:col-resize}#case-file-view[_ngcontent-%COMP%]   .media-viewer-container[_ngcontent-%COMP%]{flex:1 1 0%}"] });
     (function () {
         (typeof ngDevMode === "undefined" || ngDevMode) && i0__namespace.ɵsetClassMetadata(CaseFileViewFieldComponent, [{
                 type: i0.Component,