vc-error-handlers 0.1.98 → 0.2.0

package/{fesm2020 → fesm2022}/vc-error-handlers.mjs

@@ -3,875 +3,607 @@ 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 i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@vcomply/authorizer';
-import * as i1$1 from '@angular/common/http';
+import * as i1 from '@angular/common';
+import { CommonModule, NgOptimizedImage } from '@angular/common';
+import * as i1$1 from '@vcomply/authorizer';
+import * as i1$2 from '@angular/common/http';
 import { HttpResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { retry, timeout, tap, catchError } from 'rxjs/operators';
 import * as Sentry from '@sentry/angular-ivy';
 
-class VcErrorHandlersService {
-    constructor() { }
-}
-VcErrorHandlersService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-VcErrorHandlersService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+class VcErrorHandlersService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return []; } });
 
-var ErrorStatusCode;
-(function (ErrorStatusCode) {
-    ErrorStatusCode[ErrorStatusCode["URLNotFound"] = 404] = "URLNotFound";
-    ErrorStatusCode[ErrorStatusCode["UnauthorizedAccess"] = 403] = "UnauthorizedAccess";
-    ErrorStatusCode[ErrorStatusCode["Unauthenticated"] = 401] = "Unauthenticated";
-    // Server-side errors
-    ErrorStatusCode[ErrorStatusCode["InternalServerError"] = 500] = "InternalServerError";
-    ErrorStatusCode[ErrorStatusCode["ServiceUnavailable"] = 503] = "ServiceUnavailable";
-    ErrorStatusCode[ErrorStatusCode["BadGateway"] = 502] = "BadGateway";
-    ErrorStatusCode[ErrorStatusCode["RequestTimeout"] = 504] = "RequestTimeout";
-    // Network unavailability/offline case
-    ErrorStatusCode[ErrorStatusCode["NetworkUnavailable"] = 0] = "NetworkUnavailable";
-    // Application-specific errors
-    ErrorStatusCode[ErrorStatusCode["JSChunkUnavailable"] = 600] = "JSChunkUnavailable";
+var ErrorStatusCode;
+(function (ErrorStatusCode) {
+    ErrorStatusCode[ErrorStatusCode["URLNotFound"] = 404] = "URLNotFound";
+    ErrorStatusCode[ErrorStatusCode["UnauthorizedAccess"] = 403] = "UnauthorizedAccess";
+    ErrorStatusCode[ErrorStatusCode["Unauthenticated"] = 401] = "Unauthenticated";
+    // Server-side errors
+    ErrorStatusCode[ErrorStatusCode["InternalServerError"] = 500] = "InternalServerError";
+    ErrorStatusCode[ErrorStatusCode["ServiceUnavailable"] = 503] = "ServiceUnavailable";
+    ErrorStatusCode[ErrorStatusCode["BadGateway"] = 502] = "BadGateway";
+    ErrorStatusCode[ErrorStatusCode["RequestTimeout"] = 504] = "RequestTimeout";
+    // Network unavailability/offline case
+    ErrorStatusCode[ErrorStatusCode["NetworkUnavailable"] = 0] = "NetworkUnavailable";
+    // Application-specific errors
+    ErrorStatusCode[ErrorStatusCode["JSChunkUnavailable"] = 600] = "JSChunkUnavailable";
 })(ErrorStatusCode || (ErrorStatusCode = {}));
 
-const PAGE_LEVEL_API_CONFIG = [
-    {
-        method: '',
-        path: '',
-        query: null,
-        body: null,
-        pageCodes: [''],
-    },
-];
-const COMPONENT_LEVEL_API_CONFIG = [
-    {
-        method: 'GET',
-        path: '/organization/?mode=organisationUsersList',
-        query: { type: 'active' },
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=organisationUsersList',
-        query: { type: 'power_users' },
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=organisationUsersList',
-        query: { type: 'light_users' },
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=organisationUsersList',
-        query: { type: 'inactive' },
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=organisationUsersList',
-        query: { type: 'power_users_small' },
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/Global-Dashboard/ManageDashboards',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/Global-Dashboard/MyDashboard',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/grc_object/?mode=grc/getGRCList',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/compliance/?mode=responsibilityCenterTree',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=rcholidaylist',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=roles/getRoles',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=groupsList',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/compliance_post/?mode=rcProfile',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/organization_post/?mode=userProfile',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=roles/roleById',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=groupDetails',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/compliance_post?mode=report/list',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization/?mode=memberholidaylist',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/grc_object/?mode=activity/activityLogList',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/grc_object/?mode=activity/viewList',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/categoriesList?owner_list=1',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/risk/?mode=category/list',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: 'memberDetailsbyIds',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/organization?mode=signatureDetails',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/responsibilityList',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/getLinkedPolicies',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: 'risk/list',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/assignee',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/evidence/getEvidences/b-cycle-header',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/activity-logs',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/activity-logs-views',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/Assessment/?mode=category/list',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/Assessment/?mode=assessment/list',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/Assessment/?mode=assessment/fetchQuestionsByAssessmentId',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/Assessment/?mode=assessment/responseSummary',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/Assessment/?mode=assessment/logs',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'GET',
-        path: '/program/subCategories',
-        query: null,
-        body: null,
-    },
-    {
-        method: 'POST',
-        path: '/Assessment/?mode=assessment/getAssessmentById',
-        query: null,
-        body: null,
-    },
+const PAGE_LEVEL_API_CONFIG = [
+    {
+        method: '',
+        path: '',
+        query: null,
+        body: null,
+        pageCodes: [''],
+    },
+];
+const COMPONENT_LEVEL_API_CONFIG = [
+    {
+        method: 'GET',
+        path: '/organization/?mode=organisationUsersList',
+        query: { type: 'active' },
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=organisationUsersList',
+        query: { type: 'power_users' },
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=organisationUsersList',
+        query: { type: 'light_users' },
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=organisationUsersList',
+        query: { type: 'inactive' },
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=organisationUsersList',
+        query: { type: 'power_users_small' },
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/Global-Dashboard/ManageDashboards',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/Global-Dashboard/MyDashboard',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/grc_object/?mode=grc/getGRCList',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/compliance/?mode=responsibilityCenterTree',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=rcholidaylist',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=roles/getRoles',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=groupsList',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/compliance_post/?mode=rcProfile',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/organization_post/?mode=userProfile',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=roles/roleById',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=groupDetails',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/compliance_post?mode=report/list',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization/?mode=memberholidaylist',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/grc_object/?mode=activity/activityLogList',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/grc_object/?mode=activity/viewList',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/categoriesList?owner_list=1',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/risk/?mode=category/list',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: 'memberDetailsbyIds',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/organization?mode=signatureDetails',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/responsibilityList',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/getLinkedPolicies',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: 'risk/list',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/assignee',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/evidence/getEvidences/b-cycle-header',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/activity-logs',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/activity-logs-views',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/Assessment/?mode=category/list',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/Assessment/?mode=assessment/list',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/Assessment/?mode=assessment/fetchQuestionsByAssessmentId',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/Assessment/?mode=assessment/responseSummary',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/Assessment/?mode=assessment/logs',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'GET',
+        path: '/program/subCategories',
+        query: null,
+        body: null,
+    },
+    {
+        method: 'POST',
+        path: '/Assessment/?mode=assessment/getAssessmentById',
+        query: null,
+        body: null,
+    },
 ];
 
-class SnackBarService {
-    constructor() {
-        this.snackbarSubject = new Subject();
-        this.snackbarState = this.snackbarSubject.asObservable();
-    }
-    show(message, type) {
-        this.snackbarSubject.next({
-            show: true,
-            message,
-            icon: type,
-        });
-    }
-    hide() {
-        this.snackbarSubject.next({
-            show: false,
-            message: '',
-            icon: '',
-        });
-    }
-}
-SnackBarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SnackBarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class SnackBarService {
+    constructor() {
+        this.snackbarSubject = new Subject();
+        this.snackbarState = this.snackbarSubject.asObservable();
+    }
+    show(message, type) {
+        this.snackbarSubject.next({
+            show: true,
+            message,
+            icon: type,
+        });
+    }
+    hide() {
+        this.snackbarSubject.next({
+            show: false,
+            message: '',
+            icon: '',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return []; } });
 
-class UtilsService {
-    isJsonSubset(parentJson, subsetJson) {
-        for (let key in subsetJson) {
-            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' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: UtilsService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class UtilsService {
+    isJsonSubset(parentJson, subsetJson) {
+        for (let key in subsetJson) {
+            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);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UtilsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }] });
 
-class GlobalErrorService {
-    constructor(snackBarService, utilService, router) {
-        this.snackBarService = snackBarService;
-        this.utilService = utilService;
-        this.router = router;
-        this.globalError$ = new Subject();
-        this.localError$ = new Subject();
-        this.pageLevelApiConfig = PAGE_LEVEL_API_CONFIG;
-        this.componentLevelApiConfig = COMPONENT_LEVEL_API_CONFIG;
-    }
-    handleSoftErrors(event) {
-        const xData = event.headers.get('X-Data');
-        if (xData) {
-            const parsedData = JSON.parse(xData);
-            const statusCode = parsedData.statusCode;
-            const statusMessage = parsedData.message;
-            if (statusCode && statusCode !== 0) {
-                this.snackBarService.show(statusMessage || 'Error occurred', 'error');
-            }
-        }
-    }
-    handleError(error, request) {
-        if (this.isUnauthenticated(error) ||
-            this.isUnauthorizedAccess(error) ||
-            this.isNetworkUnavailable(error)) {
-            this.publishGlobalError(error);
-        }
-        else if (this.isServerError(error)) {
-            this.handleServerError(error, request);
-        }
-        else {
-            this.handleSoftErrors(error);
-        }
-    }
-    isServerError(error) {
-        const serverErrorCodes = [
-            ErrorStatusCode.InternalServerError,
-            ErrorStatusCode.ServiceUnavailable,
-            ErrorStatusCode.BadGateway,
-            ErrorStatusCode.RequestTimeout,
-        ];
-        return serverErrorCodes.includes(error.status);
-    }
-    isUnauthenticated(error) {
-        return error.status === ErrorStatusCode.Unauthenticated;
-    }
-    isUnauthorizedAccess(error) {
-        return error.status === ErrorStatusCode.UnauthorizedAccess;
-    }
-    isNetworkUnavailable(error) {
-        return error.status === ErrorStatusCode.NetworkUnavailable;
-    }
-    handleServerError(error, request) {
-        if (this.isPageLevelError(error, request)) {
-            this.publishGlobalError(error);
-        }
-        else if (this.isComponentLevelError(error, request)) {
-            this.publishLocalError(error, request);
-        }
-    }
-    publishGlobalError(error) {
-        this.globalError$.next(error);
-    }
-    publishLocalError(error, request) {
-        this.localError$.next({ error, request });
-    }
-    isPageLevelError(error, request) {
-        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 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() {
-        const currentRoute = this.router.routerState.snapshot.root.firstChild;
-        return currentRoute?.data?.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' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: GlobalErrorService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class GlobalErrorService {
+    constructor(snackBarService, utilService, router) {
+        this.snackBarService = snackBarService;
+        this.utilService = utilService;
+        this.router = router;
+        this.globalError$ = new Subject();
+        this.localError$ = new Subject();
+        this.pageLevelApiConfig = PAGE_LEVEL_API_CONFIG;
+        this.componentLevelApiConfig = COMPONENT_LEVEL_API_CONFIG;
+    }
+    handleSoftErrors(event) {
+        const xData = event.headers.get('X-Data');
+        if (xData) {
+            const parsedData = JSON.parse(xData);
+            const statusCode = parsedData.statusCode;
+            const statusMessage = parsedData.message;
+            if (statusCode && statusCode !== 0) {
+                this.snackBarService.show(statusMessage || 'Error occurred', 'error');
+            }
+        }
+    }
+    handleError(error, request) {
+        if (this.isUnauthenticated(error) ||
+            this.isUnauthorizedAccess(error) ||
+            this.isNetworkUnavailable(error)) {
+            this.publishGlobalError(error);
+        }
+        else if (this.isServerError(error)) {
+            this.handleServerError(error, request);
+        }
+        else {
+            this.handleSoftErrors(error);
+        }
+    }
+    isServerError(error) {
+        const serverErrorCodes = [
+            ErrorStatusCode.InternalServerError,
+            ErrorStatusCode.ServiceUnavailable,
+            ErrorStatusCode.BadGateway,
+            ErrorStatusCode.RequestTimeout,
+        ];
+        return serverErrorCodes.includes(error.status);
+    }
+    isUnauthenticated(error) {
+        return error.status === ErrorStatusCode.Unauthenticated;
+    }
+    isUnauthorizedAccess(error) {
+        return error.status === ErrorStatusCode.UnauthorizedAccess;
+    }
+    isNetworkUnavailable(error) {
+        return error.status === ErrorStatusCode.NetworkUnavailable;
+    }
+    handleServerError(error, request) {
+        if (this.isPageLevelError(error, request)) {
+            this.publishGlobalError(error);
+        }
+        else if (this.isComponentLevelError(error, request)) {
+            this.publishLocalError(error, request);
+        }
+    }
+    publishGlobalError(error) {
+        this.globalError$.next(error);
+    }
+    publishLocalError(error, request) {
+        this.localError$.next({ error, request });
+    }
+    isPageLevelError(error, request) {
+        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 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() {
+        const currentRoute = this.router.routerState.snapshot.root.firstChild;
+        return currentRoute?.data?.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 || '')));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GlobalErrorService, deps: [{ token: SnackBarService }, { token: UtilsService }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GlobalErrorService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: GlobalErrorService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }], ctorParameters: function () { return [{ type: SnackBarService }, { type: UtilsService }, { type: i3.Router }]; } });
 
-class RouterService {
-    redirectToLogin() {
-        window.location.href =
-            `https://${window.location.host}/` +
-                'signin?redirectURL=' +
-                encodeURIComponent(window.location.href);
-    }
-}
-RouterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-RouterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: RouterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: RouterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
+class RouterService {
+    redirectToLogin() {
+        window.location.href =
+            `https://${window.location.host}/` +
+                'signin?redirectURL=' +
+                encodeURIComponent(window.location.href);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
         }] });
 
-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',
-        title: 'Oops!',
-        description: "The page you're looking for doesn't exist.",
-        details: 'Please check the URL or return to the homepage.',
-        buttonText: 'GO TO DASHBOARD',
-    },
-    UNAUTHORIZED: {
-        imageUrl: 'https://cdn.v-comply.com/application/images/Error-page-illustration.svg',
-        title: 'Oops!',
-        description: "You don't have permission to access this page.",
-        details: 'If you believe this is an error, please contact',
-        email: 'help@v-comply.com',
-        support: 'for support',
-        buttonText: 'CONTACT SUPPORT',
-        mail: 'mailto:help@v-comply.com',
-    },
-    SESSION_EXPIRED: {
-        heading: 'Session Expired!',
-        description: 'Your session has expired. Please log in again to continue using the app.',
-        buttonText: 'LOGIN',
-    },
-    CHUNK_UNAVAILABLE: {
-        heading: 'Oops!',
-        description: 'Something went wrong. Please refresh the page or try again later.',
-        buttonText: 'REFRESH',
-    },
-    SERVER_ERROR: {
-        imageUrl: 'https://cdn.v-comply.com/application/images/Error-page-illustration.svg',
-        title: 'Oops!',
-        description: 'We are unable to load the data.',
-        details: 'Please refresh this page or try again later.',
-        buttonText: 'REFRESH',
-        snackBarMessage: `Oops! Something went wrong. Please try again later.`,
-    },
-    COMPONENT_LEVEL_SERVER_ERROR: {
-        imageUrl: 'https://cdn.v-comply.com/application/images/sad-emoji-icon.svg',
-        title: 'Oops!',
-        description: 'We are unable to load the data.',
-        details: 'Please refresh this section or try again later.',
-        buttonText: 'RETRY',
-    },
-    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',
+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',
+        title: 'Oops!',
+        description: "The page you're looking for doesn't exist.",
+        details: 'Please check the URL or return to the homepage.',
+        buttonText: 'GO TO DASHBOARD',
+    },
+    UNAUTHORIZED: {
+        imageUrl: 'https://cdn.v-comply.com/application/images/Error-page-illustration.svg',
+        title: 'Oops!',
+        description: "You don't have permission to access this page.",
+        details: 'If you believe this is an error, please contact',
+        email: 'help@v-comply.com',
+        support: 'for support',
+        buttonText: 'CONTACT SUPPORT',
+        mail: 'mailto:help@v-comply.com',
+    },
+    SESSION_EXPIRED: {
+        heading: 'Session Expired!',
+        description: 'Your session has expired. Please log in again to continue using the app.',
+        buttonText: 'LOGIN',
+    },
+    CHUNK_UNAVAILABLE: {
+        heading: 'Oops!',
+        description: 'Something went wrong. Please refresh the page or try again later.',
+        buttonText: 'REFRESH',
+    },
+    SERVER_ERROR: {
+        imageUrl: 'https://cdn.v-comply.com/application/images/Error-page-illustration.svg',
+        title: 'Oops!',
+        description: 'We are unable to load the data.',
+        details: 'Please refresh this page or try again later.',
+        buttonText: 'REFRESH',
+        snackBarMessage: `Oops! Something went wrong. Please try again later.`,
+    },
+    COMPONENT_LEVEL_SERVER_ERROR: {
+        imageUrl: 'https://cdn.v-comply.com/application/images/sad-emoji-icon.svg',
+        title: 'Oops!',
+        description: 'We are unable to load the data.',
+        details: 'Please refresh this section or try again later.',
+        buttonText: 'RETRY',
+    },
+    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 {
-    constructor(snackbarService) {
-        this.snackbarService = snackbarService;
-        this.show = false;
-        this.message = '--';
-        this.icon = '';
-        this.type = 'alert';
-        this.icons = {
-            success: '',
-            warning: '',
-            info: '',
-            alert: '',
-            error: '',
-        };
-    }
-    ngOnInit() {
-        this.snackbarSubscription = this.snackbarService.snackbarState.subscribe((state) => {
-            if (state.icon && Object.keys(this.icons).includes(state?.icon)) {
-                this.icon = this.icons[state.icon];
-                this.type = state?.icon;
-            }
-            this.message = state.message;
-            this.show = state.show;
-        });
-    }
-    setAutoClose() {
-        setTimeout(() => {
-            this.show = false;
-            this.close();
-        }, 3000);
-    }
-    close() {
-        this.show = false;
-        this.snackbarService.hide();
-    }
-    ngOnDestroy() {
-        this.snackbarSubscription.unsubscribe();
-    }
-}
-SnackBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarComponent, deps: [{ token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component });
-SnackBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: SnackBarComponent, selector: "app-snack-bar", ngImport: i0, template: "<div class=\"workflow-snackbar\" *ngIf=\"show\">\r\n    <div class=\"workflow-snackbar-inner\">\r\n      <div class=\"workflow-snackbarText\">\r\n        <!-- &#xe914; -->\r\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\r\n      </div>\r\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\r\n    </div>\r\n  </div>", styles: ["::ng-deep .workflow-snackbar{position:fixed;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2147483647!important;pointer-events:none;animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .workflow-snackbar.white{background-color:#fff;color:#000;z-index:20}::ng-deep .workflow-snackbar.white button{color:#f6882f;font-size:11px;font-weight:400;pointer-events:all}::ng-deep .workflow-snackbar .workflow-snackbar-inner{display:flex;max-width:500px;min-width:450px;align-items:center;justify-content:space-between;padding:10px;background:#ffffff;border-radius:3px;box-shadow:0 0 10px #0003;min-height:55px;pointer-events:auto}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText{color:#161b2f;font-size:13px;display:flex;align-items:center;width:calc(100% - 70px)}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i{background:#f1f1f1;color:#d93b41;border-radius:50px;font-size:16px;width:30px;height:30px;text-align:center;line-height:28px;margin-right:10px;min-width:30px}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.success{color:#34aa44}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.warning{color:#f0b819}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.info{color:#1e5dd3}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.alert,::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.error{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner button{background:transparent;border:none;font-size:11px;padding:0;position:relative;color:#747576;width:65px;text-align:right;cursor:pointer;text-transform:uppercase}::ng-deep .workflow-snackbar .workflow-snackbar-inner button span{color:#1e5dd3;font-weight:500}::ng-deep .workflow-snackbar .workflow-snackbar-inner button:focus{outline:none}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}\n"], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-snack-bar', template: "<div class=\"workflow-snackbar\" *ngIf=\"show\">\r\n    <div class=\"workflow-snackbar-inner\">\r\n      <div class=\"workflow-snackbarText\">\r\n        <!-- &#xe914; -->\r\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\r\n      </div>\r\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\r\n    </div>\r\n  </div>", styles: ["::ng-deep .workflow-snackbar{position:fixed;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2147483647!important;pointer-events:none;animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .workflow-snackbar.white{background-color:#fff;color:#000;z-index:20}::ng-deep .workflow-snackbar.white button{color:#f6882f;font-size:11px;font-weight:400;pointer-events:all}::ng-deep .workflow-snackbar .workflow-snackbar-inner{display:flex;max-width:500px;min-width:450px;align-items:center;justify-content:space-between;padding:10px;background:#ffffff;border-radius:3px;box-shadow:0 0 10px #0003;min-height:55px;pointer-events:auto}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText{color:#161b2f;font-size:13px;display:flex;align-items:center;width:calc(100% - 70px)}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i{background:#f1f1f1;color:#d93b41;border-radius:50px;font-size:16px;width:30px;height:30px;text-align:center;line-height:28px;margin-right:10px;min-width:30px}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.success{color:#34aa44}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.warning{color:#f0b819}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.info{color:#1e5dd3}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.alert,::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.error{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner button{background:transparent;border:none;font-size:11px;padding:0;position:relative;color:#747576;width:65px;text-align:right;cursor:pointer;text-transform:uppercase}::ng-deep .workflow-snackbar .workflow-snackbar-inner button span{color:#1e5dd3;font-weight:500}::ng-deep .workflow-snackbar .workflow-snackbar-inner button:focus{outline:none}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}\n"] }]
-        }], ctorParameters: function () { return [{ type: SnackBarService }]; } });
-
-class DialogConfig {
-}
-
-class ErrorModalComponent {
-    constructor(authService, dialogConfig, routerService) {
-        this.authService = authService;
-        this.dialogConfig = dialogConfig;
-        this.routerService = routerService;
-        this.errorTypes = MODAL_ERROR_TYPES;
-        this.data = {
-            heading: 'Message',
-            description: 'Description',
-            buttonText: 'Click Action',
-        };
-        this.setDataConfig();
-    }
-    setDataConfig() {
-        this.data = this.dialogConfig.data?.errorConfig;
-        this.errorType = this.dialogConfig.data?.errorType;
-    }
-    onContinueAction() {
-        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: 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">
-      {{ data.description }}
-    </div>
-    <div class="error-dialog-box-bottom">
-      <button (click)="onContinueAction()" class="logIn-btn">
-        {{ data.buttonText }}
-      </button>
-    </div>
-  </div>`, isInline: true, 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"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ErrorModalComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-vc-error-modal', template: ` <div class="error-dialog-box">
-    <div class="error-dialog-box-top">{{ data.heading }}</div>
-    <div class="error-dialog-box-mid">
-      {{ data.description }}
-    </div>
-    <div class="error-dialog-box-bottom">
-      <button (click)="onContinueAction()" class="logIn-btn">
-        {{ data.buttonText }}
-      </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: i1.AuthorizerService }, { type: DialogConfig }, { type: RouterService }]; }, propDecorators: { errorType: [{
-                type: Input
-            }] } });
-
-class InsertionDirective {
-    constructor(viewContainerRef) {
-        this.viewContainerRef = viewContainerRef;
-    }
-}
-InsertionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: InsertionDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-InsertionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: InsertionDirective, selector: "[appInsertion]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: InsertionDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[appInsertion]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
-
-class DialogRef {
-    constructor() {
-        this.afterDialogClosed = new Subject();
-        this.afterClosed = this.afterDialogClosed.asObservable();
-    }
-    close(result) {
-        // debugger
-        this.afterDialogClosed.next(result);
-        document.body.style.overflow = 'auto';
-    }
-}
-
-class DialogComponent {
-    constructor(componentFactoryResolver, cd, dialogRef, config, router) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.cd = cd;
-        this.dialogRef = dialogRef;
-        this.config = config;
-        this.router = router;
-        this.animation = true;
-        this.onDialogClose = new Subject();
-        this.onClose = this.onDialogClose.asObservable();
-        // this.componentRef = this.componentRef;
-        // this.animate =   this.animate;
-        // this.insertionPoint =  this.insertionPoint;
-        // this.childComponentType =  this.childComponentType;
-    }
-    ngOnInit() {
-        this.position = this.config.position;
-        this.background = this.config.background;
-        document.body.style.overflow = 'hidden';
-        setTimeout(() => {
-            this.animation = false;
-        }, 200);
-        this.routeAction();
-    }
-    routeAction() {
-        this.router.events.subscribe((event) => {
-            if (event instanceof NavigationStart) {
-                // Show loading indicator
-            }
-            if (event instanceof NavigationEnd) {
-                // Hide loading indicator
-                this.dialogRef.close();
-            }
-            if (event instanceof NavigationError) {
-                // Hide loading indicator
-                // Present error to user
-            }
-        });
-    }
-    ngAfterViewInit() {
-        this.loadChildComponent(this.childComponentType);
-        this.cd.detectChanges();
-    }
-    onOverlayClicked(evt) {
-        // this.dialogRef.close();
-    }
-    onDialogClicked(evt) {
-        evt.stopPropagation();
-    }
-    loadChildComponent(componentType) {
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
-        const viewContainerRef = this.insertionPoint.viewContainerRef;
-        viewContainerRef.clear();
-        this.componentRef = viewContainerRef.createComponent(componentFactory);
-    }
-    ngOnDestroy() {
-        if (this.componentRef) {
-            this.componentRef.destroy();
-        }
-    }
-    close(data) {
-        this.onDialogClose.next(data);
-        document.body.style.overflow = 'auto';
-    }
-}
-DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: DialogRef }, { token: DialogConfig }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component });
-DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: DialogComponent, selector: "app-dialog", viewQueries: [{ propertyName: "insertionPoint", first: true, predicate: InsertionDirective, descendants: true, static: true }], ngImport: i0, template: "<div\r\n  class=\"overlay\"\r\n  (click)=\"onOverlayClicked($event)\"\r\n  [ngClass]=\"{\r\n    top: position === 'TOP',\r\n    right: position === 'RIGHT',\r\n    bottom: position === 'BOTTOM',\r\n    left: position === 'LEFT',\r\n    center: position === 'CENTER',\r\n    black: background === 'black',\r\n    whiteBlur: background === 'whiteBlur'\r\n  }\" [class.pointer-none]=\"pointer === 'none'\"\r\n>\r\n  <div\r\n    class=\"dialog\"\r\n    [class.animate]=\"animation\"\r\n    (click)=\"onDialogClicked($event)\"\r\n    [ngClass]=\"{\r\n      top: position === 'TOP',\r\n      right: position === 'RIGHT',\r\n      bottom: position === 'BOTTOM',\r\n      left: position === 'LEFT',\r\n      center: position === 'CENTER'\r\n    }\"\r\n  >\r\n    <ng-template appInsertion></ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".overlay{display:flex;position:fixed;top:0;bottom:0;left:0;right:0;align-items:center;justify-content:center;z-index:2147483009!important}.overlay.low{z-index:1}.overlay.black{background:#161b2fcc}.overlay.whiteBlur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.top{align-items:flex-start}.overlay.right{justify-content:flex-end}.overlay.bottom{align-items:flex-end}.overlay.left{justify-content:flex-start}.dialog{position:relative}.dialog.animate.top{animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-top{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.dialog.animate.right{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.pointer-none{pointer-events:none}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: InsertionDirective, selector: "[appInsertion]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-dialog', template: "<div\r\n  class=\"overlay\"\r\n  (click)=\"onOverlayClicked($event)\"\r\n  [ngClass]=\"{\r\n    top: position === 'TOP',\r\n    right: position === 'RIGHT',\r\n    bottom: position === 'BOTTOM',\r\n    left: position === 'LEFT',\r\n    center: position === 'CENTER',\r\n    black: background === 'black',\r\n    whiteBlur: background === 'whiteBlur'\r\n  }\" [class.pointer-none]=\"pointer === 'none'\"\r\n>\r\n  <div\r\n    class=\"dialog\"\r\n    [class.animate]=\"animation\"\r\n    (click)=\"onDialogClicked($event)\"\r\n    [ngClass]=\"{\r\n      top: position === 'TOP',\r\n      right: position === 'RIGHT',\r\n      bottom: position === 'BOTTOM',\r\n      left: position === 'LEFT',\r\n      center: position === 'CENTER'\r\n    }\"\r\n  >\r\n    <ng-template appInsertion></ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".overlay{display:flex;position:fixed;top:0;bottom:0;left:0;right:0;align-items:center;justify-content:center;z-index:2147483009!important}.overlay.low{z-index:1}.overlay.black{background:#161b2fcc}.overlay.whiteBlur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.top{align-items:flex-start}.overlay.right{justify-content:flex-end}.overlay.bottom{align-items:flex-end}.overlay.left{justify-content:flex-start}.dialog{position:relative}.dialog.animate.top{animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-top{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.dialog.animate.right{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.pointer-none{pointer-events:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: DialogRef }, { type: DialogConfig }, { type: i3.Router }]; }, propDecorators: { insertionPoint: [{
-                type: ViewChild,
-                args: [InsertionDirective, { static: true }]
-            }] } });
-
-class DialogModule {
-}
-DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogModule, declarations: [DialogComponent, InsertionDirective], imports: [CommonModule], exports: [DialogComponent] });
-DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogModule, providers: [DialogRef], imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [DialogComponent, InsertionDirective],
-                    providers: [DialogRef],
-                    exports: [DialogComponent]
-                }]
-        }] });
-
-class DialogInjector {
-    constructor(parentDialogInjector, dialogAdditionalTokens) {
-        this.parentDialogInjector = parentDialogInjector;
-        this.dialogAdditionalTokens = dialogAdditionalTokens;
-    }
-    // get(token: any, notFoundValue?: any){return; }
-    get(token, notFoundValue, flags) {
-        const value = this.dialogAdditionalTokens.get(token);
-        if (value) {
-            return value;
-        }
-        return this.parentDialogInjector.get(token, notFoundValue);
-    }
+class SnackBarComponent {
+    constructor(snackbarService) {
+        this.snackbarService = snackbarService;
+        this.show = false;
+        this.message = '--';
+        this.icon = '&#xe914;';
+        this.type = 'alert';
+        this.icons = {
+            success: '&#xe93d;',
+            warning: '&#xe914;',
+            info: '&#xe932;',
+            alert: '&#xe914;',
+            error: '&#xeaae;',
+        };
+    }
+    ngOnInit() {
+        this.snackbarSubscription = this.snackbarService.snackbarState.subscribe((state) => {
+            if (state.icon && Object.keys(this.icons).includes(state?.icon)) {
+                this.icon = this.icons[state.icon];
+                this.type = state?.icon;
+            }
+            this.message = state.message;
+            this.show = state.show;
+        });
+    }
+    setAutoClose() {
+        setTimeout(() => {
+            this.show = false;
+            this.close();
+        }, 3000);
+    }
+    close() {
+        this.show = false;
+        this.snackbarService.hide();
+    }
+    ngOnDestroy() {
+        this.snackbarSubscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarComponent, deps: [{ token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SnackBarComponent, selector: "app-snack-bar", ngImport: i0, template: "<div class=\"workflow-snackbar\" *ngIf=\"show\">\r\n    <div class=\"workflow-snackbar-inner\">\r\n      <div class=\"workflow-snackbarText\">\r\n        <!-- &#xe914; -->\r\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\r\n      </div>\r\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\r\n    </div>\r\n  </div>", styles: ["::ng-deep .workflow-snackbar{position:fixed;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2147483647!important;pointer-events:none;animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .workflow-snackbar.white{background-color:#fff;color:#000;z-index:20}::ng-deep .workflow-snackbar.white button{color:#f6882f;font-size:11px;font-weight:400;pointer-events:all}::ng-deep .workflow-snackbar .workflow-snackbar-inner{display:flex;max-width:500px;min-width:450px;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:3px;box-shadow:0 0 10px #0003;min-height:55px;pointer-events:auto}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText{color:#161b2f;font-size:13px;display:flex;align-items:center;width:calc(100% - 70px)}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i{background:#f1f1f1;color:#d93b41;border-radius:50px;font-size:16px;width:30px;height:30px;text-align:center;line-height:28px;margin-right:10px;min-width:30px}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.success{color:#34aa44}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.warning{color:#f0b819}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.info{color:#1e5dd3}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.alert{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.error{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner button{background:transparent;border:none;font-size:11px;padding:0;position:relative;color:#747576;width:65px;text-align:right;cursor:pointer;text-transform:uppercase}::ng-deep .workflow-snackbar .workflow-snackbar-inner button span{color:#1e5dd3;font-weight:500}::ng-deep .workflow-snackbar .workflow-snackbar-inner button:focus{outline:none}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-snack-bar', template: "<div class=\"workflow-snackbar\" *ngIf=\"show\">\r\n    <div class=\"workflow-snackbar-inner\">\r\n      <div class=\"workflow-snackbarText\">\r\n        <!-- &#xe914; -->\r\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\r\n      </div>\r\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\r\n    </div>\r\n  </div>", styles: ["::ng-deep .workflow-snackbar{position:fixed;top:20px;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:2147483647!important;pointer-events:none;animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both}::ng-deep .workflow-snackbar.white{background-color:#fff;color:#000;z-index:20}::ng-deep .workflow-snackbar.white button{color:#f6882f;font-size:11px;font-weight:400;pointer-events:all}::ng-deep .workflow-snackbar .workflow-snackbar-inner{display:flex;max-width:500px;min-width:450px;align-items:center;justify-content:space-between;padding:10px;background:#fff;border-radius:3px;box-shadow:0 0 10px #0003;min-height:55px;pointer-events:auto}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText{color:#161b2f;font-size:13px;display:flex;align-items:center;width:calc(100% - 70px)}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i{background:#f1f1f1;color:#d93b41;border-radius:50px;font-size:16px;width:30px;height:30px;text-align:center;line-height:28px;margin-right:10px;min-width:30px}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.success{color:#34aa44}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.warning{color:#f0b819}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.info{color:#1e5dd3}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.alert{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner .workflow-snackbarText i.error{color:#d93b41}::ng-deep .workflow-snackbar .workflow-snackbar-inner button{background:transparent;border:none;font-size:11px;padding:0;position:relative;color:#747576;width:65px;text-align:right;cursor:pointer;text-transform:uppercase}::ng-deep .workflow-snackbar .workflow-snackbar-inner button span{color:#1e5dd3;font-weight:500}::ng-deep .workflow-snackbar .workflow-snackbar-inner button:focus{outline:none}@keyframes slide-top{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}\n"] }]
+        }], ctorParameters: function () { return [{ type: SnackBarService }]; } });
 
