vc-error-handlers 10.0.0 → 10.2.0

package/fesm2022/vc-error-handlers.mjs

@@ -1,15 +1,15 @@
 import * as i0 from "@angular/core";
-import { Component, Directive, ErrorHandler, EventEmitter, HostListener, Injectable, InjectionToken, Input, NgModule, Optional, Output, ViewChild, createComponent } from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ErrorHandler, EventEmitter, HostListener, Injectable, InjectionToken, Input, NgModule, Optional, Output, ViewChild, createComponent } from "@angular/core";
 import * as i1 from "@angular/common/http";
 import { HTTP_INTERCEPTORS, HttpResponse } from "@angular/common/http";
 import { Subject, throwError } from "rxjs";
-import * as i3 from "@angular/router";
+import * as i3$1 from "@angular/router";
 import { NavigationEnd, NavigationError, NavigationStart } from "@angular/router";
 import { catchError, retry, tap, timeout } from "rxjs/operators";
-import * as i2$1 from "@vcomply/authorizer";
-import * as i2 from "@angular/common";
+import * as i2 from "@vcomply/authorizer";
+import * as i3 from "@angular/common";
 import { CommonModule, NgOptimizedImage } from "@angular/common";
-import * as Sentry from "@sentry/angular-ivy";
+import * as Sentry from "@sentry/angular";
 var VcErrorHandlersService = class VcErrorHandlersService {
 	constructor() {}
 	static {
@@ -1262,7 +1262,7 @@ var GlobalErrorService = class GlobalErrorService {
 			deps: [
 				{ token: SnackBarService },
 				{ token: UtilsService },
-				{ token: i3.Router }
+				{ token: i3$1.Router }
 			],
 			target: i0.ɵɵFactoryTarget.Injectable
 		});
@@ -1289,7 +1289,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: SnackBarService },
 		{ type: UtilsService },
-		{ type: i3.Router }
+		{ type: i3$1.Router }
 	]
 });
 const BASE_URL = "https://cdn.v-comply.com";
@@ -1459,13 +1459,13 @@ var FeatureFlagService = class FeatureFlagService {
 						this.AWSFlags = res;
 						this.buildFeatureFlags(this.authorizer.getOrganizationId());
 					} catch (error) {
-						reject(error);
+						reject(error instanceof Error ? error : /* @__PURE__ */ new Error("An error occurred while fetching feature flags"));
 					}
 				},
 				error: (err) => {
-					reject(new Error(err?.message || "An error occurred while fetching feature flags"));
+					reject(err instanceof Error ? err : /* @__PURE__ */ new Error("An error occurred while fetching feature flags"));
 					this.flagFetchError = true;
-					console.error("An error occurred while fetching feature flags", err);
+					console.log("An error occurred while fetching feature flags", err);
 				}
 			});
 		});
@@ -1499,7 +1499,7 @@ var FeatureFlagService = class FeatureFlagService {
 			type: FeatureFlagService,
 			deps: [
 				{ token: i1.HttpClient },
-				{ token: i2$1.AuthorizerService },
+				{ token: i2.AuthorizerService },
 				{
 					token: Configurations,
 					optional: true
@@ -1529,7 +1529,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1.HttpClient },
-		{ type: i2$1.AuthorizerService },
+		{ type: i2.AuthorizerService },
 		{
 			type: Configurations,
 			decorators: [{ type: Optional }]
@@ -1586,24 +1586,15 @@ var SnackBarComponent = class SnackBarComponent {
 	}
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "14.0.0",
+			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: SnackBarComponent,
 			isStandalone: false,
 			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>",
+			template: "@if (show) {\n  <div class=\"workflow-snackbar\">\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>\n}",
 			styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::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;-webkit-animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both;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%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}\n"],
-			dependencies: [{
-				kind: "directive",
-				type: i2.NgIf,
-				selector: "[ngIf]",
-				inputs: [
-					"ngIf",
-					"ngIfThen",
-					"ngIfElse"
-				]
-			}]
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -1615,9 +1606,10 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			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>",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "@if (show) {\n  <div class=\"workflow-snackbar\">\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>\n}",
 			styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::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;-webkit-animation:slide-top .3s cubic-bezier(.25,.46,.45,.94) both;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%{-webkit-transform:translateY(-100%);transform:translateY(-100%);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}\n"]
 		}]
 	}],
@@ -1630,6 +1622,7 @@ var ToolTipDirective = class ToolTipDirective {
 		this.showTooltip = true;
 		this.offset = 8;
 	}
