vc-error-handlers 0.4.32 → 0.5.0

package/fesm2022/vc-error-handlers.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, Directive, ViewChild, NgModule, EventEmitter, Output, Optional, InjectionToken, ErrorHandler } from '@angular/core';
+import { Injectable, Optional, Component, Input, Directive, ViewChild, NgModule, EventEmitter, Output, InjectionToken, ErrorHandler } from '@angular/core';
 import { Subject, throwError } from 'rxjs';
 import * as i3 from '@angular/router';
 import { NavigationStart, NavigationEnd, NavigationError } from '@angular/router';
-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, HttpErrorResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
 import { retry, timeout, tap, catchError } from 'rxjs/operators';
+import * as i1 from '@angular/common/http';
+import { HttpResponse, HTTP_INTERCEPTORS } from '@angular/common/http';
+import * as i1$1 from '@vcomply/authorizer';
+import * as i1$2 from '@angular/common';
+import { CommonModule, NgOptimizedImage } from '@angular/common';
 import * as Sentry from '@sentry/angular-ivy';
 
 class VcErrorHandlersService {
@@ -1322,6 +1322,105 @@ const ALT_IMAGE_TEXT = {
     VCOMPLY_LOGO: 'VComply',
 };
 
+class Configurations {
+    constructor() {
+        this.sentryConfig = {};
+        this.envConfig = {};
+    }
+}
+
+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.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.HttpClient }, { type: i1$1.AuthorizerService }, { type: Configurations, decorators: [{
+                    type: Optional
+                }] }]; } });
+
 class SnackBarComponent {
     constructor(snackbarService) {
         this.snackbarService = snackbarService;
@@ -1361,11 +1460,11 @@ class SnackBarComponent {
         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"] }] }); }
+    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\">\n    <div class=\"workflow-snackbar-inner\">\n      <div class=\"workflow-snackbarText\">\n        <!-- &#xe914; -->\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\n      </div>\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\n    </div>\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$2.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"] }]
+            args: [{ selector: 'app-snack-bar', template: "<div class=\"workflow-snackbar\" *ngIf=\"show\">\n    <div class=\"workflow-snackbar-inner\">\n      <div class=\"workflow-snackbarText\">\n        <!-- &#xe914; -->\n        <i class=\"icons\" [class]=\"type\" [innerHTML]=\"icon\"></i> <span [innerHTML]=\"message\">{{ message }}</span>\n      </div>\n      <button (click)=\"close()\">[ <span>Close</span> ]</button>\n    </div>\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 UnauthorizedComponent {
@@ -1380,90 +1479,90 @@ class UnauthorizedComponent {
         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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">
-              {{ errorConfig.details }}
-              <a [href]="'mailto:' + errorConfig.email">{{
-                errorConfig.email
-              }}</a>
-              {{ errorConfig.support }}.
-            </div>
-            <button class="errorPage-btn" (click)="redirectToSupport()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
-            </button>
-          </div>
-        </div>
-        <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
-        </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: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"] }] }); }
+    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
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">
+              {{ errorConfig.details }}
+              <a [href]="'mailto:' + errorConfig.email">{{
+                errorConfig.email
+              }}</a>
+              {{ errorConfig.support }}.
+            </div>
+            <button class="errorPage-btn" (click)="redirectToSupport()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
+            </button>
+          </div>
+        </div>
+        <div class="errorPage-copyright">
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
+        </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: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$2.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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">
-              {{ errorConfig.details }}
-              <a [href]="'mailto:' + errorConfig.email">{{
-                errorConfig.email
-              }}</a>
-              {{ errorConfig.support }}.
-            </div>
-            <button class="errorPage-btn" (click)="redirectToSupport()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
-            </button>
-          </div>
-        </div>
-        <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
-        </div>
-      </div>
-    </div>
+            args: [{ selector: 'lib-vc-error-unauthorized', template: `
+    <div class="errorPage">
+      <div class="errorPage-top">
+        <img
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">
+              {{ errorConfig.details }}
+              <a [href]="'mailto:' + errorConfig.email">{{
+                errorConfig.email
+              }}</a>
+              {{ errorConfig.support }}.
+            </div>
+            <button class="errorPage-btn" (click)="redirectToSupport()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
+            </button>
+          </div>
+        </div>
+        <div class="errorPage-copyright">
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
+        </div>
+      </div>
+    </div>
   `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.errorPage{background:#161b2f;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.errorPage-top{width:100%;height:3rem;display:flex;align-items:center;padding-left:.75rem}.errorPage-container{background:#f2f2f5;border-radius:.75rem;border:1px solid #e3e3e9;box-shadow:0 4px 8px #1d5dd31a;height:calc(100vh - 3.75rem);display:flex;align-items:center;justify-content:center;padding:0 4rem;margin:0 .75rem;position:relative}.errorPage-inner{display:flex;align-items:center}.errorPage-inner-image{width:16rem}.errorPage-inner-right{margin-left:2rem;width:calc(100% - 18rem)}.errorPage-inner-right .errorPage-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:78px;font-weight: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"] }]
         }] });
 
@@ -1499,30 +1598,30 @@ class ErrorModalComponent {
         }
     }
     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>
+    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>
+            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
@@ -1619,11 +1718,11 @@ class DialogComponent {
         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]" }] }); }
+    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\n  class=\"overlay\"\n  (click)=\"onOverlayClicked($event)\"\n  [ngClass]=\"{\n    top: position === 'TOP',\n    right: position === 'RIGHT',\n    bottom: position === 'BOTTOM',\n    left: position === 'LEFT',\n    center: position === 'CENTER',\n    black: background === 'black',\n    whiteBlur: background === 'whiteBlur'\n  }\" [class.pointer-none]=\"pointer === 'none'\"\n>\n  <div\n    class=\"dialog\"\n    [class.animate]=\"animation\"\n    (click)=\"onDialogClicked($event)\"\n    [ngClass]=\"{\n      top: position === 'TOP',\n      right: position === 'RIGHT',\n      bottom: position === 'BOTTOM',\n      left: position === 'LEFT',\n      center: position === 'CENTER'\n    }\"\n  >\n    <ng-template appInsertion></ng-template>\n  </div>\n</div>\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$2.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"] }]
+            args: [{ selector: 'app-dialog', template: "<div\n  class=\"overlay\"\n  (click)=\"onOverlayClicked($event)\"\n  [ngClass]=\"{\n    top: position === 'TOP',\n    right: position === 'RIGHT',\n    bottom: position === 'BOTTOM',\n    left: position === 'LEFT',\n    center: position === 'CENTER',\n    black: background === 'black',\n    whiteBlur: background === 'whiteBlur'\n  }\" [class.pointer-none]=\"pointer === 'none'\"\n>\n  <div\n    class=\"dialog\"\n    [class.animate]=\"animation\"\n    (click)=\"onDialogClicked($event)\"\n    [ngClass]=\"{\n      top: position === 'TOP',\n      right: position === 'RIGHT',\n      bottom: position === 'BOTTOM',\n      left: position === 'LEFT',\n      center: position === 'CENTER'\n    }\"\n  >\n    <ng-template appInsertion></ng-template>\n  </div>\n</div>\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 }]
@@ -1774,79 +1873,80 @@ class ServerErrorComponent {
         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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">{{ errorConfig.details }}</div>
-            <button class="errorPage-btn" (click)="refreshPage()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe92b;</i>
-            </button>
-          </div>
-        </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: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"] }] }); }
+    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
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">{{ errorConfig.details }}</div>
+            <button class="errorPage-btn" (click)="refreshPage()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe92b;</i>
+            </button>
+          </div>
+        </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: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$2.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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">{{ errorConfig.details }}</div>
-            <button class="errorPage-btn" (click)="refreshPage()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe92b;</i>
-            </button>
-          </div>
-        </div>
-      </div>
-    </div>
+            args: [{ selector: 'lib-vc-error-server-error', template: `
+    <div class="errorPage">
+      <div class="errorPage-top">
+        <img
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">{{ errorConfig.details }}</div>
+            <button class="errorPage-btn" (click)="refreshPage()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe92b;</i>
+            </button>
+          </div>
+        </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: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) {
+    constructor(errorService, snackBarService, featureFlagService) {
         this.errorService = errorService;
         this.snackBarService = snackBarService;
+        this.featureFlagService = featureFlagService;
         this.errorConfig = ERROR_CONFIG.NETWORK_UNAVAILABLE;
         this.unauthorized = false;
         this.sessionExpired = false;
@@ -1868,6 +1968,7 @@ class VcErrorHandlersComponent {
     }
     ngOnInit() {
         this.subscribeNetworkDetection();
+        this.featureFlagService.featuresMap = this.feature.featuresMap;
     }
     ngOnDestroy() {
         window.removeEventListener('online', this.onNetworkOnline);
@@ -1907,36 +2008,40 @@ class VcErrorHandlersComponent {
     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", inputs: { disableSnackBar: "disableSnackBar" }, ngImport: i0, template: `
-    <app-snack-bar></app-snack-bar>
-    <lib-vc-error-session-expired
-      *ngIf="sessionExpired"
-    ></lib-vc-error-session-expired>
-    <lib-vc-error-unauthorized *ngIf="unauthorized"></lib-vc-error-unauthorized>
-    <lib-vc-error-chunk-unavailable
-      *ngIf="chunkUnavailable"
-    ></lib-vc-error-chunk-unavailable>
-    <lib-vc-error-server-error *ngIf="serverError"></lib-vc-error-server-error>
-  `, 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" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VcErrorHandlersComponent, deps: [{ token: GlobalErrorService }, { token: SnackBarService }, { token: FeatureFlagService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VcErrorHandlersComponent, selector: "lib-vc-error-handlers", inputs: { disableSnackBar: "disableSnackBar", feature: "feature" }, ngImport: i0, template: `
+    <app-snack-bar></app-snack-bar>
+    <lib-vc-error-session-expired
+      *ngIf="sessionExpired"
+    ></lib-vc-error-session-expired>
+
+    <lib-vc-error-unauthorized *ngIf="unauthorized"></lib-vc-error-unauthorized>
+    <lib-vc-error-chunk-unavailable
+      *ngIf="chunkUnavailable"
+    ></lib-vc-error-chunk-unavailable>
+    <lib-vc-error-server-error *ngIf="serverError"></lib-vc-error-server-error>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1$2.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
-      *ngIf="sessionExpired"
-    ></lib-vc-error-session-expired>
-    <lib-vc-error-unauthorized *ngIf="unauthorized"></lib-vc-error-unauthorized>
-    <lib-vc-error-chunk-unavailable
-      *ngIf="chunkUnavailable"
-    ></lib-vc-error-chunk-unavailable>
-    <lib-vc-error-server-error *ngIf="serverError"></lib-vc-error-server-error>
+                    template: `
+    <app-snack-bar></app-snack-bar>
+    <lib-vc-error-session-expired
+      *ngIf="sessionExpired"
+    ></lib-vc-error-session-expired>
+
+    <lib-vc-error-unauthorized *ngIf="unauthorized"></lib-vc-error-unauthorized>
+    <lib-vc-error-chunk-unavailable
+      *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 }]; }, propDecorators: { disableSnackBar: [{
+        }], ctorParameters: function () { return [{ type: GlobalErrorService }, { type: SnackBarService }, { type: FeatureFlagService }]; }, propDecorators: { disableSnackBar: [{
+                type: Input
+            }], feature: [{
                 type: Input
             }] } });
 
@@ -1970,78 +2075,78 @@ class PageNotFoundComponent {
         window.location.replace(targetPath);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PageNotFoundComponent, deps: [{ token: i3.ActivatedRoute }], 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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">{{ errorConfig.details }}</div>
-            <button class="errorPage-btn" (click)="redirectToHome()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
-            </button>
-          </div>
-        </div>
-        <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
-        </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: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"] }] }); }
+    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
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">{{ errorConfig.details }}</div>
+            <button class="errorPage-btn" (click)="redirectToHome()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
+            </button>
+          </div>
+        </div>
+        <div class="errorPage-copyright">
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
+        </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: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$2.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
-          [ngSrc]="VcomplyLogo"
-          [alt]="altImageText.VCOMPLY_LOGO"
-          width="24"
-          height="24"
-        />
-      </div>
-      <div class="errorPage-container">
-        <div class="errorPage-inner">
-          <div class="errorPage-inner-image">
-            <img
-              [ngSrc]="errorConfig.imageUrl"
-              [alt]="altImageText.ERROR_IMAGE"
-              width="246"
-              height="178"
-            />
-          </div>
-          <div class="errorPage-inner-right">
-            <div class="errorPage-heading">{{ errorConfig.title }}</div>
-            <div class="errorPage-text">{{ errorConfig.description }}</div>
-            <div class="errorPage-details">{{ errorConfig.details }}</div>
-            <button class="errorPage-btn" (click)="redirectToHome()">
-              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
-            </button>
-          </div>
-        </div>
-        <div class="errorPage-copyright">
-          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
-        </div>
-      </div>
-    </div>
+            args: [{ selector: 'lib-vc-error-page-not-found', template: `
+    <div class="errorPage">
+      <div class="errorPage-top">
+        <img
+          [ngSrc]="VcomplyLogo"
+          [alt]="altImageText.VCOMPLY_LOGO"
+          width="24"
+          height="24"
+        />
+      </div>
+      <div class="errorPage-container">
+        <div class="errorPage-inner">
+          <div class="errorPage-inner-image">
+            <img
+              [ngSrc]="errorConfig.imageUrl"
+              [alt]="altImageText.ERROR_IMAGE"
+              width="246"
+              height="178"
+            />
+          </div>
+          <div class="errorPage-inner-right">
+            <div class="errorPage-heading">{{ errorConfig.title }}</div>
+            <div class="errorPage-text">{{ errorConfig.description }}</div>
+            <div class="errorPage-details">{{ errorConfig.details }}</div>
+            <button class="errorPage-btn" (click)="redirectToHome()">
+              {{ errorConfig.buttonText }} <i class="icons">&#xe96a;</i>
+            </button>
+          </div>
+        </div>
+        <div class="errorPage-copyright">
+          &copy;&nbsp;{{ currentYear }}, {{ organisationName }}
+        </div>
+      </div>
+    </div>
   `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";.errorPage{background:#161b2f;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.errorPage-top{width:100%;height:3rem;display:flex;align-items:center;padding-left:.75rem}.errorPage-container{background:#f2f2f5;border-radius:.75rem;border:1px solid #e3e3e9;box-shadow:0 4px 8px #1d5dd31a;height:calc(100vh - 3.75rem);display:flex;align-items:center;justify-content:center;padding:0 4rem;margin:0 .75rem;position:relative}.errorPage-inner{display:flex;align-items:center}.errorPage-inner-image{width:16rem}.errorPage-inner-right{margin-left:2rem;width:calc(100% - 18rem)}.errorPage-inner-right .errorPage-heading{-webkit-text-fill-color:#e3e3e9;-webkit-text-stroke-color:#a9aab6;-webkit-text-stroke-width:1px;color:#e3e3e9;font-size:78px;font-weight: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"] }]
         }], ctorParameters: function () { return [{ type: i3.ActivatedRoute }]; } });
 
@@ -2052,54 +2157,54 @@ class ComponentLevelServerErrorComponent {
         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
-            [ngSrc]="errorConfig.imageUrl"
-            [alt]="altImageText.ERROR_IMAGE"
-            width="106"
-            height="76"
-          />
-        </div>
-        <div class="serverError-inner-bottom">
-          <div class="serverError-heading">{{ errorConfig.title }}</div>
-          <div class="serverError-text">{{ errorConfig.description }}</div>
-          <div class="serverError-details">{{ errorConfig.details }}</div>
-          <button class="serverError-btn" (click)="onClick.emit(true)">
-            {{ errorConfig.buttonText }}
-            <i class="icons">&#xe92b;</i>
-          </button>
-        </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: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"] }] }); }
+    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
+            [ngSrc]="errorConfig.imageUrl"
+            [alt]="altImageText.ERROR_IMAGE"
+            width="106"
+            height="76"
+          />
+        </div>
+        <div class="serverError-inner-bottom">
+          <div class="serverError-heading">{{ errorConfig.title }}</div>
+          <div class="serverError-text">{{ errorConfig.description }}</div>
+          <div class="serverError-details">{{ errorConfig.details }}</div>
+          <button class="serverError-btn" (click)="onClick.emit(true)">
+            {{ errorConfig.buttonText }}
+            <i class="icons">&#xe92b;</i>
+          </button>
+        </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: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$2.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
-            [ngSrc]="errorConfig.imageUrl"
-            [alt]="altImageText.ERROR_IMAGE"
-            width="106"
-            height="76"
-          />
-        </div>
-        <div class="serverError-inner-bottom">
-          <div class="serverError-heading">{{ errorConfig.title }}</div>
-          <div class="serverError-text">{{ errorConfig.description }}</div>
-          <div class="serverError-details">{{ errorConfig.details }}</div>
-          <button class="serverError-btn" (click)="onClick.emit(true)">
-            {{ errorConfig.buttonText }}
-            <i class="icons">&#xe92b;</i>
-          </button>
-        </div>
-      </div>
-    </div>
+            args: [{ selector: 'lib-vc-error-component-server-error', template: `
+    <div class="serverError">
+      <div class="serverError-inner">
+        <div class="serverError-inner-image">
+          <img
+            [ngSrc]="errorConfig.imageUrl"
+            [alt]="altImageText.ERROR_IMAGE"
+            width="106"
+            height="76"
+          />
+        </div>
+        <div class="serverError-inner-bottom">
+          <div class="serverError-heading">{{ errorConfig.title }}</div>
+          <div class="serverError-text">{{ errorConfig.description }}</div>
+          <div class="serverError-details">{{ errorConfig.details }}</div>
+          <button class="serverError-btn" (click)="onClick.emit(true)">
+            {{ errorConfig.buttonText }}
+            <i class="icons">&#xe92b;</i>
+          </button>
+        </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: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
@@ -2119,105 +2224,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
-class Configurations {
-    constructor() {
-        this.sentryConfig = {};
-        this.envConfig = {};
-    }
-}
-
-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;
@@ -2314,19 +2320,8 @@ class HttpReqInterceptor {
                     this.errorService.handleSoftErrors(event);
                 }
             }), catchError((error) => {
-                if (error instanceof Error && error.name === 'TimeoutError') {
-                    // On timeout, retry with a fallback API
-                    const fallbackReq = req.clone({
-                        url: '/organization_pwt/?mode=slowApis',
-                        method: 'POST', //   // Adjust this URL pattern as needed
-                    });
-                    return next.handle(fallbackReq);
-                }
-                if (error instanceof HttpErrorResponse) {
-                    this.errorService.handleError(error, req);
-                    return throwError(error);
-                }
-                return throwError(new HttpErrorResponse({ error }));
+                this.errorService.handleError(error, req);
+                return throwError(error);
             }));
         }
         else {
@@ -2344,7 +2339,7 @@ const FOR_ROOT_SENTRY_OPTIONS_TOKEN = new InjectionToken('forRoot() SentryErrorH
 class VcErrorHandlersModule {
     constructor(loadConfig) {
         this.loadConfig = loadConfig;
-        this.loadConfig.loadConfig();
+        // this.loadConfig.loadConfig();
     }
     static forRoot(environmentConfig) {
         return {