-class DialogService {
-    constructor(componentFactoryResolver, appRef, injector) {
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.appRef = appRef;
-        this.injector = injector;
-    }
-    open(componentType, config) {
-        const dialogRef = this.appendDialogComponentToBody(config);
-        this.dialogComponentRef.instance.childComponentType = componentType;
-        return dialogRef;
-    }
-    appendDialogComponentToBody(config) {
-        const map = new WeakMap();
-        map.set(DialogConfig, config);
-        const dialogRef = new DialogRef();
-        map.set(DialogRef, dialogRef);
-        const sub = dialogRef.afterClosed.subscribe(() => {
-            this.removeDialogComponentFromBody();
-            sub.unsubscribe();
-        });
-        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DialogComponent);
-        const componentRef = componentFactory.create(new DialogInjector(this.injector, map));
-        this.appRef.attachView(componentRef.hostView);
-        const domElem = componentRef.hostView.rootNodes[0];
-        document.body.appendChild(domElem);
-        this.dialogComponentRef = componentRef;
-        this.dialogComponentRef.instance.onClose.subscribe(() => {
-            this.removeDialogComponentFromBody();
-        });
-        return dialogRef;
-    }
-    removeDialogComponentFromBody() {
-        this.appRef.detachView(this.dialogComponentRef.hostView);
-        this.dialogComponentRef.destroy();
-    }
-}
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogService, providedIn: DialogModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: DialogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: DialogModule,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
-
-class SessionExpiredComponent {
-    constructor(dialogService) {
-        this.dialogService = dialogService;
-        this.errorConfig = ERROR_CONFIG.SESSION_EXPIRED;
-        this.errorTypes = MODAL_ERROR_TYPES;
-    }
-    ngOnInit() {
-        this.openSessionExpiredModal();
-    }
-    openSessionExpiredModal() {
-        this.dialogService.open(ErrorModalComponent, {
-            data: {
-                errorType: this.errorTypes.SESSION_EXPIRED,
-                errorConfig: this.errorConfig,
-            },
-            position: 'center',
-            background: 'whiteBlur',
-        });
-    }
-}
-SessionExpiredComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SessionExpiredComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-SessionExpiredComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: SessionExpiredComponent, selector: "lib-vc-error-session-expired", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SessionExpiredComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-vc-error-session-expired',
-                    template: ``,
-                }]
-        }], ctorParameters: function () { return [{ type: DialogService }]; } });
-
-class UnauthorizedComponent {
-    constructor() {
-        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;
-    }
-}
-UnauthorizedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: UnauthorizedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: UnauthorizedComponent, selector: "lib-vc-error-unauthorized", ngImport: i0, template: `
+class UnauthorizedComponent {
+    constructor() {
+        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;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UnauthorizedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: UnauthorizedComponent, selector: "lib-vc-error-unauthorized", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -881,7 +613,7 @@ UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -907,14 +639,15 @@ UnauthorizedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </div>
       </div>
     </div>
-  `, isInline: true, 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"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: UnauthorizedComponent, decorators: [{
-            type: Component,
+  `, isInline: true, 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:700;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"], dependencies: [{ kind: "directive", type: i1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: UnauthorizedComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'lib-vc-error-unauthorized', template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -924,7 +657,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -950,55 +683,321 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         </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"] }]
+  `, 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:700;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"] }]
         }] });
 