+	ngOnInit() {}
 	onMouseEnter() {
 		this.hide();
 		this.show();
@@ -1767,8 +1760,8 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Directive,
 		args: [{
-			standalone: false,
-			selector: "[arTooltip]"
+			selector: "[arTooltip]",
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }],
@@ -1825,7 +1818,7 @@ var UnauthorizedComponent = class UnauthorizedComponent {
 			version: "22.2.3",
 			ngImport: i0,
 			type: UnauthorizedComponent,
-			deps: [{ token: i3.ActivatedRoute }, { token: RouterService }],
+			deps: [{ token: i3$1.ActivatedRoute }, { token: RouterService }],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -1893,7 +1886,7 @@ var UnauthorizedComponent = class UnauthorizedComponent {
 			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;cursor:pointer}.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: i2.NgOptimizedImage,
+				type: i3.NgOptimizedImage,
 				selector: "img[ngSrc]",
 				inputs: [
 					"ngSrc",
@@ -1924,7 +1917,8 @@ var UnauthorizedComponent = class UnauthorizedComponent {
 					"showTooltip",
 					"animate"
 				]
-			}]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -1936,7 +1930,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-unauthorized",
 			template: `
     <div class="errorPage">
@@ -1990,10 +1983,12 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </div>
   `,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
 			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;cursor:pointer}.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: () => [{ type: i3.ActivatedRoute }, { type: RouterService }]
+	ctorParameters: () => [{ type: i3$1.ActivatedRoute }, { type: RouterService }]
 });
 var DialogConfig = class {};
 var ErrorModalComponent = class ErrorModalComponent {
@@ -2029,7 +2024,7 @@ var ErrorModalComponent = class ErrorModalComponent {
 			ngImport: i0,
 			type: ErrorModalComponent,
 			deps: [
-				{ token: i2$1.AuthorizerService },
+				{ token: i2.AuthorizerService },
 				{ token: DialogConfig },
 				{ token: RouterService }
 			],
@@ -2057,7 +2052,8 @@ var ErrorModalComponent = class ErrorModalComponent {
     </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"]
+			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"],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2069,7 +2065,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-modal",
 			template: ` <div class="error-dialog-box">
     <div class="error-dialog-box-top">{{ data.heading }}</div>
@@ -2082,11 +2077,13 @@ i0.ɵɵngDeclareClassMetadata({
       </button>
     </div>
   </div>`,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
 			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: () => [
-		{ type: i2$1.AuthorizerService },
+		{ type: i2.AuthorizerService },
 		{ type: DialogConfig },
 		{ type: RouterService }
 	],
@@ -2125,8 +2122,8 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Directive,
 		args: [{
-			standalone: false,
-			selector: "[appInsertion]"
+			selector: "[appInsertion]",
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [{ type: i0.ViewContainerRef }]
@@ -2197,7 +2194,7 @@ var DialogComponent = class DialogComponent {
 				{ token: i0.ChangeDetectorRef },
 				{ token: DialogRef },
 				{ token: DialogConfig },
-				{ token: i3.Router }
+				{ token: i3$1.Router }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -2217,18 +2214,19 @@ var DialogComponent = class DialogComponent {
 				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",
+			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{-webkit-animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes animate-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animate-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dialog.animate.right{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes animate-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes animate-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}.pointer-none{pointer-events:none}\n"],
 			dependencies: [{
 				kind: "directive",
-				type: i2.NgClass,
+				type: i3.NgClass,
 				selector: "[ngClass]",
 				inputs: ["class", "ngClass"]
 			}, {
 				kind: "directive",
 				type: InsertionDirective,
 				selector: "[appInsertion]"
-			}]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2240,9 +2238,10 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			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",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			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{-webkit-animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-top .2s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes animate-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes animate-top{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.dialog.animate.right{-webkit-animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both;animation:animate-right .2s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes animate-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes animate-right{0%{-webkit-transform:translateX(100%);transform:translate(100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}.pointer-none{pointer-events:none}\n"]
 		}]
 	}],
@@ -2250,7 +2249,7 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i0.ChangeDetectorRef },
 		{ type: DialogRef },
 		{ type: DialogConfig },
-		{ type: i3.Router }
+		{ type: i3$1.Router }
 	],
 	propDecorators: { insertionPoint: [{
 		type: ViewChild,
@@ -2317,10 +2316,9 @@ var DialogInjector = class {
 	}
 };
 var DialogService = class DialogService {
-	constructor(appRef, injector, environmentInjector) {
+	constructor(appRef, injector) {
 		this.appRef = appRef;
 		this.injector = injector;
-		this.environmentInjector = environmentInjector;
 	}
 	open(componentType, config) {
 		const dialogRef = this.appendDialogComponentToBody(config);
@@ -2337,7 +2335,7 @@ var DialogService = class DialogService {
 			sub.unsubscribe();
 		});
 		const componentRef = createComponent(DialogComponent, {
-			environmentInjector: this.environmentInjector,
+			environmentInjector: this.appRef.injector,
 			elementInjector: new DialogInjector(this.injector, map)
 		});
 		this.appRef.attachView(componentRef.hostView);
@@ -2359,11 +2357,7 @@ var DialogService = class DialogService {
 			version: "22.2.3",
 			ngImport: i0,
 			type: DialogService,
-			deps: [
-				{ token: i0.ApplicationRef },
-				{ token: i0.Injector },
-				{ token: i0.EnvironmentInjector }
-			],
+			deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }],
 			target: i0.ɵɵFactoryTarget.Injectable
 		});
 	}
@@ -2386,11 +2380,7 @@ i0.ɵɵngDeclareClassMetadata({
 		type: Injectable,
 		args: [{ providedIn: DialogModule }]
 	}],
-	ctorParameters: () => [
-		{ type: i0.ApplicationRef },
-		{ type: i0.Injector },
-		{ type: i0.EnvironmentInjector }
-	]
+	ctorParameters: () => [{ type: i0.ApplicationRef }, { type: i0.Injector }]
 });
 var SessionExpiredComponent = class SessionExpiredComponent {
 	constructor(dialogService) {
@@ -2430,7 +2420,8 @@ var SessionExpiredComponent = class SessionExpiredComponent {
 			selector: "lib-vc-error-session-expired",
 			ngImport: i0,
 			template: ``,
-			isInline: true
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2442,9 +2433,10 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-session-expired",
-			template: ``
+			template: ``,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [{ type: DialogService }]
@@ -2487,7 +2479,8 @@ var ChunkUnavailableComponent = class ChunkUnavailableComponent {
 			selector: "lib-vc-error-chunk-unavailable",
 			ngImport: i0,
 			template: ``,
-			isInline: true
+			isInline: true,
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2499,9 +2492,10 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-chunk-unavailable",
-			template: ``
+			template: ``,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [{ type: DialogService }]
@@ -2569,7 +2563,7 @@ var ServerErrorComponent = class ServerErrorComponent {
 			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;cursor:pointer}.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: i2.NgOptimizedImage,
+				type: i3.NgOptimizedImage,
 				selector: "img[ngSrc]",
 				inputs: [
 					"ngSrc",
@@ -2588,7 +2582,8 @@ var ServerErrorComponent = class ServerErrorComponent {
 					"src",
 					"srcset"
 				]
-			}]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2600,7 +2595,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-server-error",
 			template: `
     <div class="errorPage">
@@ -2634,6 +2628,8 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </div>
   `,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
 			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;cursor:pointer}.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"]
 		}]
 	}]
