vc-error-handlers 0.1.97 → 0.1.98

package/fesm2015/vc-error-handlers.mjs

@@ -3,9 +3,9 @@ import { Injectable, Component, Input, Directive, ViewChild, NgModule, EventEmit
 import { Subject, throwError } from 'rxjs';
 import * as i3 from '@angular/router';
 import { NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
-import * as i1 from '@vcomply/authorizer';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i1 from '@vcomply/authorizer';
 import * as i1$1 from '@angular/common/http';
 import { HttpResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { retry, timeout, tap, catchError } from 'rxjs/operators';
@@ -41,18 +41,11 @@ var ErrorStatusCode;
 
 const PAGE_LEVEL_API_CONFIG = [
     {
-        method: 'POST',
-        path: '/compliance_post',
-        query: { mode: 'xyz' },
-        body: { mode: 'abc' },
-        pageCodes: ['compliance:mr', 'risk:mr'],
-    },
-    {
-        method: 'GET',
-        path: '/compliance_post',
-        query: { mode: 'xyz' },
-        body: { mode: 'abc' },
-        pageCodes: ['compliance:mr', 'risk:mr'],
+        method: '',
+        path: '',
+        query: null,
+        body: null,
+        pageCodes: [''],
     },
 ];
 const COMPONENT_LEVEL_API_CONFIG = [
@@ -190,7 +183,7 @@ const COMPONENT_LEVEL_API_CONFIG = [
     },
     {
         method: 'POST',
-        path: '/organization_post?mode=memberDetailsbyIds',
+        path: 'memberDetailsbyIds',
         query: null,
         body: null,
     },
@@ -318,12 +311,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
 class UtilsService {
     isJsonSubset(parentJson, subsetJson) {
         for (let key in subsetJson) {
-            if (!parentJson.hasOwnProperty(key) || parentJson[key] !== subsetJson[key]) {
+            if (!parentJson.hasOwnProperty(key) ||
+                parentJson[key] !== subsetJson[key]) {
                 return false;
             }
         }
         return true;
     }
+    extractQueryParams(params) {
+        const query = {};
+        params.keys().forEach((key) => {
+            query[key] = params.get(key);
+        });
+        return query;
+    }
+    isStringEqual(apiMethod, requestMethod) {
+        return apiMethod === requestMethod;
+    }
+    isSubstringInString(apiPath, requestPath) {
+        return requestPath.includes(apiPath);
+    }
+    isSubsetOfObject(apiQuery, requestQuery) {
+        if (!apiQuery)
+            return true;
+        return this.isJsonSubset(requestQuery, apiQuery);
+    }
+    isSubsetOfArray(apiBody, requestBody) {
+        if (!apiBody)
+            return true;
+        return this.isJsonSubset(apiBody, requestBody);
+    }
+    isValueInArray(apiPageCodes, pageCode) {
+        return apiPageCodes.includes(pageCode);
+    }
 }
 UtilsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
 UtilsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: UtilsService, providedIn: 'root' });
@@ -388,11 +408,9 @@ class GlobalErrorService {
     }
     handleServerError(error, request) {
         if (this.isPageLevelError(error, request)) {
-            console.log('page level error');
             this.publishGlobalError(error);
         }
         else if (this.isComponentLevelError(error, request)) {
-            console.log('component level error');
             this.publishLocalError(error, request);
         }
     }
@@ -403,61 +421,37 @@ class GlobalErrorService {
         this.localError$.next({ error, request });
     }
     isPageLevelError(error, request) {
-        const { method, path, query, body } = this.parseRequest(request);
-        const pageCode = this.getPageCode();
-        const isConfigMatched = this.pageLevelApiConfig.some((apiConfig) => {
-            if (apiConfig.method !== method)
-                return false;
-            if (apiConfig.path !== path)
-                return false;
-            const isQuerySubset = this.utilService.isJsonSubset(apiConfig.query, query);
-            if (!isQuerySubset)
-                return false;
-            const isBodyMatch = this.utilService.isJsonSubset(apiConfig.body, body);
-            if (!isBodyMatch)
-                return false;
-            return apiConfig.pageCodes.includes(pageCode);
-        });
-        return isConfigMatched;
+        const requestDetails = {
+            method: request.method,
+            path: request.url,
+            query: this.utilService.extractQueryParams(request.params),
+            body: request.body,
+            pageCode: this.getPageCode(),
+        };
+        return this.pageLevelApiConfig.some((apiConfig) => this.isApiConfigMatching(apiConfig, requestDetails));
     }
     isComponentLevelError(error, request) {
-        const { method, url: path, params, body } = request;
-        const query = {};
-        params.keys().forEach((key) => {
-            query[key] = params.get(key);
-        });
-        const isConfigFound = this.componentLevelApiConfig.some((apiConfig) => {
-            if (apiConfig.method !== method)
-                return false;
-            if (!path.includes(apiConfig.path))
-                return false;
-            if (apiConfig.query) {
-                const isQuerySubset = this.utilService.isJsonSubset(query, apiConfig.query);
-                if (!isQuerySubset)
-                    return false;
-            }
-            if (apiConfig.body) {
-                const isBodyMatch = this.utilService.isJsonSubset(apiConfig.body, body);
-                if (!isBodyMatch)
-                    return false;
-            }
-            return true;
-        });
-        return isConfigFound;
-    }
-    parseRequest(request) {
-        const { method, url: path, params, body } = request;
-        const query = {};
-        params.keys().forEach((key) => {
-            query[key] = params.get(key);
-        });
-        return { method, path, query, body };
+        const requestDetails = {
+            method: request.method,
+            path: request.url,
+            query: this.utilService.extractQueryParams(request.params),
+            body: request.body,
+        };
+        return this.componentLevelApiConfig.some((apiConfig) => this.isApiConfigMatching(apiConfig, requestDetails));
     }
     getPageCode() {
         var _a;
         const currentRoute = this.router.routerState.snapshot.root.firstChild;
         return (_a = currentRoute === null || currentRoute === void 0 ? void 0 : currentRoute.data) === null || _a === void 0 ? void 0 : _a.pageCode;
     }
+    isApiConfigMatching(apiConfig, requestDetails) {
+        return (this.utilService.isStringEqual(apiConfig.method, requestDetails.method) &&
+            this.utilService.isSubstringInString(apiConfig.path, requestDetails.path) &&
+            this.utilService.isSubsetOfObject(apiConfig.query, requestDetails.query) &&
+            this.utilService.isSubsetOfArray(apiConfig.body, requestDetails.body) &&
+            (!apiConfig.pageCodes ||
+                this.utilService.isValueInArray(apiConfig.pageCodes, requestDetails.pageCode || '')));
+    }
 }
 GlobalErrorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: GlobalErrorService, deps: [{ token: SnackBarService }, { token: UtilsService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable });
 GlobalErrorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: GlobalErrorService, providedIn: 'root' });