-class ChunkUnavailableComponent {
-    constructor(dialogService) {
-        this.dialogService = dialogService;
-        this.errorConfig = ERROR_CONFIG.CHUNK_UNAVAILABLE;
-        this.errorType = MODAL_ERROR_TYPES;
-    }
-    ngOnInit() {
-        this.openSessionExpiredModal();
-    }
-    openSessionExpiredModal() {
-        this.dialogService.open(ErrorModalComponent, {
-            data: {
-                errorType: this.errorType.CHUNK_NOT_FOUND,
-                errorConfig: this.errorConfig,
-            },
-            position: 'center',
-            background: 'whiteBlur',
-        });
-    }
-}
-ChunkUnavailableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ChunkUnavailableComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-ChunkUnavailableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ChunkUnavailableComponent, selector: "lib-vc-error-chunk-unavailable", ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ChunkUnavailableComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-vc-error-chunk-unavailable',
-                    template: ``,
-                }]
+class DialogConfig {
+}
+
+class ErrorModalComponent {
+    constructor(authService, dialogConfig, routerService) {
+        this.authService = authService;
+        this.dialogConfig = dialogConfig;
+        this.routerService = routerService;
+        this.errorTypes = MODAL_ERROR_TYPES;
+        this.data = {
+            heading: 'Message',
+            description: 'Description',
+            buttonText: 'Click Action',
+        };
+        this.setDataConfig();
+    }
+    setDataConfig() {
+        this.data = this.dialogConfig.data?.errorConfig;
+        this.errorType = this.dialogConfig.data?.errorType;
+    }
+    onContinueAction() {
+        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;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorModalComponent, deps: [{ token: i1$1.AuthorizerService }, { token: DialogConfig }, { token: RouterService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", 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">
+      {{ data.description }}
+    </div>
+    <div class="error-dialog-box-bottom">
+      <button (click)="onContinueAction()" class="logIn-btn">
+        {{ data.buttonText }}
+      </button>
+    </div>
+  </div>`, isInline: true, 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"] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ErrorModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-vc-error-modal', template: ` <div class="error-dialog-box">
+    <div class="error-dialog-box-top">{{ data.heading }}</div>
+    <div class="error-dialog-box-mid">
+      {{ data.description }}
+    </div>
+    <div class="error-dialog-box-bottom">
+      <button (click)="onContinueAction()" class="logIn-btn">
+        {{ data.buttonText }}
+      </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: i1$1.AuthorizerService }, { type: DialogConfig }, { type: RouterService }]; }, propDecorators: { errorType: [{
+                type: Input
+            }] } });
+
+class InsertionDirective {
+    constructor(viewContainerRef) {
+        this.viewContainerRef = viewContainerRef;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InsertionDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: InsertionDirective, selector: "[appInsertion]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: InsertionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appInsertion]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }]; } });
+
+class DialogRef {
+    constructor() {
+        this.afterDialogClosed = new Subject();
+        this.afterClosed = this.afterDialogClosed.asObservable();
+    }
+    close(result) {
+        // debugger
+        this.afterDialogClosed.next(result);
+        document.body.style.overflow = 'auto';
+    }
+}
+
+class DialogComponent {
+    constructor(componentFactoryResolver, cd, dialogRef, config, router) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.cd = cd;
+        this.dialogRef = dialogRef;
+        this.config = config;
+        this.router = router;
+        this.animation = true;
+        this.onDialogClose = new Subject();
+        this.onClose = this.onDialogClose.asObservable();
+        // this.componentRef = this.componentRef;
+        // this.animate =   this.animate;
+        // this.insertionPoint =  this.insertionPoint;
+        // this.childComponentType =  this.childComponentType;
+    }
+    ngOnInit() {
+        this.position = this.config.position;
+        this.background = this.config.background;
+        document.body.style.overflow = 'hidden';
+        setTimeout(() => {
+            this.animation = false;
+        }, 200);
+        this.routeAction();
+    }
+    routeAction() {
+        this.router.events.subscribe((event) => {
+            if (event instanceof NavigationStart) {
+                // Show loading indicator
+            }
+            if (event instanceof NavigationEnd) {
+                // Hide loading indicator
+                this.dialogRef.close();
+            }
+            if (event instanceof NavigationError) {
+                // Hide loading indicator
+                // Present error to user
+            }
+        });
+    }
+    ngAfterViewInit() {
+        this.loadChildComponent(this.childComponentType);
+        this.cd.detectChanges();
+    }
+    onOverlayClicked(evt) {
+        // this.dialogRef.close();
+    }
+    onDialogClicked(evt) {
+        evt.stopPropagation();
+    }
+    loadChildComponent(componentType) {
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(componentType);
+        const viewContainerRef = this.insertionPoint.viewContainerRef;
+        viewContainerRef.clear();
+        this.componentRef = viewContainerRef.createComponent(componentFactory);
+    }
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+        }
+    }
+    close(data) {
+        this.onDialogClose.next(data);
+        document.body.style.overflow = 'auto';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ChangeDetectorRef }, { token: DialogRef }, { token: DialogConfig }, { token: i3.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DialogComponent, selector: "app-dialog", viewQueries: [{ propertyName: "insertionPoint", first: true, predicate: InsertionDirective, descendants: true, static: true }], ngImport: i0, template: "<div\r\n  class=\"overlay\"\r\n  (click)=\"onOverlayClicked($event)\"\r\n  [ngClass]=\"{\r\n    top: position === 'TOP',\r\n    right: position === 'RIGHT',\r\n    bottom: position === 'BOTTOM',\r\n    left: position === 'LEFT',\r\n    center: position === 'CENTER',\r\n    black: background === 'black',\r\n    whiteBlur: background === 'whiteBlur'\r\n  }\" [class.pointer-none]=\"pointer === 'none'\"\r\n>\r\n  <div\r\n    class=\"dialog\"\r\n    [class.animate]=\"animation\"\r\n    (click)=\"onDialogClicked($event)\"\r\n    [ngClass]=\"{\r\n      top: position === 'TOP',\r\n      right: position === 'RIGHT',\r\n      bottom: position === 'BOTTOM',\r\n      left: position === 'LEFT',\r\n      center: position === 'CENTER'\r\n    }\"\r\n  >\r\n    <ng-template appInsertion></ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".overlay{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;z-index:2147483009!important}.overlay.low{z-index:1}.overlay.black{background:#161b2fcc}.overlay.whiteBlur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.top{align-items:flex-start}.overlay.right{justify-content:flex-end}.overlay.bottom{align-items:flex-end}.overlay.left{justify-content:flex-start}.dialog{position:relative}.dialog.animate.top{animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-top{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.dialog.animate.right{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.pointer-none{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: InsertionDirective, selector: "[appInsertion]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-dialog', template: "<div\r\n  class=\"overlay\"\r\n  (click)=\"onOverlayClicked($event)\"\r\n  [ngClass]=\"{\r\n    top: position === 'TOP',\r\n    right: position === 'RIGHT',\r\n    bottom: position === 'BOTTOM',\r\n    left: position === 'LEFT',\r\n    center: position === 'CENTER',\r\n    black: background === 'black',\r\n    whiteBlur: background === 'whiteBlur'\r\n  }\" [class.pointer-none]=\"pointer === 'none'\"\r\n>\r\n  <div\r\n    class=\"dialog\"\r\n    [class.animate]=\"animation\"\r\n    (click)=\"onDialogClicked($event)\"\r\n    [ngClass]=\"{\r\n      top: position === 'TOP',\r\n      right: position === 'RIGHT',\r\n      bottom: position === 'BOTTOM',\r\n      left: position === 'LEFT',\r\n      center: position === 'CENTER'\r\n    }\"\r\n  >\r\n    <ng-template appInsertion></ng-template>\r\n  </div>\r\n</div>\r\n", styles: [".overlay{display:flex;position:fixed;inset:0;align-items:center;justify-content:center;z-index:2147483009!important}.overlay.low{z-index:1}.overlay.black{background:#161b2fcc}.overlay.whiteBlur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay.top{align-items:flex-start}.overlay.right{justify-content:flex-end}.overlay.bottom{align-items:flex-end}.overlay.left{justify-content:flex-start}.dialog{position:relative}.dialog.animate.top{animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-top{0%{transform:translateY(-100px)}to{transform:translateY(0)}}.dialog.animate.right{animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@keyframes animate-right{0%{transform:translate(100%)}to{transform:translate(0)}}.pointer-none{pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ChangeDetectorRef }, { type: DialogRef }, { type: DialogConfig }, { type: i3.Router }]; }, propDecorators: { insertionPoint: [{
+                type: ViewChild,
+                args: [InsertionDirective, { static: true }]
+            }] } });
+
+class DialogModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, declarations: [DialogComponent, InsertionDirective], imports: [CommonModule], exports: [DialogComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, providers: [DialogRef], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [DialogComponent, InsertionDirective],
+                    providers: [DialogRef],
+                    exports: [DialogComponent]
+                }]
+        }] });
+
+class DialogInjector {
+    constructor(parentDialogInjector, dialogAdditionalTokens) {
+        this.parentDialogInjector = parentDialogInjector;
+        this.dialogAdditionalTokens = dialogAdditionalTokens;
+    }
+    // get(token: any, notFoundValue?: any){return; }
+    get(token, notFoundValue) {
+        const value = this.dialogAdditionalTokens.get(token);
+        if (value) {
+            return value;
+        }
+        return this.parentDialogInjector.get(token, notFoundValue);
+    }
+}
+
+class DialogService {
+    constructor(componentFactoryResolver, appRef, injector) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
+    }
+    open(componentType, config) {
+        const dialogRef = this.appendDialogComponentToBody(config);
+        this.dialogComponentRef.instance.childComponentType = componentType;
+        return dialogRef;
+    }
+    appendDialogComponentToBody(config) {
+        const map = new WeakMap();
+        map.set(DialogConfig, config);
+        const dialogRef = new DialogRef();
+        map.set(DialogRef, dialogRef);
+        const sub = dialogRef.afterClosed.subscribe(() => {
+            this.removeDialogComponentFromBody();
+            sub.unsubscribe();
+        });
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(DialogComponent);
+        const componentRef = componentFactory.create(new DialogInjector(this.injector, map));
+        this.appRef.attachView(componentRef.hostView);
+        const domElem = componentRef.hostView.rootNodes[0];
+        document.body.appendChild(domElem);
+        this.dialogComponentRef = componentRef;
+        this.dialogComponentRef.instance.onClose.subscribe(() => {
+            this.removeDialogComponentFromBody();
+        });
+        return dialogRef;
+    }
+    removeDialogComponentFromBody() {
+        this.appRef.detachView(this.dialogComponentRef.hostView);
+        this.dialogComponentRef.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, providedIn: DialogModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: DialogModule,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }]; } });
+
+class SessionExpiredComponent {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        this.errorConfig = ERROR_CONFIG.SESSION_EXPIRED;
+        this.errorTypes = MODAL_ERROR_TYPES;
+    }
+    ngOnInit() {
+        this.openSessionExpiredModal();
+    }
+    openSessionExpiredModal() {
+        this.dialogService.open(ErrorModalComponent, {
+            data: {
+                errorType: this.errorTypes.SESSION_EXPIRED,
+                errorConfig: this.errorConfig,
+            },
+            position: 'center',
+            background: 'whiteBlur',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SessionExpiredComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SessionExpiredComponent, selector: "lib-vc-error-session-expired", ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SessionExpiredComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-vc-error-session-expired',
+                    template: ``,
+                }]
+        }], ctorParameters: function () { return [{ type: DialogService }]; } });
+
+class ChunkUnavailableComponent {
+    constructor(dialogService) {
+        this.dialogService = dialogService;
+        this.errorConfig = ERROR_CONFIG.CHUNK_UNAVAILABLE;
+        this.errorType = MODAL_ERROR_TYPES;
+    }
+    ngOnInit() {
+        this.openSessionExpiredModal();
+    }
+    openSessionExpiredModal() {
+        this.dialogService.open(ErrorModalComponent, {
+            data: {
+                errorType: this.errorType.CHUNK_NOT_FOUND,
+                errorConfig: this.errorConfig,
+            },
+            position: 'center',
+            background: 'whiteBlur',
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChunkUnavailableComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChunkUnavailableComponent, selector: "lib-vc-error-chunk-unavailable", ngImport: i0, template: ``, isInline: true }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ChunkUnavailableComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-vc-error-chunk-unavailable',
+                    template: ``,
+                }]
         }], ctorParameters: function () { return [{ type: DialogService }]; } });
 