@@ -2712,7 +2708,7 @@ var VcErrorHandlersComponent = class VcErrorHandlersComponent {
 	}
 	static {
 		this.ɵcmp = i0.ɵɵngDeclareComponent({
-			minVersion: "14.0.0",
+			minVersion: "17.0.0",
 			version: "22.2.3",
 			type: VcErrorHandlersComponent,
 			isStandalone: false,
@@ -2724,28 +2720,24 @@ var VcErrorHandlersComponent = class VcErrorHandlersComponent {
 			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>
-  `,
+    @if (sessionExpired) {
+      <lib-vc-error-session-expired
+      ></lib-vc-error-session-expired>
+    }
+    
+    @if (unauthorized) {
+      <lib-vc-error-unauthorized></lib-vc-error-unauthorized>
+    }
+    @if (chunkUnavailable) {
+      <lib-vc-error-chunk-unavailable
+      ></lib-vc-error-chunk-unavailable>
+    }
+    @if (serverError) {
+      <lib-vc-error-server-error></lib-vc-error-server-error>
+    }
+    `,
 			isInline: true,
 			dependencies: [
-				{
-					kind: "directive",
-					type: i2.NgIf,
-					selector: "[ngIf]",
-					inputs: [
-						"ngIf",
-						"ngIfThen",
-						"ngIfElse"
-					]
-				},
 				{
 					kind: "component",
 					type: SnackBarComponent,
@@ -2771,7 +2763,8 @@ var VcErrorHandlersComponent = class VcErrorHandlersComponent {
 					type: ServerErrorComponent,
 					selector: "lib-vc-error-server-error"
 				}
-			]
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2783,20 +2776,27 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			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>
-  `
+    @if (sessionExpired) {
+      <lib-vc-error-session-expired
+      ></lib-vc-error-session-expired>
+    }
+    
+    @if (unauthorized) {
+      <lib-vc-error-unauthorized></lib-vc-error-unauthorized>
+    }
+    @if (chunkUnavailable) {
+      <lib-vc-error-chunk-unavailable
+      ></lib-vc-error-chunk-unavailable>
+    }
+    @if (serverError) {
+      <lib-vc-error-server-error></lib-vc-error-server-error>
+    }
+    `,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [
@@ -2830,7 +2830,7 @@ var PageNotFoundComponent = class PageNotFoundComponent {
 			version: "22.2.3",
 			ngImport: i0,
 			type: PageNotFoundComponent,
-			deps: [{ token: i3.ActivatedRoute }, { token: RouterService }],
+			deps: [{ token: i3$1.ActivatedRoute }, { token: RouterService }],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -2892,7 +2892,7 @@ var PageNotFoundComponent = class PageNotFoundComponent {
 			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;cursor:pointer}.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: i2.NgOptimizedImage,
+				type: i3.NgOptimizedImage,
 				selector: "img[ngSrc]",
 				inputs: [
 					"ngSrc",
@@ -2923,7 +2923,8 @@ var PageNotFoundComponent = class PageNotFoundComponent {
 					"showTooltip",
 					"animate"
 				]
-			}]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -2935,7 +2936,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-page-not-found",
 			template: `
     <div class="errorPage">
@@ -2983,10 +2983,12 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </div>
   `,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
 			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;cursor:pointer}.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: () => [{ type: i3.ActivatedRoute }, { type: RouterService }]
+	ctorParameters: () => [{ type: i3$1.ActivatedRoute }, { type: RouterService }]
 });
 var ComponentLevelServerErrorComponent = class ComponentLevelServerErrorComponent {
 	constructor() {
@@ -3040,7 +3042,7 @@ var ComponentLevelServerErrorComponent = class ComponentLevelServerErrorComponen
 			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: i2.NgOptimizedImage,
+				type: i3.NgOptimizedImage,
 				selector: "img[ngSrc]",
 				inputs: [
 					"ngSrc",
@@ -3059,7 +3061,8 @@ var ComponentLevelServerErrorComponent = class ComponentLevelServerErrorComponen
 					"src",
 					"srcset"
 				]
-			}]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
 		});
 	}
 };