@@ -468,23 +462,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: SnackBarService }, { type: UtilsService }, { type: i3.Router }]; } });
 
-class AuthService {
-    constructor(authorizer) {
-        this.authorizer = authorizer;
-    }
-    logoutUser() {
-        this.authorizer.logout();
-    }
-}
-AuthService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: AuthService, deps: [{ token: i1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Injectable });
-AuthService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: AuthService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: AuthService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return [{ type: i1.AuthorizerService }]; } });
-
 class RouterService {
     redirectToLogin() {
         window.location.href =
@@ -504,6 +481,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
 
 const VCOMPLY_LOGO_URL = 'https://cdn.v-comply.com/logo/prod/v-logo.svg';
 const API_TIMEOUT_TIME = 1000 * 15;
+const ORGANISATION_NAME = 'VCOMPLY TECHNOLOGIES, INC.';
+const ERROR_FEATURE_FLAG = 'ff_error_handling';
 const ERROR_CONFIG = {
     PAGE_NOT_FOUND: {
         imageUrl: 'https://cdn.v-comply.com/application/images/Error-page-illustration.svg',
@@ -529,7 +508,7 @@ const ERROR_CONFIG = {
     },
     CHUNK_UNAVAILABLE: {
         heading: 'Oops!',
-        description: 'We are unable to load the data.',
+        description: 'Something went wrong. Please refresh the page or try again later.',
         buttonText: 'REFRESH',
     },
     SERVER_ERROR: {
@@ -550,6 +529,17 @@ const ERROR_CONFIG = {
     NETWORK_UNAVAILABLE: {
         offlineMessage: "You're currently offline. Please check your internet connection and try again.",
     },
+};
+const REDIRECTION_URL = {
+    compliance_dashboard: '/global-dashboard/compliance_dashboard',
+};
+const MODAL_ERROR_TYPES = {
+    CHUNK_NOT_FOUND: 'chunk_not_found',
+    SESSION_EXPIRED: 'session_expired',
+};
+const ALT_IMAGE_TEXT = {
+    ERROR_IMAGE: 'Error Image',
+    VCOMPLY_LOGO: 'VComply',
 };
 
 class SnackBarComponent {
@@ -606,7 +596,7 @@ class ErrorModalComponent {
         this.authService = authService;
         this.dialogConfig = dialogConfig;
         this.routerService = routerService;
-        this.errorType = 'session_expired';
+        this.errorTypes = MODAL_ERROR_TYPES;
         this.data = {
             heading: 'Message',
             description: 'Description',
@@ -620,16 +610,18 @@ class ErrorModalComponent {
         this.errorType = (_b = this.dialogConfig.data) === null || _b === void 0 ? void 0 : _b.errorType;
     }
     onContinueAction() {
-        if (this.errorType === 'session_expired') {
-            this.authService.logoutUser();
-            this.routerService.redirectToLogin();
-        }
-        else if (this.errorType === 'chunk_not_found') {
-            window.location.reload();
+        switch (this.errorType) {
+            case this.errorTypes.SESSION_EXPIRED:
+                this.authService.logout();
+                this.routerService.redirectToLogin();
+                break;
+            case this.errorTypes.CHUNK_NOT_FOUND:
+                window.location.reload();
+                break;
         }
     }
 }
-ErrorModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ErrorModalComponent, deps: [{ token: AuthService }, { token: DialogConfig }, { token: RouterService }], target: i0.ɵɵFactoryTarget.Component });
+ErrorModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ErrorModalComponent, deps: [{ token: i1.AuthorizerService }, { token: DialogConfig }, { token: RouterService }], target: i0.ɵɵFactoryTarget.Component });
 ErrorModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ErrorModalComponent, selector: "lib-vc-error-modal", inputs: { errorType: "errorType" }, ngImport: i0, template: ` <div class="error-dialog-box">
     <div class="error-dialog-box-top">{{ data.heading }}</div>
     <div class="error-dialog-box-mid">
@@ -654,7 +646,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
       </button>
     </div>
   </div>`, styles: [".error-dialog-box{background:#fff;border-radius:.75rem;box-shadow:0 1px 10px #0003;width:27rem}.error-dialog-box-top{color:#000;font-size:16px;font-weight:500;border-radius:.75rem .75rem 0 0;display:flex;align-items:center;height:3.375rem;padding:0 1rem;margin-bottom:1rem}.error-dialog-box-mid{color:#565a6f;font-size:13px;min-height:5.5rem;padding:0 1rem}.error-dialog-box-bottom{display:flex;justify-content:end;padding:1rem}.error-dialog-box-bottom button.logIn-btn{background:#1e5dd3;border-radius:.125rem;border:none;color:#fff;cursor:pointer;font-size:11px;height:2rem;padding:.5rem .75rem}\n"] }]
-        }], ctorParameters: function () { return [{ type: AuthService }, { type: DialogConfig }, { type: RouterService }]; }, propDecorators: { errorType: [{
+        }], ctorParameters: function () { return [{ type: i1.AuthorizerService }, { type: DialogConfig }, { type: RouterService }]; }, propDecorators: { errorType: [{
                 type: Input
             }] } });
 