-class ServerErrorComponent {
-    constructor() {
-        this.errorConfig = ERROR_CONFIG.SERVER_ERROR;
-        this.VcomplyLogo = VCOMPLY_LOGO_URL;
-        this.altImageText = ALT_IMAGE_TEXT;
-    }
-    refreshPage() {
-        window.location.reload();
-    }
-}
-ServerErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ServerErrorComponent, selector: "lib-vc-error-server-error", ngImport: i0, template: `
+class ServerErrorComponent {
+    constructor() {
+        this.errorConfig = ERROR_CONFIG.SERVER_ERROR;
+        this.VcomplyLogo = VCOMPLY_LOGO_URL;
+        this.altImageText = ALT_IMAGE_TEXT;
+    }
+    refreshPage() {
+        window.location.reload();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ServerErrorComponent, selector: "lib-vc-error-server-error", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -1008,7 +1007,7 @@ ServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -1025,14 +1024,15 @@ ServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
         </div>
       </div>
     </div>
-  `, isInline: true, 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"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ServerErrorComponent, decorators: [{
-            type: Component,
+  `, isInline: true, 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:700;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"], dependencies: [{ kind: "directive", type: i1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ServerErrorComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'lib-vc-error-server-error', template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -1042,7 +1042,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -1059,73 +1059,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         </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"] }]
+  `, 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:700;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"] }]
         }] });
 