@@ -3071,7 +3074,6 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Component,
 		args: [{
-			standalone: false,
 			selector: "lib-vc-error-component-server-error",
 			template: `
     <div class="serverError">
@@ -3096,6 +3098,8 @@ i0.ɵɵngDeclareClassMetadata({
       </div>
     </div>
   `,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
 			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"]
 		}]
 	}],
@@ -3144,8 +3148,8 @@ i0.ɵɵngDeclareClassMetadata({
 	decorators: [{
 		type: Directive,
 		args: [{
-			standalone: false,
-			selector: "[featureFlag]"
+			selector: "[featureFlag]",
+			standalone: false
 		}]
 	}],
 	ctorParameters: () => [
@@ -3299,12 +3303,12 @@ var SentryErrorHandler = class SentryErrorHandler {
 		this.errorService = errorService;
 		if (config?.sentryConfig) {
 			const SENTRY_CONFIG = config.sentryConfig;
+			const environment = config.envConfig?.environment || "production";
 			Sentry.init({
 				dsn: SENTRY_CONFIG?.DSN,
-				integrations: [new Sentry.BrowserTracing({
-					tracePropagationTargets: SENTRY_CONFIG.ALLOW_ORIGIN,
-					routingInstrumentation: Sentry.routingInstrumentation
-				})],
+				environment,
+				integrations: [Sentry.browserTracingIntegration()],
+				tracePropagationTargets: SENTRY_CONFIG.ALLOW_ORIGIN,
 				tracesSampleRate: SENTRY_CONFIG.TRACES_SAMPLE_RATE,
 				replaysSessionSampleRate: SENTRY_CONFIG.REPLAY_SESSION_SAMPLE_RATE,
 				replaysOnErrorSampleRate: SENTRY_CONFIG.REPLAY_ON_ERROR_SAMPLE_RATE
@@ -3327,7 +3331,7 @@ var SentryErrorHandler = class SentryErrorHandler {
 			ngImport: i0,
 			type: SentryErrorHandler,
 			deps: [
-				{ token: i2$1.AuthorizerService },
+				{ token: i2.AuthorizerService },
 				{ token: GlobalErrorService },
 				{
 					token: Configurations,
@@ -3353,7 +3357,7 @@ i0.ɵɵngDeclareClassMetadata({
 	type: SentryErrorHandler,
 	decorators: [{ type: Injectable }],
 	ctorParameters: () => [
-		{ type: i2$1.AuthorizerService },
+		{ type: i2.AuthorizerService },
 		{ type: GlobalErrorService },
 		{
 			type: Configurations,