@@ -838,6 +830,7 @@ class SessionExpiredComponent {
     constructor(dialogService) {
         this.dialogService = dialogService;
         this.errorConfig = ERROR_CONFIG.SESSION_EXPIRED;
+        this.errorTypes = MODAL_ERROR_TYPES;
     }
     ngOnInit() {
         this.openSessionExpiredModal();
@@ -845,7 +838,7 @@ class SessionExpiredComponent {
     openSessionExpiredModal() {
         this.dialogService.open(ErrorModalComponent, {
             data: {
-                errorType: 'session_expired',
+                errorType: this.errorTypes.SESSION_EXPIRED,
                 errorConfig: this.errorConfig,
             },
             position: 'center',
@@ -868,6 +861,8 @@ class UnauthorizedComponent {
         this.currentYear = new Date().getFullYear();
         this.errorConfig = ERROR_CONFIG.UNAUTHORIZED;
         this.VcomplyLogo = VCOMPLY_LOGO_URL;
+        this.altImageText = ALT_IMAGE_TEXT;
+        this.organisationName = ORGANISATION_NAME;
     }
     redirectToSupport() {
         window.location.href = this.errorConfig.mail;
@@ -877,14 +872,19 @@ UnauthorizedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ve
 UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: UnauthorizedComponent, selector: "lib-vc-error-unauthorized", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -894,7 +894,9 @@ UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             <div class="errorPage-text">{{ errorConfig.description }}</div>
             <div class="errorPage-details">
               {{ errorConfig.details }}
-              <a href="mailto:{help@v-comply.com}">{{ errorConfig.email }}</a>
+              <a [href]="'mailto:' + errorConfig.email">{{
+                errorConfig.email
+              }}</a>
               {{ errorConfig.support }}.
             </div>
             <button class="errorPage-btn" (click)="redirectToSupport()">
@@ -903,7 +905,7 @@ UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
           </div>
         </div>
         <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, VCOMPLY TECHNOLOGIES, INC.
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
         </div>
       </div>
     </div>
@@ -913,14 +915,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             args: [{ selector: 'lib-vc-error-unauthorized', template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -930,7 +937,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             <div class="errorPage-text">{{ errorConfig.description }}</div>
             <div class="errorPage-details">
               {{ errorConfig.details }}
-              <a href="mailto:{help@v-comply.com}">{{ errorConfig.email }}</a>
+              <a [href]="'mailto:' + errorConfig.email">{{
+                errorConfig.email
+              }}</a>
               {{ errorConfig.support }}.
             </div>
             <button class="errorPage-btn" (click)="redirectToSupport()">
@@ -939,7 +948,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
           </div>
         </div>
         <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, VCOMPLY TECHNOLOGIES, INC.
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
         </div>
       </div>
     </div>
@@ -950,6 +959,7 @@ class ChunkUnavailableComponent {
     constructor(dialogService) {
         this.dialogService = dialogService;
         this.errorConfig = ERROR_CONFIG.CHUNK_UNAVAILABLE;
+        this.errorType = MODAL_ERROR_TYPES;
     }
     ngOnInit() {
         this.openSessionExpiredModal();
@@ -957,7 +967,7 @@ class ChunkUnavailableComponent {
     openSessionExpiredModal() {
         this.dialogService.open(ErrorModalComponent, {
             data: {
-                errorType: 'chunk_not_found',
+                errorType: this.errorType.CHUNK_NOT_FOUND,
                 errorConfig: this.errorConfig,
             },
             position: 'center',
@@ -979,6 +989,7 @@ class ServerErrorComponent {
     constructor() {
         this.errorConfig = ERROR_CONFIG.SERVER_ERROR;
         this.VcomplyLogo = VCOMPLY_LOGO_URL;
+        this.altImageText = ALT_IMAGE_TEXT;
     }
     refreshPage() {
         window.location.reload();
@@ -988,14 +999,19 @@ ServerErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", ver
 ServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ServerErrorComponent, selector: "lib-vc-error-server-error", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -1017,14 +1033,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             args: [{ selector: 'lib-vc-error-server-error', template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -1076,17 +1097,14 @@ class VcErrorHandlersComponent {
         });
     }
     handleError(error) {
-        if (error.status === ErrorStatusCode.Unauthenticated) {
-            this.sessionExpired = true;
-        }
-        else if (error.status === ErrorStatusCode.UnauthorizedAccess) {
-            this.unauthorized = true;
-        }
-        else if (error.status === ErrorStatusCode.JSChunkUnavailable) {
-            this.chunkUnavailable = true;
-        }
-        else if (error.status === ErrorStatusCode.NetworkUnavailable) {
-            this.handleNetworkError();
+        const errorHandlers = {
+            [ErrorStatusCode.Unauthenticated]: () => (this.sessionExpired = true),
+            [ErrorStatusCode.UnauthorizedAccess]: () => (this.unauthorized = true),
+            [ErrorStatusCode.JSChunkUnavailable]: () => (this.chunkUnavailable = true),
+            [ErrorStatusCode.NetworkUnavailable]: () => this.handleNetworkError(),
+        };
+        if (errorHandlers[error.status]) {
+            errorHandlers[error.status]();
         }
         else if (this.errorService.isServerError(error)) {
             this.serverError = true;
@@ -1139,28 +1157,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         }], ctorParameters: function () { return [{ type: GlobalErrorService }, { type: SnackBarService }]; } });
 
 class PageNotFoundComponent {
-    constructor(router) {
-        this.router = router;
+    constructor() {
         this.errorConfig = ERROR_CONFIG.PAGE_NOT_FOUND;
         this.VcomplyLogo = VCOMPLY_LOGO_URL;
+        this.altImageText = ALT_IMAGE_TEXT;
         this.currentYear = new Date().getFullYear();
+        this.redirectionUrl = REDIRECTION_URL;
+        this.organisationName = ORGANISATION_NAME;
     }
     redirectToHome() {
-        window.location.replace('/global-dashboard/compliance_dashboard');
+        window.location.replace(this.redirectionUrl.compliance_dashboard);
     }
 }
-PageNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
+PageNotFoundComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 PageNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: PageNotFoundComponent, selector: "lib-vc-error-page-not-found", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -1175,7 +1200,7 @@ PageNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
           </div>
         </div>
         <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, VCOMPLY TECHNOLOGIES, INC.
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
         </div>
       </div>
     </div>
@@ -1185,14 +1210,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
             args: [{ selector: 'lib-vc-error-page-not-found', template: `
     <div class="errorPage">
       <div class="errorPage-top">
-        <img [src]="VcomplyLogo" alt="VComply" width="24" height="24" />
+        <img
+          [src]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
       </div>
       <div class="errorPage-container">
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
               [src]="errorConfig.imageUrl"
-              alt="Error Image"
+              [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
             />
@@ -1207,16 +1237,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
           </div>
         </div>
         <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, VCOMPLY TECHNOLOGIES, INC.
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
         </div>
       </div>
     </div>
   `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.errorPage{background:#161b2f;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.errorPage-top{width:100%;height:3rem;display:flex;align-items:center;padding-left:.75rem}.errorPage-container{background:#f2f2f5;border-radius:.75rem;border:1px solid #e3e3e9;box-shadow:0 4px 8px #1d5dd31a;height:calc(100vh - 3.75rem);display:flex;align-items:center;justify-content:center;padding:0 4rem;margin:0 .75rem;position:relative}.errorPage-inner{display:flex;align-items:center}.errorPage-inner-image{width:16rem}.errorPage-inner-right{margin-left:2rem;width:calc(100% - 18rem)}.errorPage-inner-right .errorPage-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:78px;font-weight:bold;line-height:110px;margin-bottom:1.5rem}.errorPage-inner-right .errorPage-text{color:#141724;font-size:19px;font-weight:500;line-height:1.75rem;margin-bottom:.5rem}.errorPage-inner-right .errorPage-details{color:#565a6f;font-size:13px;line-height:20px;margin-bottom:1.75rem}.errorPage-inner-right .errorPage-btn{background:#1e5dd3;border-radius:.25rem;border:none;color:#fff;display:inline-flex;align-items:center;font-size:11px;font-weight:500;line-height:2rem;padding:0 1rem}.errorPage-inner-right .errorPage-btn i{font-size:14px;margin-left:.25rem}.errorPage-copyright{font-size:11px;color:#787a8c;font-weight:500;position:absolute;bottom:8px;right:16px;line-height:16px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i3.Router }]; } });
+        }] });
 
 class ComponentLevelServerErrorComponent {
     constructor() {
         this.errorConfig = ERROR_CONFIG.COMPONENT_LEVEL_SERVER_ERROR;
+        this.altImageText = ALT_IMAGE_TEXT;
         this.VcomplyLogo = VCOMPLY_LOGO_URL;
         this.onClick = new EventEmitter();
     }
@@ -1228,7 +1259,7 @@ ComponentLevelServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
         <div class="serverError-inner-image">
           <img
             [src]="errorConfig.imageUrl"
-            alt="Error Image"
+            [alt]="altImageText.ERROR_IMAGE"
             width="106"
             height="76"
           />
@@ -1253,7 +1284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         <div class="serverError-inner-image">
           <img
             [src]="errorConfig.imageUrl"
-            alt="Error Image"
+            [alt]="altImageText.ERROR_IMAGE"
             width="106"
             height="76"
           />
@@ -1524,15 +1555,13 @@ class SentryErrorHandler {
     }
     handleError(error) {
         const ERROR = (error === null || error === void 0 ? void 0 : error.originalError) || error;
-        this.handleChunkNotFoundError(ERROR);
+        this.handleChunkError(ERROR);
         Sentry.captureException(ERROR);
     }
-    handleChunkNotFoundError(error) {
-        const failedMessage = /Loading chunk [\d]+ failed/;
-        if (failedMessage.test(error.message)) {
-            this.errorService.globalError$.next({
-                status: ErrorStatusCode.JSChunkUnavailable,
-            });
+    handleChunkError(error) {
+        const chunkFailedMessage = /Loading chunk [\d]+ failed/;
+        if (chunkFailedMessage.test(error === null || error === void 0 ? void 0 : error.message)) {
+            window.location.reload();
         }
     }
 }
@@ -1552,7 +1581,7 @@ class HttpReqInterceptor {
         this.featureFlagService = featureFlagService;
     }
     intercept(req, next) {
-        if (this.featureFlagService.isFeatureEnabled('ff_error_handling')) {
+        if (this.featureFlagService.isFeatureEnabled(ERROR_FEATURE_FLAG)) {
             return next.handle(req).pipe(timeout(API_TIMEOUT_TIME), tap((event) => {
                 if (event instanceof HttpResponse) {
                     this.errorService.handleSoftErrors(event);
@@ -1646,5 +1675,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AuthService, ChunkUnavailableComponent, ComponentLevelServerErrorComponent, ErrorModalComponent, FOR_ROOT_SENTRY_OPTIONS_TOKEN, GlobalErrorService, HttpReqInterceptor, PageNotFoundComponent, RouterService, ServerErrorComponent, SessionExpiredComponent, UnauthorizedComponent, VcErrorHandlersComponent, VcErrorHandlersModule, VcErrorHandlersService };
+export { ChunkUnavailableComponent, ComponentLevelServerErrorComponent, ErrorModalComponent, FOR_ROOT_SENTRY_OPTIONS_TOKEN, GlobalErrorService, HttpReqInterceptor, PageNotFoundComponent, RouterService, ServerErrorComponent, SessionExpiredComponent, UnauthorizedComponent, VcErrorHandlersComponent, VcErrorHandlersModule, VcErrorHandlersService };
 //# sourceMappingURL=vc-error-handlers.mjs.map