-class VcErrorHandlersComponent {
-    constructor(errorService, snackBarService) {
-        this.errorService = errorService;
-        this.snackBarService = snackBarService;
-        this.errorConfig = ERROR_CONFIG.NETWORK_UNAVAILABLE;
-        this.unauthorized = false;
-        this.sessionExpired = false;
-        this.chunkUnavailable = false;
-        this.serverError = false;
-        this.isOnline = navigator.onLine;
-        this.onNetworkOnline = () => {
-            this.isOnline = true;
-            this.hideSnackBar();
-        };
-        this.onNetworkOffline = () => {
-            this.isOnline = false;
-            this.showOfflineSnackBar();
-        };
-        this.subscribeGlobalError();
-    }
-    ngOnInit() {
-        this.subscribeNetworkDetection();
-    }
-    ngOnDestroy() {
-        window.removeEventListener('online', this.onNetworkOnline);
-        window.removeEventListener('offline', this.onNetworkOffline);
-    }
-    subscribeGlobalError() {
-        this.errorService.globalError$.subscribe((error) => {
-            this.handleError(error);
-        });
-    }
-    handleError(error) {
-        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;
-        }
-    }
-    subscribeNetworkDetection() {
-        window.addEventListener('online', this.onNetworkOnline);
-        window.addEventListener('offline', this.onNetworkOffline);
-    }
-    handleNetworkError() {
-        if (!this.isOnline) {
-            this.showOfflineSnackBar();
-        }
-    }
-    showOfflineSnackBar() {
-        this.snackBarService.show(this.errorConfig.offlineMessage, 'error');
-    }
-    hideSnackBar() {
-        this.snackBarService.hide();
-    }
-}
-VcErrorHandlersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersComponent, deps: [{ token: GlobalErrorService }, { token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component });
-VcErrorHandlersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: VcErrorHandlersComponent, selector: "lib-vc-error-handlers", ngImport: i0, template: `
+class VcErrorHandlersComponent {
+    constructor(errorService, snackBarService) {
+        this.errorService = errorService;
+        this.snackBarService = snackBarService;
+        this.errorConfig = ERROR_CONFIG.NETWORK_UNAVAILABLE;
+        this.unauthorized = false;
+        this.sessionExpired = false;
+        this.chunkUnavailable = false;
+        this.serverError = false;
+        this.isOnline = navigator.onLine;
+        this.onNetworkOnline = () => {
+            this.isOnline = true;
+            this.hideSnackBar();
+        };
+        this.onNetworkOffline = () => {
+            this.isOnline = false;
+            this.showOfflineSnackBar();
+        };
+        this.subscribeGlobalError();
+    }
+    ngOnInit() {
+        this.subscribeNetworkDetection();
+    }
+    ngOnDestroy() {
+        window.removeEventListener('online', this.onNetworkOnline);
+        window.removeEventListener('offline', this.onNetworkOffline);
+    }
+    subscribeGlobalError() {
+        this.errorService.globalError$.subscribe((error) => {
+            this.handleError(error);
+        });
+    }
+    handleError(error) {
+        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;
+        }
+    }
+    subscribeNetworkDetection() {
+        window.addEventListener('online', this.onNetworkOnline);
+        window.addEventListener('offline', this.onNetworkOffline);
+    }
+    handleNetworkError() {
+        if (!this.isOnline) {
+            this.showOfflineSnackBar();
+        }
+    }
+    showOfflineSnackBar() {
+        this.snackBarService.show(this.errorConfig.offlineMessage, 'error');
+    }
+    hideSnackBar() {
+        this.snackBarService.hide();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersComponent, deps: [{ token: GlobalErrorService }, { token: SnackBarService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VcErrorHandlersComponent, selector: "lib-vc-error-handlers", ngImport: i0, template: `
     <app-snack-bar></app-snack-bar>
     <lib-vc-error-session-expired
       *ngIf="sessionExpired"
@@ -1135,11 +1134,12 @@ VcErrorHandlersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
       *ngIf="chunkUnavailable"
     ></lib-vc-error-chunk-unavailable>
     <lib-vc-error-server-error *ngIf="serverError"></lib-vc-error-server-error>
-  `, isInline: true, components: [{ type: SnackBarComponent, selector: "app-snack-bar" }, { type: SessionExpiredComponent, selector: "lib-vc-error-session-expired" }, { type: UnauthorizedComponent, selector: "lib-vc-error-unauthorized" }, { type: ChunkUnavailableComponent, selector: "lib-vc-error-chunk-unavailable" }, { type: ServerErrorComponent, selector: "lib-vc-error-server-error" }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'lib-vc-error-handlers',
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SnackBarComponent, selector: "app-snack-bar" }, { kind: "component", type: UnauthorizedComponent, selector: "lib-vc-error-unauthorized" }, { kind: "component", type: SessionExpiredComponent, selector: "lib-vc-error-session-expired" }, { kind: "component", type: ChunkUnavailableComponent, selector: "lib-vc-error-chunk-unavailable" }, { kind: "component", type: ServerErrorComponent, selector: "lib-vc-error-server-error" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'lib-vc-error-handlers',
                     template: `
     <app-snack-bar></app-snack-bar>
     <lib-vc-error-session-expired
@@ -1150,29 +1150,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
       *ngIf="chunkUnavailable"
     ></lib-vc-error-chunk-unavailable>
     <lib-vc-error-server-error *ngIf="serverError"></lib-vc-error-server-error>
-  `,
-                }]
+  `,
+                }]
         }], ctorParameters: function () { return [{ type: GlobalErrorService }, { type: SnackBarService }]; } });
 
-class PageNotFoundComponent {
-    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(this.redirectionUrl.compliance_dashboard);
-    }
-}
-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: `
+class PageNotFoundComponent {
+    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(this.redirectionUrl.compliance_dashboard);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNotFoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: PageNotFoundComponent, selector: "lib-vc-error-page-not-found", ngImport: i0, template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -1182,7 +1181,7 @@ PageNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -1202,14 +1201,15 @@ PageNotFoundComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </div>
       </div>
     </div>
-  `, isInline: true, 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"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: PageNotFoundComponent, decorators: [{
-            type: Component,
+  `, isInline: true, 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:700;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"], dependencies: [{ kind: "directive", type: i1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNotFoundComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'lib-vc-error-page-not-found', template: `
     <div class="errorPage">
       <div class="errorPage-top">
         <img
-          [src]="VcomplyLogo"
+          [ngSrc]="VcomplyLogo"
           [alt]="altImageText.VCOMPLY_LOGO"
           width="24"
           height="24"
@@ -1219,7 +1219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         <div class="errorPage-inner">
           <div class="errorPage-inner-image">
             <img
-              [src]="errorConfig.imageUrl"
+              [ngSrc]="errorConfig.imageUrl"
               [alt]="altImageText.ERROR_IMAGE"
               width="246"
               height="178"
@@ -1239,24 +1239,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         </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"] }]
+  `, 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:700;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"] }]
         }] });
 
-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();
-    }
-}
-ComponentLevelServerErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ComponentLevelServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ComponentLevelServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.1", type: ComponentLevelServerErrorComponent, selector: "lib-vc-error-component-server-error", outputs: { onClick: "onClick" }, ngImport: i0, template: `
+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();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentLevelServerErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ComponentLevelServerErrorComponent, selector: "lib-vc-error-component-server-error", outputs: { onClick: "onClick" }, ngImport: i0, template: `
     <div class="serverError">
       <div class="serverError-inner">
         <div class="serverError-inner-image">
           <img
-            [src]="errorConfig.imageUrl"
+            [ngSrc]="errorConfig.imageUrl"
             [alt]="altImageText.ERROR_IMAGE"
             width="106"
             height="76"
@@ -1273,15 +1272,16 @@ ComponentLevelServerErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersio
         </div>
       </div>
     </div>
-  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.serverError{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px;width:100%;height:100%}.serverError-inner{text-align:center}.serverError-inner-image{width:16rem;margin:0 auto}.serverError-inner-bottom{margin-top:1rem}.serverError-inner-bottom .serverError-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:40px;font-weight:bold;line-height:56px;margin-bottom:1.5rem}.serverError-inner-bottom .serverError-text{color:#141724;font-size:19px;font-weight:500;line-height:1.75rem;margin-bottom:.5rem}.serverError-inner-bottom .serverError-details{color:#565a6f;font-size:13px;line-height:20px;margin-bottom:2rem}.serverError-inner-bottom .serverError-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}.serverError-inner-bottom .serverError-btn i{font-size:12px;margin-left:8px}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: ComponentLevelServerErrorComponent, decorators: [{
-            type: Component,
+  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.serverError{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px;width:100%;height:100%}.serverError-inner{text-align:center}.serverError-inner-image{width:16rem;margin:0 auto}.serverError-inner-bottom{margin-top:1rem}.serverError-inner-bottom .serverError-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:40px;font-weight:700;line-height:56px;margin-bottom:1.5rem}.serverError-inner-bottom .serverError-text{color:#141724;font-size:19px;font-weight:500;line-height:1.75rem;margin-bottom:.5rem}.serverError-inner-bottom .serverError-details{color:#565a6f;font-size:13px;line-height:20px;margin-bottom:2rem}.serverError-inner-bottom .serverError-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}.serverError-inner-bottom .serverError-btn i{font-size:12px;margin-left:8px}\n"], dependencies: [{ kind: "directive", type: i1.NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ComponentLevelServerErrorComponent, decorators: [{
+            type: Component,
             args: [{ selector: 'lib-vc-error-component-server-error', template: `
     <div class="serverError">
       <div class="serverError-inner">
         <div class="serverError-inner-image">
           <img
-            [src]="errorConfig.imageUrl"
+            [ngSrc]="errorConfig.imageUrl"
             [alt]="altImageText.ERROR_IMAGE"
             width="106"
             height="76"
@@ -1298,376 +1298,303 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImpor
         </div>
       </div>
     </div>
-  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.serverError{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px;width:100%;height:100%}.serverError-inner{text-align:center}.serverError-inner-image{width:16rem;margin:0 auto}.serverError-inner-bottom{margin-top:1rem}.serverError-inner-bottom .serverError-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:40px;font-weight:bold;line-height:56px;margin-bottom:1.5rem}.serverError-inner-bottom .serverError-text{color:#141724;font-size:19px;font-weight:500;line-height:1.75rem;margin-bottom:.5rem}.serverError-inner-bottom .serverError-details{color:#565a6f;font-size:13px;line-height:20px;margin-bottom:2rem}.serverError-inner-bottom .serverError-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}.serverError-inner-bottom .serverError-btn i{font-size:12px;margin-left:8px}\n"] }]
-        }], propDecorators: { onClick: [{
-                type: Output
+  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.serverError{background:#fff;display:flex;align-items:center;justify-content:center;border-radius:2px;width:100%;height:100%}.serverError-inner{text-align:center}.serverError-inner-image{width:16rem;margin:0 auto}.serverError-inner-bottom{margin-top:1rem}.serverError-inner-bottom .serverError-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:40px;font-weight:700;line-height:56px;margin-bottom:1.5rem}.serverError-inner-bottom .serverError-text{color:#141724;font-size:19px;font-weight:500;line-height:1.75rem;margin-bottom:.5rem}.serverError-inner-bottom .serverError-details{color:#565a6f;font-size:13px;line-height:20px;margin-bottom:2rem}.serverError-inner-bottom .serverError-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}.serverError-inner-bottom .serverError-btn i{font-size:12px;margin-left:8px}\n"] }]
+        }], propDecorators: { onClick: [{
+                type: Output
             }] } });
 
-class SnackBarModule {
-}
-SnackBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SnackBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarModule, declarations: [SnackBarComponent], imports: [CommonModule], exports: [SnackBarComponent] });
-SnackBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SnackBarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SnackBarComponent],
-                    imports: [CommonModule],
-                    exports: [SnackBarComponent],
-                }]
+class SnackBarModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SnackBarModule, declarations: [SnackBarComponent], imports: [CommonModule], exports: [SnackBarComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SnackBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SnackBarComponent],
+                    imports: [CommonModule],
+                    exports: [SnackBarComponent],
+                }]
         }] });
 
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-let domainName = 'devapi.v-comply.com';
-let apiBaseUrl = 'https://api-uat1.v-comply.com';
-switch (window.location.host) {
-    case 'dev.v-comply.com':
-        domainName = 'devapi.v-comply.com';
-        apiBaseUrl = 'https://api-uat1.v-comply.com';
-        break;
-    case 'beta.v-comply.com':
-        domainName = 'betaapi.v-comply.com';
-        apiBaseUrl = 'https://api-staging.v-comply.com';
-        break;
-    case 'test.v-comply.com':
-        domainName = 'devapi.v-comply.com';
-        break;
-    case 'eu.v-comply.com':
-        domainName = 'euapi.v-comply.com';
-        break;
-    default:
-        domainName = 'api.v-comply.com';
-        break;
-}
-const PORT_EDITOR = 8081;
-const PORT_CONTENT_SAVE = 8834;
-let endPoint = 'https://devapi.v-comply.com/';
-const environment = {
-    production: false,
-    appUrl: 'http://localhost:4200/',
-    apiBaseUrl: 'https://api-uat1.v-comply.com',
-    authEndpoint: `${endPoint}VcomplyAuth/`,
-    orgEndpoint_TL: `${endPoint}organization_pwt/?mode=`,
-    s3Url: '',
-    s3BucketUrl: `${endPoint}globals?mode=bucket`,
-    s3Bucket: '',
-    profile: '/profile_pic/thumb/',
-    assessmentEnpoint: `${endPoint}Assessment/?mode=`,
-    organizationPost: `${endPoint}organization_post/?mode=`,
-    organizationGet: `${endPoint}organization/?mode=`,
-    complianceGet: `${endPoint}compliance/?mode=`,
-    compliancePost: `${endPoint}compliance_post/?mode=`,
-    fileUploadEndPoint: 'https://upload-uat1.v-comply.com/fileupload/?destination=',
-    assuranceGet: `${endPoint}assurance/?mode=`,
-    policyGet: `${endPoint}policy/?mode=`,
-    saveDoc: 'https://dev-node.v-comply.com/saveContent?bypass-token=true&id=',
-    docxUpload: 'https://dev-node.v-comply.com/ImportDocument',
-    fileUpload: 'https://dev-node.v-comply.com/importFiles',
-    policyPost: `${endPoint}policy_post/?mode=`,
-    policyPut: `${endPoint}policy_put/?mode=`,
-    responsibilityPost: `${endPoint}responsibilities_post/?mode=`,
-    linkDoc: 'https://dev-node.v-comply.com' + '/ImportDocument',
-    linkPdf: 'https://dev-node.v-comply.com' + '/extractDocs',
-    assuranceApi: 'https://devapi.v-comply.com/Assurance/',
-    assurance: 'https://devapi.v-comply.com/Assurance/',
-    programEndpoint: 'https://devapi.v-comply.com/program',
-    risk: 'https://devapi.v-comply.com/risk/?mode=',
-    risk_put: 'https://devapi.v-comply.com/risk_put/?mode=',
-    riskPdfPost: 'https://devapi.v-comply.com/risk_pdf_post?mode=',
-    riskPost: 'https://devapi.v-comply.com/risk_post/?mode=',
-    riskGet: 'https://devapi.v-comply.com/risk/?mode=',
-    baseUrl: 'https://devapi.v-comply.com/',
-    grc_get: 'https://devapi.v-comply.com/grc_object/?mode=',
-    leftMenuLogo: 'https://cdn.v-comply.com/logo/prod/v-logo.svg?v=1.0',
-    vLoader: 'https://cdn.v-comply.com/logo/prod/v-icon-loader.svg?v=1.0',
-};
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.
+class Configurations {
+    constructor() {
+        this.sentryConfig = {};
+        this.envConfig = {};
+    }
+}
 
-class FeatureFlagService {
-    constructor(http, authorizer) {
-        this.http = http;
-        this.authorizer = authorizer;
-        this.flagFetchError = false;
-        this.featuresMap = {};
-        this.AWSFlags = {};
-    }
-    fetchFlags() {
-        return this.http.get(environment.baseUrl + 'features').pipe(retry(2));
-    }
-    loadConfig() {
-        if (this.flagSubscription) {
-            this.flagSubscription.unsubscribe();
-        }
-        return new Promise((resolve, reject) => {
-            this.flagSubscription = this.fetchFlags().subscribe({
-                next: (res) => {
-                    try {
-                        resolve(true);
-                        this.flagFetchError = false;
-                        this.AWSFlags = res;
-                        this.buildFeatureFlags(this.authorizer.getOrganizationId());
-                    }
-                    catch (error) {
-                        reject(error);
-                    }
-                },
-                error: (err) => {
-                    reject(true);
-                    this.flagFetchError = true;
-                    console.log('An error occurred while fetching feature flags', err);
-                },
-            });
-        });
-    }
-    buildFeatureFlags(orgId) {
-        orgId = orgId?.toString();
-        const enabledFeatures = {};
-        Object.keys(this.AWSFlags).forEach((flag) => {
-            const flagObj = this.AWSFlags[flag];
-            enabledFeatures[flag] = false;
-            if (flagObj) {
-                if (flagObj?.enabled && !flagObj.hasOwnProperty('enabledOrgIds')) {
-                    enabledFeatures[flag] = true;
-                }
-                else if (flagObj?.enabled &&
-                    flagObj.hasOwnProperty('enabledOrgIds') &&
-                    flagObj?.enabledOrgIds?.length > 0) {
-                    if (flagObj?.enabledOrgIds?.includes(orgId)) {
-                        enabledFeatures[flag] = true;
-                    }
-                    else {
-                        enabledFeatures[flag] = false;
-                    }
-                }
-                else {
-                    if (flagObj?.enabled) {
-                        enabledFeatures[flag] = true;
-                    }
-                    else {
-                        enabledFeatures[flag] = false;
-                    }
-                }
-            }
-            else {
-                enabledFeatures[flag] = true;
-            }
-        });
-        this.featuresMap = enabledFeatures;
-    }
-    isFeatureEnabled(featureFlag) {
-        if (this.featuresMap.hasOwnProperty(featureFlag)) {
-            return this.featuresMap[featureFlag];
-        }
-        else {
-            return true;
-        }
-    }
-}
-FeatureFlagService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagService, deps: [{ token: i1$1.HttpClient }, { token: i1.AuthorizerService }], target: i0.ɵɵFactoryTarget.Injectable });
-FeatureFlagService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.HttpClient }, { type: i1.AuthorizerService }]; } });
+class FeatureFlagService {
+    constructor(http, authorizer, config) {
+        this.http = http;
+        this.authorizer = authorizer;
+        this.flagFetchError = false;
+        this.featuresMap = {};
+        this.AWSFlags = {};
+        this.environment = config?.envConfig;
+    }
+    fetchFlags() {
+        return this.http.get(this.environment.baseUrl + 'features').pipe(retry(2));
+    }
+    loadConfig() {
+        if (this.flagSubscription) {
+            this.flagSubscription.unsubscribe();
+        }
+        return new Promise((resolve, reject) => {
+            this.flagSubscription = this.fetchFlags().subscribe({
+                next: (res) => {
+                    try {
+                        resolve(true);
+                        this.flagFetchError = false;
+                        this.AWSFlags = res;
+                        this.buildFeatureFlags(this.authorizer.getOrganizationId());
+                    }
+                    catch (error) {
+                        reject(error);
+                    }
+                },
+                error: (err) => {
+                    reject(true);
+                    this.flagFetchError = true;
+                    console.log('An error occurred while fetching feature flags', err);
+                },
+            });
+        });
+    }
+    buildFeatureFlags(orgId) {
+        orgId = orgId?.toString();
+        const enabledFeatures = {};
+        Object.keys(this.AWSFlags).forEach((flag) => {
+            const flagObj = this.AWSFlags[flag];
+            enabledFeatures[flag] = false;
+            if (flagObj) {
+                if (flagObj?.enabled && !flagObj.hasOwnProperty('enabledOrgIds')) {
+                    enabledFeatures[flag] = true;
+                }
+                else if (flagObj?.enabled &&
+                    flagObj.hasOwnProperty('enabledOrgIds') &&
+                    flagObj?.enabledOrgIds?.length > 0) {
+                    if (flagObj?.enabledOrgIds?.includes(orgId)) {
+                        enabledFeatures[flag] = true;
+                    }
+                    else {
+                        enabledFeatures[flag] = false;
+                    }
+                }
+                else {
+                    if (flagObj?.enabled) {
+                        enabledFeatures[flag] = true;
+                    }
+                    else {
+                        enabledFeatures[flag] = false;
+                    }
+                }
+            }
+            else {
+                enabledFeatures[flag] = true;
+            }
+        });
+        this.featuresMap = enabledFeatures;
+    }
+    isFeatureEnabled(featureFlag) {
+        if (this.featuresMap.hasOwnProperty(featureFlag)) {
+            return this.featuresMap[featureFlag];
+        }
+        else {
+            return true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagService, deps: [{ token: i1$2.HttpClient }, { token: i1$1.AuthorizerService }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.HttpClient }, { type: i1$1.AuthorizerService }, { type: Configurations, decorators: [{
+                    type: Optional
+                }] }]; } });
 
-class FeatureFlagDirective {
-    constructor(tpl, vcr, featureFlagService) {
-        this.tpl = tpl;
-        this.vcr = vcr;
-        this.featureFlagService = featureFlagService;
-    }
-    ngOnInit() {
-        const isEnabled = this.featureFlagService.isFeatureEnabled(this.featureFlag);
-        if (isEnabled) {
-            this.vcr.createEmbeddedView(this.tpl);
-        }
-    }
-}
-FeatureFlagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.Directive });
-FeatureFlagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.1", type: FeatureFlagDirective, selector: "[featureFlag]", inputs: { featureFlag: "featureFlag" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: "[featureFlag]"
-                }]
-        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: FeatureFlagService }]; }, propDecorators: { featureFlag: [{
-                type: Input
+class FeatureFlagDirective {
+    constructor(tpl, vcr, featureFlagService) {
+        this.tpl = tpl;
+        this.vcr = vcr;
+        this.featureFlagService = featureFlagService;
+    }
+    ngOnInit() {
+        const isEnabled = this.featureFlagService.isFeatureEnabled(this.featureFlag);
+        if (isEnabled) {
+            this.vcr.createEmbeddedView(this.tpl);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: FeatureFlagDirective, selector: "[featureFlag]", inputs: { featureFlag: "featureFlag" }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[featureFlag]"
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: FeatureFlagService }]; }, propDecorators: { featureFlag: [{
+                type: Input
             }] } });
 
-class FeatureFlagModule {
-}
-FeatureFlagModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FeatureFlagModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagModule, declarations: [FeatureFlagDirective], imports: [CommonModule], exports: [FeatureFlagDirective] });
-FeatureFlagModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagModule, imports: [[
-            CommonModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: FeatureFlagModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FeatureFlagDirective],
-                    imports: [
-                        CommonModule
-                    ],
-                    exports: [FeatureFlagDirective]
-                }]
+class FeatureFlagModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagModule, declarations: [FeatureFlagDirective], imports: [CommonModule], exports: [FeatureFlagDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: FeatureFlagModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FeatureFlagDirective],
+                    imports: [
+                        CommonModule
+                    ],
+                    exports: [FeatureFlagDirective]
+                }]
         }] });
 
-class Configurations {
-    constructor() {
-        this.sentryConfig = {};
-    }
+class SentryErrorHandler {
+    constructor(authorizerService, errorService, config) {
+        this.authorizerService = authorizerService;
+        this.errorService = errorService;
+        if (config?.sentryConfig) {
+            const SENTRY_CONFIG = config.sentryConfig;
+            Sentry.init({
+                dsn: SENTRY_CONFIG?.DSN,
+                integrations: [
+                    new Sentry.BrowserTracing({
+                        tracePropagationTargets: SENTRY_CONFIG.ALLOW_ORIGIN,
+                        routingInstrumentation: Sentry.routingInstrumentation,
+                    }),
+                ],
+                tracesSampleRate: SENTRY_CONFIG.TRACES_SAMPLE_RATE,
+                replaysSessionSampleRate: SENTRY_CONFIG.REPLAY_SESSION_SAMPLE_RATE,
+                replaysOnErrorSampleRate: SENTRY_CONFIG.REPLAY_ON_ERROR_SAMPLE_RATE,
+            });
+            Sentry.setUser({ userDetails: this.authorizerService.getUser() });
+        }
+    }
+    handleError(error) {
+        const ERROR = error?.originalError || error;
+        this.handleChunkError(ERROR);
+        Sentry.captureException(ERROR);
+    }
+    handleChunkError(error) {
+        const chunkFailedMessage = /Loading chunk [\d]+ failed/;
+        if (chunkFailedMessage.test(error?.message)) {
+            window.location.reload();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SentryErrorHandler, deps: [{ token: i1$1.AuthorizerService }, { token: GlobalErrorService }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SentryErrorHandler }); }
 }
-
-class SentryErrorHandler {
-    constructor(authorizerService, errorService, config) {
-        this.authorizerService = authorizerService;
-        this.errorService = errorService;
-        if (config?.sentryConfig) {
-            const SENTRY_CONFIG = config.sentryConfig;
-            Sentry.init({
-                dsn: SENTRY_CONFIG?.DSN,
-                integrations: [
-                    new Sentry.BrowserTracing({
-                        tracePropagationTargets: SENTRY_CONFIG.ALLOW_ORIGIN,
-                        routingInstrumentation: Sentry.routingInstrumentation,
-                    }),
-                ],
-                tracesSampleRate: SENTRY_CONFIG.TRACES_SAMPLE_RATE,
-                replaysSessionSampleRate: SENTRY_CONFIG.REPLAY_SESSION_SAMPLE_RATE,
-                replaysOnErrorSampleRate: SENTRY_CONFIG.REPLAY_ON_ERROR_SAMPLE_RATE,
-            });
-            Sentry.setUser({ userDetails: this.authorizerService.getUser() });
-        }
-    }
-    handleError(error) {
-        const ERROR = error?.originalError || error;
-        this.handleChunkError(ERROR);
-        Sentry.captureException(ERROR);
-    }
-    handleChunkError(error) {
-        const chunkFailedMessage = /Loading chunk [\d]+ failed/;
-        if (chunkFailedMessage.test(error?.message)) {
-            window.location.reload();
-        }
-    }
-}
-SentryErrorHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SentryErrorHandler, deps: [{ token: i1.AuthorizerService }, { token: GlobalErrorService }, { token: Configurations, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-SentryErrorHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SentryErrorHandler });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: SentryErrorHandler, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1.AuthorizerService }, { type: GlobalErrorService }, { type: Configurations, decorators: [{
-                    type: Optional
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SentryErrorHandler, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$1.AuthorizerService }, { type: GlobalErrorService }, { type: Configurations, decorators: [{
+                    type: Optional
                 }] }]; } });
 
-class HttpReqInterceptor {
-    constructor(errorService, featureFlagService) {
-        this.errorService = errorService;
-        this.featureFlagService = featureFlagService;
-    }
-    intercept(req, next) {
-        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);
-                }
-            }), catchError((error) => {
-                this.errorService.handleError(error, req);
-                return throwError(error);
-            }));
-        }
-        else {
-            return next.handle(req);
-        }
-    }
-}
-HttpReqInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: HttpReqInterceptor, deps: [{ token: GlobalErrorService }, { token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.Injectable });
-HttpReqInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: HttpReqInterceptor });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: HttpReqInterceptor, decorators: [{
-            type: Injectable
+class HttpReqInterceptor {
+    constructor(errorService, featureFlagService) {
+        this.errorService = errorService;
+        this.featureFlagService = featureFlagService;
+    }
+    intercept(req, next) {
+        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);
+                }
+            }), catchError((error) => {
+                this.errorService.handleError(error, req);
+                return throwError(error);
+            }));
+        }
+        else {
+            return next.handle(req);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HttpReqInterceptor, deps: [{ token: GlobalErrorService }, { token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HttpReqInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HttpReqInterceptor, decorators: [{
+            type: Injectable
         }], ctorParameters: function () { return [{ type: GlobalErrorService }, { type: FeatureFlagService }]; } });
 
-const FOR_ROOT_SENTRY_OPTIONS_TOKEN = new InjectionToken('forRoot() SentryErrorHandler options');
-class VcErrorHandlersModule {
-    constructor(loadConfig) {
-        this.loadConfig = loadConfig;
-        this.loadConfig.loadConfig();
-    }
-    static forRoot(environmentConfig) {
-        return {
-            ngModule: VcErrorHandlersModule,
-            providers: [{ provide: Configurations, useValue: environmentConfig }],
-        };
-    }
-}
-VcErrorHandlersModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersModule, deps: [{ token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.NgModule });
-VcErrorHandlersModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersModule, bootstrap: [VcErrorHandlersComponent], declarations: [VcErrorHandlersComponent,
-        PageNotFoundComponent,
-        UnauthorizedComponent,
-        SessionExpiredComponent,
-        ChunkUnavailableComponent,
-        ServerErrorComponent,
-        ErrorModalComponent,
-        ComponentLevelServerErrorComponent], imports: [CommonModule, DialogModule, SnackBarModule, FeatureFlagModule], exports: [VcErrorHandlersComponent,
-        PageNotFoundComponent,
-        UnauthorizedComponent,
-        SessionExpiredComponent,
-        ChunkUnavailableComponent,
-        ServerErrorComponent,
-        ErrorModalComponent,
-        ComponentLevelServerErrorComponent] });
-VcErrorHandlersModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersModule, providers: [
-        { provide: ErrorHandler, useClass: SentryErrorHandler },
-        { provide: HTTP_INTERCEPTORS, useClass: HttpReqInterceptor, multi: true },
-    ], imports: [[CommonModule, DialogModule, SnackBarModule, FeatureFlagModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.1", ngImport: i0, type: VcErrorHandlersModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        VcErrorHandlersComponent,
-                        PageNotFoundComponent,
-                        UnauthorizedComponent,
-                        SessionExpiredComponent,
-                        ChunkUnavailableComponent,
-                        ServerErrorComponent,
-                        ErrorModalComponent,
-                        ComponentLevelServerErrorComponent,
-                    ],
-                    imports: [CommonModule, DialogModule, SnackBarModule, FeatureFlagModule],
-                    exports: [
-                        VcErrorHandlersComponent,
-                        PageNotFoundComponent,
-                        UnauthorizedComponent,
-                        SessionExpiredComponent,
-                        ChunkUnavailableComponent,
-                        ServerErrorComponent,
-                        ErrorModalComponent,
-                        ComponentLevelServerErrorComponent,
-                    ],
-                    providers: [
-                        { provide: ErrorHandler, useClass: SentryErrorHandler },
-                        { provide: HTTP_INTERCEPTORS, useClass: HttpReqInterceptor, multi: true },
-                    ],
-                    bootstrap: [VcErrorHandlersComponent],
-                }]
+const FOR_ROOT_SENTRY_OPTIONS_TOKEN = new InjectionToken('forRoot() SentryErrorHandler options');
+class VcErrorHandlersModule {
+    constructor(loadConfig) {
+        this.loadConfig = loadConfig;
+        this.loadConfig.loadConfig();
+    }
+    static forRoot(environmentConfig) {
+        return {
+            ngModule: VcErrorHandlersModule,
+            providers: [{ provide: Configurations, useValue: environmentConfig }],
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersModule, deps: [{ token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersModule, bootstrap: [VcErrorHandlersComponent], declarations: [VcErrorHandlersComponent,
+            PageNotFoundComponent,
+            UnauthorizedComponent,
+            SessionExpiredComponent,
+            ChunkUnavailableComponent,
+            ServerErrorComponent,
+            ErrorModalComponent,
+            ComponentLevelServerErrorComponent], imports: [CommonModule, DialogModule, SnackBarModule, FeatureFlagModule, NgOptimizedImage], exports: [VcErrorHandlersComponent,
+            PageNotFoundComponent,
+            UnauthorizedComponent,
+            SessionExpiredComponent,
+            ChunkUnavailableComponent,
+            ServerErrorComponent,
+            ErrorModalComponent,
+            ComponentLevelServerErrorComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersModule, providers: [
+            { provide: ErrorHandler, useClass: SentryErrorHandler },
+            { provide: HTTP_INTERCEPTORS, useClass: HttpReqInterceptor, multi: true },
+        ], imports: [CommonModule, DialogModule, SnackBarModule, FeatureFlagModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        VcErrorHandlersComponent,
+                        PageNotFoundComponent,
+                        UnauthorizedComponent,
+                        SessionExpiredComponent,
+                        ChunkUnavailableComponent,
+                        ServerErrorComponent,
+                        ErrorModalComponent,
+                        ComponentLevelServerErrorComponent,
+                    ],
+                    imports: [CommonModule, DialogModule, SnackBarModule, FeatureFlagModule, NgOptimizedImage],
+                    exports: [
+                        VcErrorHandlersComponent,
+                        PageNotFoundComponent,
+                        UnauthorizedComponent,
+                        SessionExpiredComponent,
+                        ChunkUnavailableComponent,
+                        ServerErrorComponent,
+                        ErrorModalComponent,
+                        ComponentLevelServerErrorComponent,
+                    ],
+                    providers: [
+                        { provide: ErrorHandler, useClass: SentryErrorHandler },
+                        { provide: HTTP_INTERCEPTORS, useClass: HttpReqInterceptor, multi: true },
+                    ],
+                    bootstrap: [VcErrorHandlersComponent],
+                }]
         }], ctorParameters: function () { return [{ type: FeatureFlagService }]; } });
 
-/*
- * Public API Surface of vc-error-handlers
+/*
+ * Public API Surface of vc-error-handlers
  */
 
-/**
- * Generated bundle index. Do not edit.
+/**
+ * Generated bundle index. Do not edit.
  */
 
 export { ChunkUnavailableComponent, ComponentLevelServerErrorComponent, ErrorModalComponent, FOR_ROOT_SENTRY_OPTIONS_TOKEN, GlobalErrorService, HttpReqInterceptor, PageNotFoundComponent, RouterService, ServerErrorComponent, SessionExpiredComponent, UnauthorizedComponent, VcErrorHandlersComponent, VcErrorHandlersModule, VcErrorHandlersService };