@posiwise/admin-module 0.0.255 → 0.0.256

package/fesm2022/posiwise-admin-module.mjs

@@ -11,16 +11,18 @@ import { AdminDataService, AdminService, AppAdmin, DEFAULT_PAYOUT_PROVIDER, ONBO
 import { AppConfigService } from "@posiwise/app-config-service";
 import * as i4$3 from "@posiwise/app-loader";
 import { AppLoaderModule } from "@posiwise/app-loader";
-import * as i2$2 from "@posiwise/common-services";
+import * as i2$1 from "@posiwise/common-services";
 import { FormHelperService, PermissionService, PrimeNgHelper, SubscriptionService, ValidationService } from "@posiwise/common-services";
+import * as i9 from "@posiwise/core-guards";
+import { PageAccessGuard, TrackDirtyFormDirective } from "@posiwise/core-guards";
 import { CoreTranslocoModule } from "@posiwise/core-transloco";
 import * as i8 from "@posiwise/directives";
 import { DirectivesModule } from "@posiwise/directives";
-import * as i9 from "@posiwise/pipes";
+import * as i9$1 from "@posiwise/pipes";
 import { PipesModule } from "@posiwise/pipes";
 import * as i6$2 from "@posiwise/shared-components";
 import { CollapsibleSidebarTriggerDirective, SharedComponentsModule } from "@posiwise/shared-components";
-import * as i12 from "@posiwise/utils";
+import * as i12$1 from "@posiwise/utils";
 import { CustomUploaderComponent, QuillHelper, ValidateForm, appendQueryParam, handleDateRangeSelection } from "@posiwise/utils";
 import * as i2 from "angular-plotly.js";
 import { PlotlyViaCDNModule } from "angular-plotly.js";
@@ -29,7 +31,7 @@ import { NgxDaterangepickerMd } from "ngx-daterangepicker-material";
 import * as i3$1 from "ngx-json-viewer";
 import { NgxJsonViewerModule } from "ngx-json-viewer";
 import { NgxPaginationModule } from "ngx-pagination";
-import * as i11 from "ngx-quill";
+import * as i12 from "ngx-quill";
 import { QuillModule } from "ngx-quill";
 import * as i5 from "ngx-ui-switch";
 import { UiSwitchModule } from "ngx-ui-switch";
@@ -50,9 +52,9 @@ import * as i5$1 from "primeng/inputtext";
 import { InputTextModule } from "primeng/inputtext";
 import * as i4$2 from "primeng/multiselect";
 import { MultiSelectModule } from "primeng/multiselect";
-import * as i2$3 from "primeng/select";
+import * as i2$2 from "primeng/select";
 import { SelectModule } from "primeng/select";
-import * as i2$4 from "primeng/table";
+import * as i2$3 from "primeng/table";
 import { TableModule } from "primeng/table";
 import * as i3$3 from "primeng/tooltip";
 import { TooltipModule } from "primeng/tooltip";
@@ -61,13 +63,11 @@ import * as i3$2 from "@ng-bootstrap/ng-bootstrap";
 import { NgbActiveModal, NgbDatepickerModule, NgbModalModule, NgbNavModule, NgbTooltipModule } from "@ng-bootstrap/ng-bootstrap";
 import * as i7$2 from "@angular/router";
 import { RouterModule } from "@angular/router";
-import * as i2$1 from "@posiwise/core-guards";
-import { PageAccessGuard, unsavedChangesGuard } from "@posiwise/core-guards";
 import { AppBaseComponent } from "@posiwise/app-base-component";
 import * as i8$2 from "@jsverse/transloco";
 import { ADMIN_ROUTERS, PAGE_SIZE, PERMISSION_NAMES, SUBSCRIPTION_ANALYTICS_TYPES, TAG_ENTITY, TOKEN_HEADER_KEY } from "@posiwise/common-utilities";
 import { HelperService } from "@posiwise/helper-service";
-import * as i11$1 from "primeng/progressspinner";
+import * as i11 from "primeng/progressspinner";
 import { __decorate } from "tslib";
 import * as i14 from "@angular/cdk/drag-drop";
 import { moveItemInArray } from "@angular/cdk/drag-drop";
@@ -195,7 +195,7 @@ var AmbassadorPayoutDetailsComponent = class AmbassadorPayoutDetailsComponent ex
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -308,7 +308,7 @@ var AmbassadorPayoutDetailsComponent = class AmbassadorPayoutDetailsComponent ex
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -397,7 +397,7 @@ var AmbassadorPayoutDetailsComponent = class AmbassadorPayoutDetailsComponent ex
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -570,7 +570,7 @@ var AmbassadorPayoutsListComponent = class AmbassadorPayoutsListComponent extend
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -683,19 +683,19 @@ var AmbassadorPayoutsListComponent = class AmbassadorPayoutsListComponent extend
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -947,7 +947,7 @@ var AmbassadorPayoutsListComponent = class AmbassadorPayoutsListComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -1006,7 +1006,7 @@ var AmbassadorPayoutsListComponent = class AmbassadorPayoutsListComponent extend
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -1117,6 +1117,7 @@ var GlobalConfigDetailsComponent = class GlobalConfigDetailsComponent extends Ap
 		this.buttonBusy = true;
 		const data = this.form.value;
 		(this.id ? this.adminService.editGlobalConfig(this.id, data) : this.adminService.postGlobalConfig(data)).subscribe(() => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.GlobalConfigMessage.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -1164,7 +1165,7 @@ var GlobalConfigDetailsComponent = class GlobalConfigDetailsComponent extends Ap
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -1288,7 +1289,7 @@ var GlobalConfigDetailsComponent = class GlobalConfigDetailsComponent extends Ap
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -1354,6 +1355,11 @@ var GlobalConfigDetailsComponent = class GlobalConfigDetailsComponent extends Ap
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -1478,7 +1484,7 @@ var GlobalConfigListComponent = class GlobalConfigListComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -1591,19 +1597,19 @@ var GlobalConfigListComponent = class GlobalConfigListComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -1686,7 +1692,7 @@ var GlobalConfigListComponent = class GlobalConfigListComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -1926,7 +1932,7 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -2039,19 +2045,19 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -2085,7 +2091,7 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -2204,7 +2210,7 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -2239,12 +2245,12 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -2410,7 +2416,7 @@ var CredentialsComponent = class CredentialsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -2523,19 +2529,19 @@ var CredentialsComponent = class CredentialsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -2618,7 +2624,7 @@ var CredentialsComponent = class CredentialsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -2739,6 +2745,7 @@ var CredentialsDetailsComponent = class CredentialsDetailsComponent extends AppB
 		this.submitted = true;
 		(this.id ? this.adminService.updateCredentials(this.id, this.form.value) : this.adminService.saveCredentials(this.form.value)).subscribe((response) => {
 			this.form.patchValue(response);
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Credentials.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -2832,7 +2839,7 @@ var CredentialsDetailsComponent = class CredentialsDetailsComponent extends AppB
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -2917,6 +2924,11 @@ var CredentialsDetailsComponent = class CredentialsDetailsComponent extends AppB
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -3130,7 +3142,7 @@ var SubscriptionCredentialsComponent = class SubscriptionCredentialsComponent ex
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -3243,19 +3255,19 @@ var SubscriptionCredentialsComponent = class SubscriptionCredentialsComponent ex
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -3289,7 +3301,7 @@ var SubscriptionCredentialsComponent = class SubscriptionCredentialsComponent ex
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -3408,7 +3420,7 @@ var SubscriptionCredentialsComponent = class SubscriptionCredentialsComponent ex
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -3533,6 +3545,7 @@ var SubscriptionCredentialsDetailsComponent = class SubscriptionCredentialsDetai
 		this.submitted = true;
 		const data = this.form.value;
 		(this.id ? this.adminService.editSubscriptionCredential(this.id, data) : this.adminService.postSubscriptionCredential(data)).subscribe(() => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Credentials.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -3580,7 +3593,7 @@ var SubscriptionCredentialsDetailsComponent = class SubscriptionCredentialsDetai
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -3676,7 +3689,7 @@ var SubscriptionCredentialsDetailsComponent = class SubscriptionCredentialsDetai
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -3742,6 +3755,11 @@ var SubscriptionCredentialsDetailsComponent = class SubscriptionCredentialsDetai
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -4394,6 +4412,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 		data["cs_cta_iframe"] = this.form.value?.cs_cta_iframe ?? "";
 		data["trial_cta_iframe"] = this.form.value?.trial_cta_iframe ?? "";
 		(this.id ? this.adminService.updateDomainConfig(this.id, data) : this.adminService.createDomainConfig(data)).subscribe({ next: () => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.DomainConfig.UpdatedMessage"));
 			this.cdr.markForCheck();
 		} }).add(() => {
@@ -4411,7 +4430,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 			deps: [
 				{ token: i0.Injector },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i3$2.NgbModal },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i10.FormBuilder }
@@ -4584,7 +4603,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -4708,7 +4727,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -4722,7 +4741,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i12.ProfileImageCropperComponent,
+					type: i12$1.ProfileImageCropperComponent,
 					selector: "pw-image-cropper",
 					inputs: ["aspectRatio", "dynamicData"],
 					outputs: [
@@ -4733,7 +4752,7 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i12.CustomUploaderComponent,
+					type: i12$1.CustomUploaderComponent,
 					selector: "pw-custom-uploader",
 					inputs: [
 						"controlName",
@@ -4874,6 +4893,11 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 					selector: "[formArrayName]",
 					inputs: ["formArrayName"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -4900,7 +4924,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i3$2.NgbModal },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i10.FormBuilder }
@@ -4988,6 +5012,7 @@ var DomainConfigCoreComponent = class DomainConfigCoreComponent extends AppBaseC
 		};
 		if (!this.id) data.master_subscription_id = this.appConfig?.master_subscription?.subscription_id;
 		(this.id ? this.adminService.updateDomainConfig(this.id, data) : this.adminService.createDomainConfig(data)).subscribe({ next: (res) => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.DomainConfig.UpdatedMessage"));
 			this.router.navigate([`${this.routers.domainConfigDetails}${this.id ? this.id : res.id}`], { queryParams: {
 				tabId: "Organization",
@@ -5027,7 +5052,7 @@ var DomainConfigCoreComponent = class DomainConfigCoreComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -5123,7 +5148,7 @@ var DomainConfigCoreComponent = class DomainConfigCoreComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -5189,6 +5214,11 @@ var DomainConfigCoreComponent = class DomainConfigCoreComponent extends AppBaseC
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -5260,6 +5290,7 @@ var BaseDomainConfigComponent = class BaseDomainConfigComponent extends AppBaseC
 			subscription_id: this.subscriptionId
 		};
 		(this.id ? this.adminService.updateDomainConfig(this.id, data) : this.adminService.createDomainConfig(data)).subscribe({ next: (res) => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.DomainConfig.UpdatedMessage"));
 			this.router.navigate([`${this.routers.domainConfigDetails}${this.id ? this.id : res.id}`], { queryParams: {
 				tabId: this.getTabId(),
@@ -5384,7 +5415,7 @@ var DomainConfigOrganizationComponent = class DomainConfigOrganizationComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -5454,6 +5485,11 @@ var DomainConfigOrganizationComponent = class DomainConfigOrganizationComponent
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -5581,7 +5617,7 @@ var DomainConfigSecurityComponent = class DomainConfigSecurityComponent extends
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -5651,6 +5687,11 @@ var DomainConfigSecurityComponent = class DomainConfigSecurityComponent extends
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -5743,7 +5784,7 @@ var DomainConfigSocialComponent = class DomainConfigSocialComponent extends Base
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -5813,6 +5854,11 @@ var DomainConfigSocialComponent = class DomainConfigSocialComponent extends Base
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -5882,6 +5928,7 @@ var DomainConfigIntegrationsComponent = class DomainConfigIntegrationsComponent
 			subscription_id: this.subscriptionId
 		};
 		(this.id ? this.adminService.updateDomainConfig(this.id, data) : this.adminService.createDomainConfig(data)).subscribe({ next: (res) => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.DomainConfig.UpdatedMessage"));
 			this.router.navigate([`${this.routers.domainConfigDetails}${this.id ? this.id : res.id}`], { queryParams: {
 				tabId: "Login & SSO",
@@ -5947,7 +5994,7 @@ var DomainConfigIntegrationsComponent = class DomainConfigIntegrationsComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -6017,6 +6064,11 @@ var DomainConfigIntegrationsComponent = class DomainConfigIntegrationsComponent
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -6236,6 +6288,7 @@ var DomainConfigInterfaceComponent = class DomainConfigInterfaceComponent extend
 		};
 		const filteredData = Object.fromEntries(Object.entries(data).filter(([_key, value]) => value !== null && value !== ""));
 		(this.id ? this.adminService.updateDomainConfig(this.id, filteredData) : this.adminService.createDomainConfig(filteredData)).subscribe({ next: (res) => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.DomainConfig.UpdatedMessage"));
 			this.router.navigate([`${this.routers.domainConfigDetails}${this.id ? this.id : res.id}`], { queryParams: {
 				tabId: "Public Pages",
@@ -6307,7 +6360,7 @@ var DomainConfigInterfaceComponent = class DomainConfigInterfaceComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -6321,7 +6374,7 @@ var DomainConfigInterfaceComponent = class DomainConfigInterfaceComponent extend
 				},
 				{
 					kind: "component",
-					type: i12.CustomUploaderComponent,
+					type: i12$1.CustomUploaderComponent,
 					selector: "pw-custom-uploader",
 					inputs: [
 						"controlName",
@@ -6389,6 +6442,11 @@ var DomainConfigInterfaceComponent = class DomainConfigInterfaceComponent extend
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -6820,7 +6878,7 @@ var DomainConfigListComponent = class DomainConfigListComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -6933,19 +6991,19 @@ var DomainConfigListComponent = class DomainConfigListComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -7028,7 +7086,7 @@ var DomainConfigListComponent = class DomainConfigListComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -7253,6 +7311,7 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 		(this.isEdit ? this.adminService.putFaq({ ...payload }, this.subscriptionId) : this.adminService.postFaq(payload, this.subscriptionId)).subscribe(() => {
 			const key = this.isEdit ? "Admin.Faq.UpdatedMessage" : "Admin.Faq.AddMessage";
 			this.toast.success(this.translation.translate(key));
+			this.form.markAsPristine();
 			this.router.navigate([`${this.routers.faqConfig}`]);
 		}).add(() => {
 			this.buttonBusy = false;
@@ -7302,9 +7361,9 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 			ngImport: i0,
 			type: AddEditFaqComponent,
 			deps: [
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -7331,7 +7390,7 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -7551,7 +7610,7 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -7617,9 +7676,14 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -7646,9 +7710,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	],
@@ -7881,9 +7945,9 @@ var FaqListComponent = class FaqListComponent extends AppBaseComponent {
 			ngImport: i0,
 			type: FaqListComponent,
 			deps: [
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -7911,7 +7975,7 @@ var FaqListComponent = class FaqListComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -8024,7 +8088,7 @@ var FaqListComponent = class FaqListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -8192,7 +8256,7 @@ var FaqListComponent = class FaqListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -8257,12 +8321,12 @@ var FaqListComponent = class FaqListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.RemoveHtmlPipe,
+					type: i9$1.RemoveHtmlPipe,
 					name: "removeHtml"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -8284,9 +8348,9 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -8349,22 +8413,19 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppBaseComponent {
-	constructor(injector, adminService, unsavedChanges) {
+	constructor(injector, adminService) {
 		super(injector);
 		this.adminService = adminService;
-		this.unsavedChanges = unsavedChanges;
 		this.form = AppAdmin.getFeatureFlagForm();
 		this.routers = ROUTERS;
 		this.id = 0;
 		this.isLoading = true;
 		this.submitted = false;
 		this.buttonBusy = false;
-		this.saved = false;
 		this.flagTypeOptions = [];
 		this.statusOptions = [];
 		this.allUsers = [];
 		this.filteredUsers = [];
-		this.unregisterUnsaved = null;
 	}
 	ngOnInit() {
 		this.subscriptionId = PermissionService.selectedSubscription?.id;
@@ -8375,14 +8436,6 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 			if (this.id) this.getFeatureFlag();
 			else this.isLoading = false;
 		});
-		this.unregisterUnsaved = this.unsavedChanges.watch(() => this.hasUnsavedChanges());
-	}
-	ngOnDestroy() {
-		this.unregisterUnsaved?.();
-		super.ngOnDestroy();
-	}
-	hasUnsavedChanges() {
-		return this.form.dirty && !this.saved;
 	}
 	loadSupportedOptions() {
 		this.adminService.getSupportedFeatureFlagOptions().subscribe((response) => {
@@ -8444,7 +8497,6 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 			next: () => {
 				this.toast.success(this.id ? "Feature flag updated successfully." : "Feature flag created successfully.");
 				this.form.markAsPristine();
-				this.saved = true;
 				this.router.navigate([this.routers.featureFlagsConfig]);
 			},
 			complete: () => {
@@ -8461,11 +8513,7 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 			version: "22.2.0",
 			ngImport: i0,
 			type: FeatureFlagDetailsComponent,
-			deps: [
-				{ token: i0.Injector },
-				{ token: i1$1.AdminService },
-				{ token: i2$1.UnsavedChangesService }
-			],
+			deps: [{ token: i0.Injector }, { token: i1$1.AdminService }],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -8561,7 +8609,7 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -8735,7 +8783,7 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -8814,6 +8862,11 @@ var FeatureFlagDetailsComponent = class FeatureFlagDetailsComponent extends AppB
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -8836,11 +8889,7 @@ i0.ɵɵngDeclareClassMetadata({
 			template: "<div class=\"container-fluid pw-tab\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a routerLink=\"/admin/feature-flags/list\" class=\"previous\" aria-label=\"Back to feature flags list\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"mt-3\">{{ id ? 'Edit' : 'Add New' }} Feature Flag</h3>\n      </div>\n\n      @if (isLoading) {\n        <div class=\"w-100 text-center mt-3\">\n          <p-progress-spinner strokeWidth=\"2\"></p-progress-spinner>\n        </div>\n      }\n\n      <div class=\"p-2 mt-3\">\n        @if (!isLoading) {\n        <form (ngSubmit)=\"onSubmit()\" [formGroup]=\"form\">\n          <div class=\"row\">\n            <pw-input-container class=\"col-lg-6\" label=\"Key\" name=\"key\" controlId=\"feature-flag-key\" errorMsg=\"Key is required\"\n              [showTooltip]=\"true\" [tooltipText]=\"'FeatureFlag.Tooltip.Key' | transloco\">\n              <input type=\"text\" id=\"feature-flag-key\" formControlName=\"key\" class=\"form-control\" [placeholder]=\"'FeatureFlag.Placeholder.Key' | transloco\" [ngClass]=\"{ 'is-invalid': submitted && f['key'].errors }\"\n                  aria-label=\"Key\" />\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-6\" label=\"Name\" name=\"name\" controlId=\"feature-flag-name\" errorMsg=\"Name is required\"\n              [showTooltip]=\"true\" [tooltipText]=\"'FeatureFlag.Tooltip.Name' | transloco\">\n              <input type=\"text\" id=\"feature-flag-name\" formControlName=\"name\" class=\"form-control\" [placeholder]=\"'FeatureFlag.Placeholder.Name' | transloco\" [ngClass]=\"{ 'is-invalid': submitted && f['name'].errors }\"\n                  aria-label=\"Name\" />\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-12\" label=\"Description\" name=\"description\" controlId=\"feature-flag-description\">\n              <textarea id=\"feature-flag-description\" formControlName=\"description\" rows=\"4\" class=\"form-control\" [placeholder]=\"'FeatureFlag.Placeholder.Description' | transloco\"\n                  aria-label=\"Description\"></textarea>\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-3\" label=\"Type\" name=\"flag_type\" controlId=\"feature-flag-type\" [useAriaLabelledbyOnly]=\"true\">\n              <p-select [options]=\"flagTypeOptions\" [attr.aria-labelledby]=\"'feature-flag-type-label'\" formControlName=\"flag_type\" class=\"dropdown-bg-transparent\" [placeholder]=\"'FeatureFlag.Placeholder.Type' | transloco\"></p-select>\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-3\" label=\"Status\" name=\"status\" controlId=\"feature-flag-status\" [useAriaLabelledbyOnly]=\"true\">\n              <p-select [options]=\"statusOptions\" [attr.aria-labelledby]=\"'feature-flag-status-label'\" formControlName=\"status\" class=\"dropdown-bg-transparent\" [placeholder]=\"'FeatureFlag.Placeholder.Status' | transloco\"></p-select>\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-3\" label=\"Owner\" name=\"owner\" controlId=\"feature-flag-owner\" [useAriaLabelledbyOnly]=\"true\">\n              <p-auto-complete class=\"w-100\" appendTo=\"body\"\n                [suggestions]=\"filteredUsers\"\n                [attr.aria-labelledby]=\"'feature-flag-owner-label'\"\n                formControlName=\"owner\"\n                dataKey=\"id\"\n                optionLabel=\"displayName\"\n                [dropdown]=\"true\"\n                (completeMethod)=\"searchOwners($event)\"\n                [placeholder]=\"'FeatureFlag.Placeholder.Owner' | transloco\"\n                [multiple]=\"false\"\n                autocomplete=\"off\">\n                <ng-template let-item #item>\n                  <span [title]=\"item.displayName\">{{ item.displayName }}</span>\n                </ng-template>\n              </p-auto-complete>\n            </pw-input-container>\n\n            <pw-input-container class=\"col-lg-3\" label=\"Expires At\" name=\"expires_at\" controlId=\"feature-flag-expires_at\" [useAriaLabelledbyOnly]=\"true\">\n              <p-datepicker inputId=\"feature-flag-expires_at\" formControlName=\"expires_at\" [showIcon]=\"true\" [showTime]=\"true\" [appendTo]=\"'body'\" dateFormat=\"dd-M-yy\" [placeholder]=\"'FeatureFlag.Placeholder.ExpiresAt' | transloco\"></p-datepicker>\n            </pw-input-container>\n          </div>\n\n          <div class=\"row\">\n            <div class=\"col-12 mt-4\">\n              <div class=\"mb-3 text-end\">\n                <button type=\"button\" class=\"btn btn-outline-default me-2\" (click)=\"onCancel()\">{{ 'Button.Cancel' | transloco }}</button>\n                <button class=\"btn btn-primary\" [buttonBusy]=\"buttonBusy\">{{ 'Button.Save' | transloco }}</button>\n              </div>\n            </div>\n          </div>\n        </form>\n        }\n      </div>\n    </div>\n  </div>\n</div>"
 		}]
 	}],
-	ctorParameters: () => [
-		{ type: i0.Injector },
-		{ type: i1$1.AdminService },
-		{ type: i2$1.UnsavedChangesService }
-	]
+	ctorParameters: () => [{ type: i0.Injector }, { type: i1$1.AdminService }]
 });
 var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseComponent {
 	constructor(injector, adminService, cdr, confirmDialog) {
@@ -9004,7 +9053,7 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -9117,7 +9166,7 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -9151,7 +9200,7 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -9292,7 +9341,7 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -9381,6 +9430,11 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -9516,7 +9570,7 @@ var FeatureFlagsListComponent = class FeatureFlagsListComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -9629,7 +9683,7 @@ var FeatureFlagsListComponent = class FeatureFlagsListComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -9718,7 +9772,7 @@ var FeatureFlagsListComponent = class FeatureFlagsListComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -9887,6 +9941,7 @@ var FeedbackQuestionsDetailsComponent = class FeedbackQuestionsDetailsComponent
 		this.submitted = true;
 		const data = { ...this.form.value };
 		(this.id ? this.adminService.updateFeedbackQuestion(this.id, data) : this.adminService.createFeedbackQuestion(data)).subscribe({ next: () => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.FeedbackQuestions.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -9905,7 +9960,7 @@ var FeedbackQuestionsDetailsComponent = class FeedbackQuestionsDetailsComponent
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService }
+				{ token: i2$1.ProductService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -9989,6 +10044,11 @@ var FeedbackQuestionsDetailsComponent = class FeedbackQuestionsDetailsComponent
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -10016,7 +10076,7 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService }
+		{ type: i2$1.ProductService }
 	],
 	propDecorators: { onSave: [] }
 });
@@ -10097,7 +10157,7 @@ var FeedbackQuestionsListComponent = class FeedbackQuestionsListComponent extend
 			deps: [
 				{ token: i0.Injector },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
 			],
@@ -10118,7 +10178,7 @@ var FeedbackQuestionsListComponent = class FeedbackQuestionsListComponent extend
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -10231,19 +10291,19 @@ var FeedbackQuestionsListComponent = class FeedbackQuestionsListComponent extend
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -10326,7 +10386,7 @@ var FeedbackQuestionsListComponent = class FeedbackQuestionsListComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -10399,7 +10459,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
 	]
@@ -10755,6 +10815,7 @@ var AddEditIncidentComponent = class AddEditIncidentComponent extends AppBaseCom
 				subscription_id: this.subscriptionId
 			};
 			this.commonService.addIncident(data).subscribe(() => {
+				this.form.markAsPristine();
 				this.toast.success(this.translation.translate("Admin.Incident.AddMessage"));
 				this.router.navigate([`${this.routers.incidentConfig}`]);
 				this.cdr.markForCheck();
@@ -10774,6 +10835,7 @@ var AddEditIncidentComponent = class AddEditIncidentComponent extends AppBaseCom
 				subscription_id: this.subscriptionId
 			};
 			this.commonService.editIncident(this.id, data).subscribe(() => {
+				this.form.markAsPristine();
 				this.toast.success(this.translation.translate("Admin.Incident.UpdateMessage"));
 				this.router.navigate([`${this.routers.incidentConfig}`]);
 				this.cdr.markForCheck();
@@ -10797,7 +10859,7 @@ var AddEditIncidentComponent = class AddEditIncidentComponent extends AppBaseCom
 			deps: [
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.CommonService }
+				{ token: i2$1.CommonService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -10926,7 +10988,7 @@ var AddEditIncidentComponent = class AddEditIncidentComponent extends AppBaseCom
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -11005,9 +11067,14 @@ var AddEditIncidentComponent = class AddEditIncidentComponent extends AppBaseCom
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -11036,7 +11103,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.CommonService }
+		{ type: i2$1.CommonService }
 	],
 	propDecorators: { editForm: [{
 		type: ViewChild,
@@ -11126,7 +11193,7 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 			type: IncidentListComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
 			],
@@ -11147,7 +11214,7 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -11260,19 +11327,19 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -11355,7 +11422,7 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -11420,12 +11487,12 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 				},
 				{
 					kind: "pipe",
-					type: i9.RemoveHtmlPipe,
+					type: i9$1.RemoveHtmlPipe,
 					name: "removeHtml"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -11448,7 +11515,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
 	]
@@ -11506,19 +11573,16 @@ i0.ɵɵngDeclareClassMetadata({
 	}]
 });
 var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent extends AppBaseComponent {
-	constructor(injector, cdr, adminService, productService, unsavedChanges) {
+	constructor(injector, cdr, adminService, productService) {
 		super(injector);
 		this.cdr = cdr;
 		this.adminService = adminService;
 		this.productService = productService;
-		this.unsavedChanges = unsavedChanges;
 		this.submitted = false;
 		this.buttonBusy = false;
-		this.saved = false;
 		this.routers = ROUTERS;
 		this.isLoading = true;
 		this.featureKeys = [];
-		this.unregisterUnsaved = null;
 		this.form = AppAdmin.loginNotificationForm();
 	}
 	ngOnInit() {
@@ -11531,14 +11595,6 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 			else this.isLoading = false;
 			this.cdr.markForCheck();
 		});
-		this.unregisterUnsaved = this.unsavedChanges.watch(() => this.hasUnsavedChanges());
-	}
-	ngOnDestroy() {
-		this.unregisterUnsaved?.();
-		super.ngOnDestroy();
-	}
-	hasUnsavedChanges() {
-		return this.form.dirty && !this.saved;
 	}
 	get f() {
 		return this.form.controls;
@@ -11580,7 +11636,6 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 		(this.id ? this.adminService.updateLoginNotification(this.id, data) : this.adminService.createLoginNotification(data)).subscribe({ next: () => {
 			this.toast.success(this.translation.translate("Admin.LoginNotification.UpdatedMessage"));
 			this.form.markAsPristine();
-			this.saved = true;
 			this.back();
 			this.cdr.markForCheck();
 		} }).add(() => {
@@ -11599,8 +11654,7 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
-				{ token: i2$1.UnsavedChangesService }
+				{ token: i2$1.ProductService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -11619,7 +11673,7 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -11906,7 +11960,7 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -11985,6 +12039,11 @@ var LoginNotificationDetailsComponent = class LoginNotificationDetailsComponent
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i5$2.AsyncPipe,
@@ -12018,8 +12077,7 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
-		{ type: i2$1.UnsavedChangesService }
+		{ type: i2$1.ProductService }
 	],
 	propDecorators: { onSave: [] }
 });
@@ -12193,7 +12251,7 @@ var LoginNotificationsListComponent = class LoginNotificationsListComponent exte
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -12306,19 +12364,19 @@ var LoginNotificationsListComponent = class LoginNotificationsListComponent exte
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -12407,7 +12465,7 @@ var LoginNotificationsListComponent = class LoginNotificationsListComponent exte
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -12472,12 +12530,12 @@ var LoginNotificationsListComponent = class LoginNotificationsListComponent exte
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -12571,6 +12629,7 @@ var MailerDetailsComponent = class MailerDetailsComponent extends AppBaseCompone
 			subscription_id: this.subscriptionId
 		};
 		(this.id ? this.adminService.updateMailer(data, this.id) : this.adminService.addMailer(data)).subscribe({ next: (_) => {
+			this.form.markAsPristine();
 			this.id ? this.toast.success(this.translation.translate("Admin.Mailer.UpdatedMessage")) : this.toast.success(this.translation.translate("Admin.Mailer.AddedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -12610,7 +12669,7 @@ var MailerDetailsComponent = class MailerDetailsComponent extends AppBaseCompone
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -12706,7 +12765,7 @@ var MailerDetailsComponent = class MailerDetailsComponent extends AppBaseCompone
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -12785,9 +12844,14 @@ var MailerDetailsComponent = class MailerDetailsComponent extends AppBaseCompone
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -12902,7 +12966,7 @@ var MailerListComponent = class MailerListComponent extends AppBaseComponent {
 			type: MailerListComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.AuthService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -12923,7 +12987,7 @@ var MailerListComponent = class MailerListComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -13036,13 +13100,13 @@ var MailerListComponent = class MailerListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -13125,7 +13189,7 @@ var MailerListComponent = class MailerListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -13196,12 +13260,12 @@ var MailerListComponent = class MailerListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.RemoveHtmlPipe,
+					type: i9$1.RemoveHtmlPipe,
 					name: "removeHtml"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -13223,7 +13287,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.AuthService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -13326,6 +13390,7 @@ var NewsletterDetailsComponent = class NewsletterDetailsComponent extends AppBas
 		};
 		(this.id ? this.adminService.updateNewsletter(data, this.id) : this.adminService.addNewsletter(data)).subscribe({ next: (response) => {
 			this.form.patchValue(response);
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.Newsletter.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -13420,7 +13485,7 @@ var NewsletterDetailsComponent = class NewsletterDetailsComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -13499,6 +13564,11 @@ var NewsletterDetailsComponent = class NewsletterDetailsComponent extends AppBas
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -13664,6 +13734,7 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 		this.adminService.addNewsletterItem(data).subscribe((response) => {
 			this.data = response;
 			this.postTags();
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.Newsletter.AddedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -13680,6 +13751,7 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 		this.adminService.updateNewsletterItem(data, this.id).subscribe((response) => {
 			this.data = response;
 			this.postTags();
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.Newsletter.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -13746,9 +13818,9 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 			type: NewsletterItemDetailsComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.TagService },
-				{ token: i2$2.ProductService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.TagService },
+				{ token: i2$1.ProductService },
+				{ token: i2$1.AuthService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i3.DomSanitizer }
@@ -13854,7 +13926,7 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -14165,7 +14237,7 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -14252,9 +14324,14 @@ var NewsletterItemDetailsComponent = class NewsletterItemDetailsComponent extend
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -14282,9 +14359,9 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.TagService },
-		{ type: i2$2.ProductService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.TagService },
+		{ type: i2$1.ProductService },
+		{ type: i2$1.AuthService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i3.DomSanitizer }
@@ -14369,7 +14446,7 @@ var NewsletterUsersListComponent = class NewsletterUsersListComponent extends Ap
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -14482,19 +14559,19 @@ var NewsletterUsersListComponent = class NewsletterUsersListComponent extends Ap
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -14549,7 +14626,7 @@ var NewsletterUsersListComponent = class NewsletterUsersListComponent extends Ap
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -14609,12 +14686,12 @@ var NewsletterUsersListComponent = class NewsletterUsersListComponent extends Ap
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.IsOnlinePipe,
+					type: i9$1.IsOnlinePipe,
 					name: "isOnline"
 				}
 			]
@@ -14769,7 +14846,7 @@ var NewsletterInsightComponent = class NewsletterInsightComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -14945,7 +15022,7 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 			type: NewslettersItemsComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.AuthService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -14967,7 +15044,7 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -15080,19 +15157,19 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -15266,7 +15343,7 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -15337,17 +15414,17 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.RemoveHtmlPipe,
+					type: i9$1.RemoveHtmlPipe,
 					name: "removeHtml"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -15370,7 +15447,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.AuthService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -15449,7 +15526,7 @@ var NewsLetterItemViewComponent = class NewsLetterItemViewComponent extends AppB
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -15568,7 +15645,7 @@ var NewslettersListComponent = class NewslettersListComponent extends AppBaseCom
 			type: NewslettersListComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.AuthService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -15589,7 +15666,7 @@ var NewslettersListComponent = class NewslettersListComponent extends AppBaseCom
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -15702,19 +15779,19 @@ var NewslettersListComponent = class NewslettersListComponent extends AppBaseCom
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -15797,7 +15874,7 @@ var NewslettersListComponent = class NewslettersListComponent extends AppBaseCom
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -15879,7 +15956,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.AuthService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -16022,7 +16099,7 @@ var OauthClientsComponent = class OauthClientsComponent extends AppBaseComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -16135,7 +16212,7 @@ var OauthClientsComponent = class OauthClientsComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -16169,7 +16246,7 @@ var OauthClientsComponent = class OauthClientsComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -16240,19 +16317,16 @@ i0.ɵɵngDeclareClassMetadata({
 	]
 });
 var OauthClientsDetailsComponent = class OauthClientsDetailsComponent extends AppBaseComponent {
-	constructor(fb, oauthClientService, injector, cdr, unsavedChanges) {
+	constructor(fb, oauthClientService, injector, cdr) {
 		super(injector);
 		this.fb = fb;
 		this.oauthClientService = oauthClientService;
 		this.cdr = cdr;
-		this.unsavedChanges = unsavedChanges;
 		this.submitting = false;
-		this.saved = false;
 		this.editId = null;
 		this.loading = false;
 		this.createdClient = null;
 		this.routers = ROUTERS;
-		this.unregisterUnsaved = null;
 		this.form = this.fb.group({
 			name: ["", Validators.required],
 			redirect_uris: ["", Validators.required],
@@ -16266,14 +16340,6 @@ var OauthClientsDetailsComponent = class OauthClientsDetailsComponent extends Ap
 			this.editId = Number(id);
 			this.loadClient(this.editId);
 		}
-		this.unregisterUnsaved = this.unsavedChanges.watch(() => this.hasUnsavedChanges());
-	}
-	ngOnDestroy() {
-		this.unregisterUnsaved?.();
-		super.ngOnDestroy();
-	}
-	hasUnsavedChanges() {
-		return this.form.dirty && !this.saved;
 	}
 	loadClient(id) {
 		this.loading = true;
@@ -16338,7 +16404,6 @@ var OauthClientsDetailsComponent = class OauthClientsDetailsComponent extends Ap
 	}
 	markClean() {
 		this.form.markAsPristine();
-		this.saved = true;
 	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
@@ -16350,8 +16415,7 @@ var OauthClientsDetailsComponent = class OauthClientsDetailsComponent extends Ap
 				{ token: i10.FormBuilder },
 				{ token: i1$1.McpOauthClientService },
 				{ token: i0.Injector },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i2$1.UnsavedChangesService }
+				{ token: i0.ChangeDetectorRef }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -16477,6 +16541,11 @@ var OauthClientsDetailsComponent = class OauthClientsDetailsComponent extends Ap
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -16503,8 +16572,7 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i10.FormBuilder },
 		{ type: i1$1.McpOauthClientService },
 		{ type: i0.Injector },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i2$1.UnsavedChangesService }
+		{ type: i0.ChangeDetectorRef }
 	]
 });
 var OauthClientsTabsComponent = class OauthClientsTabsComponent {
@@ -16712,7 +16780,7 @@ var PermissionsDetailsComponent = class PermissionsDetailsComponent extends AppB
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -16797,6 +16865,11 @@ var PermissionsDetailsComponent = class PermissionsDetailsComponent extends AppB
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -16925,7 +16998,7 @@ var PermissionsListComponent = class PermissionsListComponent extends AppBaseCom
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -17038,19 +17111,19 @@ var PermissionsListComponent = class PermissionsListComponent extends AppBaseCom
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -17133,7 +17206,7 @@ var PermissionsListComponent = class PermissionsListComponent extends AppBaseCom
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -17491,7 +17564,7 @@ var RoleDetailsComponent = class RoleDetailsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -17563,6 +17636,11 @@ var RoleDetailsComponent = class RoleDetailsComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -17691,7 +17769,7 @@ var RolesListComponent = class RolesListComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -17804,19 +17882,19 @@ var RolesListComponent = class RolesListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -17899,7 +17977,7 @@ var RolesListComponent = class RolesListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -18106,7 +18184,7 @@ var OnboardingStepFormComponent = class OnboardingStepFormComponent {
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -18361,6 +18439,11 @@ var OnboardingStepFormComponent = class OnboardingStepFormComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -18536,7 +18619,7 @@ var OnboardingStepsComponent = class OnboardingStepsComponent extends AppBaseCom
 			deps: [
 				{ token: i0.Injector },
 				{ token: i1$1.OnboardingAdminService },
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i6$2.ConfirmDialogService },
 				{ token: i3$2.NgbModal },
 				{ token: i0.ChangeDetectorRef },
@@ -18562,7 +18645,7 @@ var OnboardingStepsComponent = class OnboardingStepsComponent extends AppBaseCom
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -18703,7 +18786,7 @@ var OnboardingStepsComponent = class OnboardingStepsComponent extends AppBaseCom
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -18898,7 +18981,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i1$1.OnboardingAdminService },
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i6$2.ConfirmDialogService },
 		{ type: i3$2.NgbModal },
 		{ type: i0.ChangeDetectorRef },
@@ -18963,7 +19046,7 @@ var ProductBackupCardComponent = class ProductBackupCardComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -19117,6 +19200,11 @@ var ProductBackupCardComponent = class ProductBackupCardComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -19329,6 +19417,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 					};
 					this.adminService.saveProductRoles(this.subscriptionsRolesData).subscribe();
 				}
+				this.form.markAsPristine();
 				this.back();
 			}
 			this.cdr.markForCheck();
@@ -19348,6 +19437,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 		this.productService.updateProduct(data, this.id).subscribe((response) => {
 			if (!response.error) {
 				this.form.patchValue(response);
+				this.form.markAsPristine();
 				this.back();
 			}
 			this.cdr.markForCheck();
@@ -19472,7 +19562,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 			deps: [
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i3$2.NgbModal },
 				{ token: i1$1.AdminService }
 			],
@@ -19556,7 +19646,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -19795,7 +19885,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -19809,7 +19899,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i12.ProfileImageCropperComponent,
+					type: i12$1.ProfileImageCropperComponent,
 					selector: "pw-image-cropper",
 					inputs: ["aspectRatio", "dynamicData"],
 					outputs: [
@@ -19882,9 +19972,14 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -19929,7 +20024,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i3$2.NgbModal },
 		{ type: i1$1.AdminService }
 	],
@@ -19971,7 +20066,7 @@ var ProductInsightComponent = class ProductInsightComponent extends AppBaseCompo
 			ngImport: i0,
 			type: ProductInsightComponent,
 			deps: [
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -20064,7 +20159,7 @@ var ProductInsightComponent = class ProductInsightComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -20095,7 +20190,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	]
@@ -20214,8 +20309,8 @@ var ProductsListComponent = class ProductsListComponent extends AppBaseComponent
 			ngImport: i0,
 			type: ProductsListComponent,
 			deps: [
-				{ token: i2$2.ProductService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.ProductService },
+				{ token: i2$1.AuthService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -20242,7 +20337,7 @@ var ProductsListComponent = class ProductsListComponent extends AppBaseComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -20355,19 +20450,19 @@ var ProductsListComponent = class ProductsListComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -20542,7 +20637,7 @@ var ProductsListComponent = class ProductsListComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -20630,8 +20725,8 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.ProductService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.ProductService },
+		{ type: i2$1.AuthService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	],
@@ -20754,7 +20849,7 @@ var UsersListForProductComponent = class UsersListForProductComponent extends Ap
 			ngImport: i0,
 			type: UsersListForProductComponent,
 			deps: [
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -20774,7 +20869,7 @@ var UsersListForProductComponent = class UsersListForProductComponent extends Ap
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -20887,19 +20982,19 @@ var UsersListForProductComponent = class UsersListForProductComponent extends Ap
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -21034,12 +21129,12 @@ var UsersListForProductComponent = class UsersListForProductComponent extends Ap
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.IsOnlinePipe,
+					type: i9$1.IsOnlinePipe,
 					name: "isOnline"
 				}
 			]
@@ -21060,7 +21155,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	]
@@ -21213,6 +21308,7 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 		if (!data.rectangular_picture) delete data.rectangular_picture;
 		delete data.id;
 		this.adminService.addPost(data).pipe(switchMap((response) => this.postTags(response.id))).subscribe(() => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Resource.AddedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -21262,6 +21358,7 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 	}
 	updatePost(data) {
 		this.adminService.updatePost(data, this.id).pipe(switchMap(() => this.postTags(this.blog.id))).subscribe(() => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Resource.UpdatedMessage"));
 			this.navigateToResourceList({ resetSearch: true });
 			this.cdr.markForCheck();
@@ -21351,8 +21448,8 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 				{ token: i1$1.AdminService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.TagService },
-				{ token: i2$2.SubscriptionService }
+				{ token: i2$1.TagService },
+				{ token: i2$1.SubscriptionService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -21450,7 +21547,7 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -21671,7 +21768,7 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -21685,7 +21782,7 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 				},
 				{
 					kind: "component",
-					type: i12.ProfileImageCropperComponent,
+					type: i12$1.ProfileImageCropperComponent,
 					selector: "pw-image-cropper",
 					inputs: ["aspectRatio", "dynamicData"],
 					outputs: [
@@ -21747,9 +21844,14 @@ var ResourceAdminDetailsComponent = class ResourceAdminDetailsComponent extends
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -21783,8 +21885,8 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i1$1.AdminService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.TagService },
-		{ type: i2$2.SubscriptionService }
+		{ type: i2$1.TagService },
+		{ type: i2$1.SubscriptionService }
 	],
 	propDecorators: { onSave: [] }
 });
@@ -21970,7 +22072,7 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 			type: ResourcesIndexComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.TagService },
+				{ token: i2$1.TagService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -21992,7 +22094,7 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -22105,19 +22207,19 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -22291,7 +22393,7 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -22367,12 +22469,12 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.IfNameNullShowEmailPipe,
+					type: i9$1.IfNameNullShowEmailPipe,
 					name: "ifNameNullShowEmail"
 				}
 			]
@@ -22395,7 +22497,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.TagService },
+		{ type: i2$1.TagService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -22529,7 +22631,7 @@ var ResourcesInsightComponent = class ResourcesInsightComponent extends AppBaseC
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -22631,7 +22733,7 @@ var ResourcesListsInsightComponent = class ResourcesListsInsightComponent extend
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -22744,7 +22846,7 @@ var ResourcesListsInsightComponent = class ResourcesListsInsightComponent extend
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -22799,7 +22901,7 @@ var ResourcesListsInsightComponent = class ResourcesListsInsightComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -22963,6 +23065,7 @@ var AgentDetailsComponent = class AgentDetailsComponent extends AppBaseComponent
 			...Object.keys(details).length ? { payout_details: details } : {}
 		};
 		this.groupService.updateAgent(this.subscriptionId, this.agentId, data).subscribe(() => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("User.Subscriptions.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -23001,7 +23104,7 @@ var AgentDetailsComponent = class AgentDetailsComponent extends AppBaseComponent
 			type: AgentDetailsComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.GroupService },
+				{ token: i2$1.GroupService },
 				{ token: i3$2.NgbDatepickerConfig },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
@@ -23102,7 +23205,7 @@ var AgentDetailsComponent = class AgentDetailsComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -23226,7 +23329,7 @@ var AgentDetailsComponent = class AgentDetailsComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -23322,6 +23425,11 @@ var AgentDetailsComponent = class AgentDetailsComponent extends AppBaseComponent
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "directive",
 					type: i3$2.NgbInputDatepicker,
@@ -23383,7 +23491,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.GroupService },
+		{ type: i2$1.GroupService },
 		{ type: i3$2.NgbDatepickerConfig },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
@@ -23445,10 +23553,10 @@ var SubscriptionProductsComponent = class SubscriptionProductsComponent extends
 			ngImport: i0,
 			type: SubscriptionProductsComponent,
 			deps: [
-				{ token: i2$2.SubscriptionService },
+				{ token: i2$1.SubscriptionService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.ProductService }
+				{ token: i2$1.ProductService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -23466,7 +23574,7 @@ var SubscriptionProductsComponent = class SubscriptionProductsComponent extends
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -23579,7 +23687,7 @@ var SubscriptionProductsComponent = class SubscriptionProductsComponent extends
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -23662,7 +23770,7 @@ var SubscriptionProductsComponent = class SubscriptionProductsComponent extends
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -23753,10 +23861,10 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.SubscriptionService },
+		{ type: i2$1.SubscriptionService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.ProductService }
+		{ type: i2$1.ProductService }
 	]
 });
 var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
@@ -23872,6 +23980,7 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
 					this.subscriptionService.addMembersToSubscription(this.id, data).subscribe((response) => {
 						if (response?.status === StatusCodes.OK) {
 							this.membersAdded.emit();
+							this.form.markAsPristine();
 							this.toast.success(response.message);
 							this.form.setControl("emailsFormArray", this.formBuilder.array([this.createItem()]));
 						} else this.toast.error(response.error.message);
@@ -23894,8 +24003,8 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i10.UntypedFormBuilder },
-				{ token: i2$2.SubscriptionService },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.SubscriptionService },
+				{ token: i2$1.AuthService },
 				{ token: i6$2.ConfirmDialogService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -23984,6 +24093,11 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
 					selector: "[formArrayName]",
 					inputs: ["formArrayName"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -24011,8 +24125,8 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i10.UntypedFormBuilder },
-		{ type: i2$2.SubscriptionService },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.SubscriptionService },
+		{ type: i2$1.AuthService },
 		{ type: i6$2.ConfirmDialogService }
 	],
 	propDecorators: {
@@ -24198,13 +24312,13 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 			ngImport: i0,
 			type: SubscriptionUsersComponent,
 			deps: [
-				{ token: i2$2.SubscriptionService },
+				{ token: i2$1.SubscriptionService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.AuthService },
-				{ token: i2$2.WindowService },
+				{ token: i2$1.AuthService },
+				{ token: i2$1.WindowService },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.CustomToastService },
+				{ token: i2$1.CustomToastService },
 				{ token: i6$2.ConfirmDialogService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -24244,7 +24358,7 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -24357,19 +24471,19 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -24459,7 +24573,7 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -24542,17 +24656,17 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.SinceAgoPipe,
+					type: i9$1.SinceAgoPipe,
 					name: "sinceAgo"
 				},
 				{
 					kind: "pipe",
-					type: i9.IsOnlinePipe,
+					type: i9$1.IsOnlinePipe,
 					name: "isOnline"
 				}
 			]
@@ -24574,13 +24688,13 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.SubscriptionService },
+		{ type: i2$1.SubscriptionService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.AuthService },
-		{ type: i2$2.WindowService },
+		{ type: i2$1.AuthService },
+		{ type: i2$1.WindowService },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.CustomToastService },
+		{ type: i2$1.CustomToastService },
 		{ type: i6$2.ConfirmDialogService }
 	],
 	propDecorators: {
@@ -24750,7 +24864,7 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -24863,7 +24977,7 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -24976,7 +25090,7 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -25110,7 +25224,7 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -25216,6 +25330,11 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "directive",
 					type: i3$2.NgbInputDatepicker,
@@ -25258,7 +25377,7 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -25397,7 +25516,7 @@ var SubscriptionInvoicesComponent = class SubscriptionInvoicesComponent extends
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -25510,7 +25629,7 @@ var SubscriptionInvoicesComponent = class SubscriptionInvoicesComponent extends
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -25544,7 +25663,7 @@ var SubscriptionInvoicesComponent = class SubscriptionInvoicesComponent extends
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -25693,7 +25812,7 @@ var SubscriptionInvoicesComponent = class SubscriptionInvoicesComponent extends
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -25876,6 +25995,7 @@ var SubscriptionDetailsComponent = class SubscriptionDetailsComponent extends Ap
 				company_url: formValue.company_url
 			};
 			this.subscriptionService.updateSubscription(this.id, data).subscribe(() => {
+				this.form.markAsPristine();
 				this.router.navigate(["/admin/subscriptions/list"]);
 				this.toast.success(this.translation.translate("Admin.Subscriptions.UpdatedMessage"));
 				this.getAgentsDetails(this.id);
@@ -25924,11 +26044,11 @@ var SubscriptionDetailsComponent = class SubscriptionDetailsComponent extends Ap
 			ngImport: i0,
 			type: SubscriptionDetailsComponent,
 			deps: [
-				{ token: i2$2.SubscriptionService },
+				{ token: i2$1.SubscriptionService },
 				{ token: i1$1.AdminService },
 				{ token: i5$2.DatePipe },
-				{ token: i2$2.CommonService },
-				{ token: i2$2.NgbDateCustomParserFormatter },
+				{ token: i2$1.CommonService },
+				{ token: i2$1.NgbDateCustomParserFormatter },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -25977,7 +26097,7 @@ var SubscriptionDetailsComponent = class SubscriptionDetailsComponent extends Ap
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -26256,7 +26376,7 @@ var SubscriptionDetailsComponent = class SubscriptionDetailsComponent extends Ap
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -26341,6 +26461,11 @@ var SubscriptionDetailsComponent = class SubscriptionDetailsComponent extends Ap
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "directive",
 					type: i3$2.NgbInputDatepicker,
@@ -26425,11 +26550,11 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.SubscriptionService },
+		{ type: i2$1.SubscriptionService },
 		{ type: i1$1.AdminService },
 		{ type: i5$2.DatePipe },
-		{ type: i2$2.CommonService },
-		{ type: i2$2.NgbDateCustomParserFormatter },
+		{ type: i2$1.CommonService },
+		{ type: i2$1.NgbDateCustomParserFormatter },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	]
@@ -26555,6 +26680,7 @@ var SubscriptionProductDetailsComponent = class SubscriptionProductDetailsCompon
 		if (this.form.value?.new_product_id) data["new_product_id"] = this.form.value?.new_product_id?.id ?? null;
 		if (this.form.value.purchased_units) data["purchased_units"] = this.form.value.purchased_units;
 		this.adminService.updateSubscriptionProduct(data).subscribe({ next: () => {
+			this.form.markAsPristine();
 			this.toast.success(this.translation.translate("Admin.Subscriptions.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -26587,8 +26713,8 @@ var SubscriptionProductDetailsComponent = class SubscriptionProductDetailsCompon
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
-				{ token: i2$2.NgbDateCustomParserFormatter },
+				{ token: i2$1.ProductService },
+				{ token: i2$1.NgbDateCustomParserFormatter },
 				{ token: i5$2.DatePipe }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -26757,7 +26883,7 @@ var SubscriptionProductDetailsComponent = class SubscriptionProductDetailsCompon
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -26817,6 +26943,11 @@ var SubscriptionProductDetailsComponent = class SubscriptionProductDetailsCompon
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "directive",
 					type: i3$2.NgbInputDatepicker,
@@ -26879,8 +27010,8 @@ i0.ɵɵngDeclareClassMetadata({
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
-		{ type: i2$2.NgbDateCustomParserFormatter },
+		{ type: i2$1.ProductService },
+		{ type: i2$1.NgbDateCustomParserFormatter },
 		{ type: i5$2.DatePipe }
 	],
 	propDecorators: {
@@ -27020,7 +27151,7 @@ var InsightComponent = class InsightComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -27132,7 +27263,7 @@ var SubscriptionInsightNpsComponent = class SubscriptionInsightNpsComponent exte
 			deps: [
 				{ token: i1$1.AdminService },
 				{ token: i0.Injector },
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i3$2.NgbModal },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -27159,7 +27290,7 @@ var SubscriptionInsightNpsComponent = class SubscriptionInsightNpsComponent exte
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -27272,19 +27403,19 @@ var SubscriptionInsightNpsComponent = class SubscriptionInsightNpsComponent exte
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -27396,7 +27527,7 @@ var SubscriptionInsightNpsComponent = class SubscriptionInsightNpsComponent exte
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -27451,7 +27582,7 @@ var SubscriptionInsightNpsComponent = class SubscriptionInsightNpsComponent exte
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -27474,7 +27605,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
 		{ type: i0.Injector },
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i3$2.NgbModal },
 		{ type: i0.ChangeDetectorRef }
 	],
@@ -27672,7 +27803,7 @@ var SubscriptionInsightAveragePriceComponent = class SubscriptionInsightAverageP
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -27821,7 +27952,7 @@ var SubscriptionInsightProcuctSessionComponent = class SubscriptionInsightProcuc
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -27970,7 +28101,7 @@ var SubscriptionInsightUserSessionComponent = class SubscriptionInsightUserSessi
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -28119,7 +28250,7 @@ var SubscriptionInsightAverageUserComponent = class SubscriptionInsightAverageUs
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -28282,7 +28413,7 @@ var SubscriptionInsightRevenueComponent = class SubscriptionInsightRevenueCompon
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -28445,7 +28576,7 @@ var SubscriptionInsightChurnComponent = class SubscriptionInsightChurnComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -28812,9 +28943,9 @@ var InviteUsersComponent = class InviteUsersComponent extends AppBaseComponent {
 			deps: [
 				{ token: i10.UntypedFormBuilder },
 				{ token: i1$1.AdminService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i0.ChangeDetectorRef }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -28919,7 +29050,7 @@ var InviteUsersComponent = class InviteUsersComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -29078,6 +29209,11 @@ var InviteUsersComponent = class InviteUsersComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i5$2.AsyncPipe,
@@ -29109,9 +29245,9 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i10.UntypedFormBuilder },
 		{ type: i1$1.AdminService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i0.ChangeDetectorRef }
 	],
 	propDecorators: { refProduct: [{
@@ -29406,12 +29542,12 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 			ngImport: i0,
 			type: SubscriptionsListComponent,
 			deps: [
-				{ token: i2$2.ProductService },
+				{ token: i2$1.ProductService },
 				{ token: i1$1.AdminService },
 				{ token: i10.UntypedFormBuilder },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.CommonService },
+				{ token: i2$1.CommonService },
 				{ token: i6$2.ConfirmDialogService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -29442,7 +29578,7 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -29555,19 +29691,19 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -29601,7 +29737,7 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -29818,7 +29954,7 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -29899,17 +30035,17 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.SinceAgoPipe,
+					type: i9$1.SinceAgoPipe,
 					name: "sinceAgo"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				},
 				{
@@ -29936,12 +30072,12 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.ProductService },
+		{ type: i2$1.ProductService },
 		{ type: i1$1.AdminService },
 		{ type: i10.UntypedFormBuilder },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.CommonService },
+		{ type: i2$1.CommonService },
 		{ type: i6$2.ConfirmDialogService }
 	],
 	propDecorators: {
@@ -30139,8 +30275,8 @@ var TagsCategoryComponent = class TagsCategoryComponent extends AppBaseComponent
 			type: TagsCategoryComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.TagService },
-				{ token: i2$2.CustomToastService },
+				{ token: i2$1.TagService },
+				{ token: i2$1.CustomToastService },
 				{ token: i3$2.NgbModal },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
@@ -30162,7 +30298,7 @@ var TagsCategoryComponent = class TagsCategoryComponent extends AppBaseComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -30275,19 +30411,19 @@ var TagsCategoryComponent = class TagsCategoryComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -30394,7 +30530,7 @@ var TagsCategoryComponent = class TagsCategoryComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -30459,8 +30595,8 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.TagService },
-		{ type: i2$2.CustomToastService },
+		{ type: i2$1.TagService },
+		{ type: i2$1.CustomToastService },
 		{ type: i3$2.NgbModal },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
@@ -30585,7 +30721,7 @@ var TagDetailsComponent = class TagDetailsComponent extends AppBaseComponent {
 			type: TagDetailsComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.TagService },
+				{ token: i2$1.TagService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i3$2.NgbModal }
 			],
@@ -30605,7 +30741,7 @@ var TagDetailsComponent = class TagDetailsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -30729,7 +30865,7 @@ var TagDetailsComponent = class TagDetailsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i12.ProfileImageCropperComponent,
+					type: i12$1.ProfileImageCropperComponent,
 					selector: "pw-image-cropper",
 					inputs: ["aspectRatio", "dynamicData"],
 					outputs: [
@@ -30791,6 +30927,11 @@ var TagDetailsComponent = class TagDetailsComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -30817,7 +30958,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.TagService },
+		{ type: i2$1.TagService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i3$2.NgbModal }
 	]
@@ -30935,7 +31076,7 @@ var TagsListComponent = class TagsListComponent extends AppBaseComponent {
 			deps: [
 				{ token: i0.Injector },
 				{ token: i3$2.NgbModal },
-				{ token: i2$2.TagService },
+				{ token: i2$1.TagService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i6$2.ConfirmDialogService }
 			],
@@ -30956,7 +31097,7 @@ var TagsListComponent = class TagsListComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -31069,19 +31210,19 @@ var TagsListComponent = class TagsListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -31164,7 +31305,7 @@ var TagsListComponent = class TagsListComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -31254,7 +31395,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i3$2.NgbModal },
-		{ type: i2$2.TagService },
+		{ type: i2$1.TagService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i6$2.ConfirmDialogService }
 	]
@@ -31364,6 +31505,7 @@ var TipComponent = class TipComponent extends AppBaseComponent {
 	onSave() {
 		this.buttonBusy = true;
 		(this.id ? this.tipService.saveTips(this.id, this.form.value, this.subscriptionId) : this.tipService.addTips(this.form.value, this.subscriptionId)).subscribe(() => {
+			this.form.markAsPristine();
 			this.router.navigate(["../list"], { relativeTo: this.route });
 			this.toast.success(this.translation.translate("Admin.Tips.UpdatedMessage"));
 			this.cdr.markForCheck();
@@ -31382,7 +31524,7 @@ var TipComponent = class TipComponent extends AppBaseComponent {
 			ngImport: i0,
 			type: TipComponent,
 			deps: [
-				{ token: i2$2.TipsService },
+				{ token: i2$1.TipsService },
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -31451,7 +31593,7 @@ var TipComponent = class TipComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -31517,6 +31659,11 @@ var TipComponent = class TipComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i8$2.TranslocoPipe,
@@ -31542,7 +31689,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.TipsService },
+		{ type: i2$1.TipsService },
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef }
 	],
@@ -31583,7 +31730,7 @@ var TipsComponent = class TipsComponent extends AppBaseComponent {
 			ngImport: i0,
 			type: TipsComponent,
 			deps: [
-				{ token: i2$2.TipsService },
+				{ token: i2$1.TipsService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i0.Injector }
 			],
@@ -31603,7 +31750,7 @@ var TipsComponent = class TipsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -31716,7 +31863,7 @@ var TipsComponent = class TipsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -31750,7 +31897,7 @@ var TipsComponent = class TipsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -31815,7 +31962,7 @@ var TipsComponent = class TipsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -31836,7 +31983,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}],
 	ctorParameters: () => [
-		{ type: i2$2.TipsService },
+		{ type: i2$1.TipsService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i0.Injector }
 	]
@@ -31983,7 +32130,7 @@ var TermsOfServiceComponent = class TermsOfServiceComponent extends AppBaseCompo
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -32096,19 +32243,19 @@ var TermsOfServiceComponent = class TermsOfServiceComponent extends AppBaseCompo
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -32191,7 +32338,7 @@ var TermsOfServiceComponent = class TermsOfServiceComponent extends AppBaseCompo
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -32251,12 +32398,12 @@ var TermsOfServiceComponent = class TermsOfServiceComponent extends AppBaseCompo
 				},
 				{
 					kind: "pipe",
-					type: i9.RemoveHtmlPipe,
+					type: i9$1.RemoveHtmlPipe,
 					name: "removeHtml"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -32285,15 +32432,12 @@ i0.ɵɵngDeclareClassMetadata({
 	]
 });
 var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extends AppBaseComponent {
-	constructor(adminService, injector, cdr, unsavedChanges) {
+	constructor(adminService, injector, cdr) {
 		super(injector);
 		this.adminService = adminService;
 		this.cdr = cdr;
-		this.unsavedChanges = unsavedChanges;
 		this.isLoading = true;
 		this.submitted = false;
-		this.saved = false;
-		this.unregisterUnsaved = null;
 		QuillHelper.init();
 		this.editorConfig = QuillHelper.getEditorConfig();
 		this.form = AppAdmin.getTosForm();
@@ -32305,10 +32449,6 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 			else this.isLoading = false;
 			this.cdr.markForCheck();
 		});
-		this.unregisterUnsaved = this.unsavedChanges.watch(() => this.hasUnsavedChanges());
-	}
-	hasUnsavedChanges() {
-		return this.form.dirty && !this.saved;
 	}
 	ngAfterViewInit() {
 		HelperService.subscribeToEditorChanges(this.form, "privacy");
@@ -32334,7 +32474,6 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 		(this.id ? this.adminService.updateTos(this.id, data) : this.adminService.postTos(data)).subscribe((response) => {
 			this.form.patchValue(response);
 			this.form.markAsPristine();
-			this.saved = true;
 			this.toast.success(this.translation.translate("Tos.UpdatedMessage"));
 			this.back();
 			this.cdr.markForCheck();
@@ -32357,10 +32496,6 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 			this.cdr.markForCheck();
 		});
 	}
-	ngOnDestroy() {
-		this.unregisterUnsaved?.();
-		super.ngOnDestroy();
-	}
 	static {
 		this.ɵfac = i0.ɵɵngDeclareFactory({
 			minVersion: "12.0.0",
@@ -32370,8 +32505,7 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 			deps: [
 				{ token: i1$1.AdminService },
 				{ token: i0.Injector },
-				{ token: i0.ChangeDetectorRef },
-				{ token: i2$1.UnsavedChangesService }
+				{ token: i0.ChangeDetectorRef }
 			],
 			target: i0.ɵɵFactoryTarget.Component
 		});
@@ -32494,7 +32628,7 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -32573,9 +32707,14 @@ var TermsOfServiceDetailsComponent = class TermsOfServiceDetailsComponent extend
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "component",
-					type: i11.QuillEditorComponent,
+					type: i12.QuillEditorComponent,
 					selector: "quill-editor"
 				},
 				{
@@ -32605,8 +32744,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
 		{ type: i0.Injector },
-		{ type: i0.ChangeDetectorRef },
-		{ type: i2$1.UnsavedChangesService }
+		{ type: i0.ChangeDetectorRef }
 	],
 	propDecorators: { onSave: [] }
 });
@@ -32824,7 +32962,7 @@ var AhoyEventsComponent = class AhoyEventsComponent extends AppBaseComponent {
 			deps: [
 				{ token: i0.Injector },
 				{ token: i3$2.NgbModal },
-				{ token: i2$2.AhoyService },
+				{ token: i2$1.AhoyService },
 				{ token: i1$1.AdminDataService },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -32851,7 +32989,7 @@ var AhoyEventsComponent = class AhoyEventsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -32964,25 +33102,25 @@ var AhoyEventsComponent = class AhoyEventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -33275,7 +33413,7 @@ var AhoyEventsComponent = class AhoyEventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -33340,7 +33478,7 @@ var AhoyEventsComponent = class AhoyEventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -33364,7 +33502,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i3$2.NgbModal },
-		{ type: i2$2.AhoyService },
+		{ type: i2$1.AhoyService },
 		{ type: i1$1.AdminDataService },
 		{ type: i0.ChangeDetectorRef }
 	],
@@ -33520,7 +33658,7 @@ var AhoyMessagesComponent = class AhoyMessagesComponent extends AppBaseComponent
 			type: AhoyMessagesComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.AhoyService },
+				{ token: i2$1.AhoyService },
 				{ token: i0.ChangeDetectorRef },
 				{ token: i1$1.AdminDataService }
 			],
@@ -33541,7 +33679,7 @@ var AhoyMessagesComponent = class AhoyMessagesComponent extends AppBaseComponent
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -33654,25 +33792,25 @@ var AhoyMessagesComponent = class AhoyMessagesComponent extends AppBaseComponent
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -33954,7 +34092,7 @@ var AhoyMessagesComponent = class AhoyMessagesComponent extends AppBaseComponent
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -34014,12 +34152,12 @@ var AhoyMessagesComponent = class AhoyMessagesComponent extends AppBaseComponent
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -34042,7 +34180,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.AhoyService },
+		{ type: i2$1.AhoyService },
 		{ type: i0.ChangeDetectorRef },
 		{ type: i1$1.AdminDataService }
 	]
@@ -34194,7 +34332,7 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 			type: AhoyVisitsComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.AhoyService },
+				{ token: i2$1.AhoyService },
 				{ token: i1$1.AdminDataService },
 				{ token: i0.ChangeDetectorRef }
 			],
@@ -34215,7 +34353,7 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -34328,19 +34466,19 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -34374,7 +34512,7 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -34656,7 +34794,7 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -34716,12 +34854,12 @@ var AhoyVisitsComponent = class AhoyVisitsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.TextTruncatePipe,
+					type: i9$1.TextTruncatePipe,
 					name: "textTruncate"
 				}
 			]
@@ -34744,7 +34882,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.AhoyService },
+		{ type: i2$1.AhoyService },
 		{ type: i1$1.AdminDataService },
 		{ type: i0.ChangeDetectorRef }
 	]
@@ -34898,7 +35036,7 @@ var EventsComponent = class EventsComponent extends AppBaseComponent {
 			deps: [
 				{ token: i0.Injector },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.AhoyService },
+				{ token: i2$1.AhoyService },
 				{ token: i1$1.AdminDataService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -34918,7 +35056,7 @@ var EventsComponent = class EventsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -35031,25 +35169,25 @@ var EventsComponent = class EventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -35331,7 +35469,7 @@ var EventsComponent = class EventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -35391,7 +35529,7 @@ var EventsComponent = class EventsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -35415,7 +35553,7 @@ i0.ɵɵngDeclareClassMetadata({
 	ctorParameters: () => [
 		{ type: i0.Injector },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.AhoyService },
+		{ type: i2$1.AhoyService },
 		{ type: i1$1.AdminDataService }
 	]
 });
@@ -35659,7 +35797,7 @@ var VersionsComponent = class VersionsComponent extends AppBaseComponent {
 			type: VersionsComponent,
 			deps: [
 				{ token: i0.Injector },
-				{ token: i2$2.AhoyService },
+				{ token: i2$1.AhoyService },
 				{ token: i3$2.NgbModal },
 				{ token: i1$1.AdminDataService },
 				{ token: i0.ChangeDetectorRef }
@@ -35681,7 +35819,7 @@ var VersionsComponent = class VersionsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -35794,25 +35932,25 @@ var VersionsComponent = class VersionsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
 				{
 					kind: "component",
-					type: i2$3.Select,
+					type: i2$2.Select,
 					selector: "p-select",
 					inputs: [
 						"id",
@@ -36105,7 +36243,7 @@ var VersionsComponent = class VersionsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -36176,7 +36314,7 @@ var VersionsComponent = class VersionsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -36199,7 +36337,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i0.Injector },
-		{ type: i2$2.AhoyService },
+		{ type: i2$1.AhoyService },
 		{ type: i3$2.NgbModal },
 		{ type: i1$1.AdminDataService },
 		{ type: i0.ChangeDetectorRef }
@@ -36373,7 +36511,7 @@ var UserDetailsComponent = class UserDetailsComponent extends AppBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -36486,7 +36624,7 @@ var UserDetailsComponent = class UserDetailsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
@@ -36574,7 +36712,7 @@ var UserDetailsComponent = class UserDetailsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -36670,6 +36808,11 @@ var UserDetailsComponent = class UserDetailsComponent extends AppBaseComponent {
 					],
 					outputs: ["ngModelChange"]
 				},
+				{
+					kind: "directive",
+					type: i9.TrackDirtyFormDirective,
+					selector: "[formGroup]:not([formGroupSkipDirty])"
+				},
 				{
 					kind: "pipe",
 					type: i5$2.CurrencyPipe,
@@ -36682,7 +36825,7 @@ var UserDetailsComponent = class UserDetailsComponent extends AppBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				}
 			]
@@ -36838,7 +36981,7 @@ var UserInsightComponent = class UserInsightComponent extends AppBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -37183,12 +37326,12 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 			type: UserListComponent,
 			deps: [
 				{ token: i1$1.AdminService },
-				{ token: i2$2.CustomToastService },
-				{ token: i2$2.ProductService },
+				{ token: i2$1.CustomToastService },
+				{ token: i2$1.ProductService },
 				{ token: i0.Injector },
-				{ token: i2$2.AuthService },
+				{ token: i2$1.AuthService },
 				{ token: i0.ChangeDetectorRef },
-				{ token: i2$2.WindowService },
+				{ token: i2$1.WindowService },
 				{ token: i6$2.CollapsibleSidebarService }
 			],
 			target: i0.ɵɵFactoryTarget.Component
@@ -37228,7 +37371,7 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 			dependencies: [
 				{
 					kind: "component",
-					type: i2$4.Table,
+					type: i2$3.Table,
 					selector: "p-table",
 					inputs: [
 						"frozenColumns",
@@ -37341,19 +37484,19 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 				},
 				{
 					kind: "directive",
-					type: i2$4.SortableColumn,
+					type: i2$3.SortableColumn,
 					selector: "[pSortableColumn]",
 					inputs: ["pSortableColumn", "pSortableColumnDisabled"]
 				},
 				{
 					kind: "directive",
-					type: i2$4.ResizableColumn,
+					type: i2$3.ResizableColumn,
 					selector: "[pResizableColumn]",
 					inputs: ["pResizableColumnDisabled"]
 				},
 				{
 					kind: "component",
-					type: i2$4.SortIcon,
+					type: i2$3.SortIcon,
 					selector: "p-sort-icon, p-sorticon",
 					inputs: ["field"]
 				},
@@ -37562,7 +37705,7 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 				},
 				{
 					kind: "component",
-					type: i11$1.ProgressSpinner,
+					type: i11.ProgressSpinner,
 					selector: "p-progress-spinner, p-progressspinner",
 					inputs: [
 						"value",
@@ -37639,12 +37782,12 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 				},
 				{
 					kind: "pipe",
-					type: i9.DateFormatPipe,
+					type: i9$1.DateFormatPipe,
 					name: "dateFormat"
 				},
 				{
 					kind: "pipe",
-					type: i9.IsOnlinePipe,
+					type: i9$1.IsOnlinePipe,
 					name: "isOnline"
 				}
 			]
@@ -37667,12 +37810,12 @@ i0.ɵɵngDeclareClassMetadata({
 	}],
 	ctorParameters: () => [
 		{ type: i1$1.AdminService },
-		{ type: i2$2.CustomToastService },
-		{ type: i2$2.ProductService },
+		{ type: i2$1.CustomToastService },
+		{ type: i2$1.ProductService },
 		{ type: i0.Injector },
-		{ type: i2$2.AuthService },
+		{ type: i2$1.AuthService },
 		{ type: i0.ChangeDetectorRef },
-		{ type: i2$2.WindowService },
+		{ type: i2$1.WindowService },
 		{ type: i6$2.CollapsibleSidebarService }
 	],
 	propDecorators: {
@@ -37712,7 +37855,7 @@ var UserTabComponent = class UserTabComponent {
 			version: "22.2.0",
 			ngImport: i0,
 			type: UserTabComponent,
-			deps: [{ token: i2$2.PermissionService }],
+			deps: [{ token: i2$1.PermissionService }],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -37750,7 +37893,7 @@ i0.ɵɵngDeclareClassMetadata({
 			styles: [".search-input input{width:100%}\n"]
 		}]
 	}],
-	ctorParameters: () => [{ type: i2$2.PermissionService }]
+	ctorParameters: () => [{ type: i2$1.PermissionService }]
 });
 const routes = [{
 	path: "",
@@ -37842,7 +37985,6 @@ const routes = [{
 				{
 					path: "add",
 					component: FeatureFlagDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Add Feature Flag",
 						permission: "Pages.Admin"
@@ -37851,7 +37993,6 @@ const routes = [{
 				{
 					path: ":id",
 					component: FeatureFlagDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Edit Feature Flag",
 						permission: "Pages.Admin"
@@ -37993,7 +38134,6 @@ const routes = [{
 				{
 					path: "add",
 					component: LoginNotificationDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Dashboard Notification Add",
 						permission: "Pages.Admin.LoginNotification || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
@@ -38002,7 +38142,6 @@ const routes = [{
 				{
 					path: ":id",
 					component: LoginNotificationDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Dashboard Notification Edit",
 						permission: "Pages.Admin.LoginNotification || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
@@ -38472,7 +38611,6 @@ const routes = [{
 				{
 					path: "add",
 					component: TermsOfServiceDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Tos",
 						permission: "Pages.Admin.Tos"
@@ -38481,7 +38619,6 @@ const routes = [{
 				{
 					path: ":id",
 					component: TermsOfServiceDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Tos",
 						permission: "Pages.Admin.Tos"
@@ -38598,7 +38735,6 @@ const routes = [{
 				{
 					path: "add",
 					component: OauthClientsDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Add MCP OAuth Client",
 						permission: "Pages.Admin"
@@ -38607,7 +38743,6 @@ const routes = [{
 				{
 					path: "edit/:id",
 					component: OauthClientsDetailsComponent,
-					canDeactivate: [unsavedChangesGuard],
 					data: {
 						title: "Edit MCP OAuth Client",
 						permission: "Pages.Admin"
@@ -38909,10 +39044,11 @@ var AdminModule = class AdminModule {
 				NgbModalModule,
 				FormsModule,
 				ReactiveFormsModule,
+				TrackDirtyFormDirective,
 				NgxPaginationModule,
 				NgbNavModule,
 				NgbDatepickerModule,
-				i11.QuillModule
+				i12.QuillModule
 			]
 		});
 	}
@@ -39114,6 +39250,7 @@ i0.ɵɵngDeclareClassMetadata({
 				NgbModalModule,
 				FormsModule,
 				ReactiveFormsModule,
+				TrackDirtyFormDirective,
 				NgxPaginationModule,
 				NgbNavModule,
 				NgbDatepickerModule,
@@ -39172,10 +39309,10 @@ var AdminGuardService = class AdminGuardService {
 			ngImport: i0,
 			type: AdminGuardService,
 			deps: [
-				{ token: i2$2.UserService },
+				{ token: i2$1.UserService },
 				{ token: i7$2.Router },
-				{ token: i2$2.FeatureFlagService },
-				{ token: i2$2.PermissionService }
+				{ token: i2$1.FeatureFlagService },
+				{ token: i2$1.PermissionService }
 			],
 			target: i0.ɵɵFactoryTarget.Injectable
 		});
@@ -39196,10 +39333,10 @@ i0.ɵɵngDeclareClassMetadata({
 	type: AdminGuardService,
 	decorators: [{ type: Injectable }],
 	ctorParameters: () => [
-		{ type: i2$2.UserService },
+		{ type: i2$1.UserService },
 		{ type: i7$2.Router },
-		{ type: i2$2.FeatureFlagService },
-		{ type: i2$2.PermissionService }
+		{ type: i2$1.FeatureFlagService },
+		{ type: i2$1.PermissionService }
 	]
 });
 export { AddEditFaqComponent, AdminGuardService, AdminModule, AdminRoutingModule, AgentDetailsComponent, AhoyEventsComponent, AhoyMessagesComponent, AhoyVisitsComponent, ContactUsListComponent, ContactUsTabsComponent, CredentialsComponent, CredentialsDetailsComponent, CredentialsTabComponent, DomainConfigBuildComponent, DomainConfigCoreComponent, DomainConfigDetailsComponent, DomainConfigIntegrationsComponent, DomainConfigInterfaceComponent, DomainConfigListComponent, DomainConfigOrganizationComponent, DomainConfigSecurityComponent, DomainConfigSocialComponent, DomainConfigTabsComponent, EventsComponent, FaqListComponent, FaqTabsComponent, FeedbackQuestionsDetailsComponent, FeedbackQuestionsListComponent, GeneralTabsComponent, GenericInsightComponent, GenericMiscComponent, GlobalConfigDetailsComponent, GlobalConfigListComponent, GlobalConfigTabsComponent, InsightComponent, LoginNotificationDetailsComponent, LoginNotificationTabsComponent, LoginNotificationsListComponent, NewsletterComponent, NewsletterDetailsComponent, NewsletterInsightComponent, NewsletterItemDetailsComponent, NewsletterUsersListComponent, NewslettersItemsComponent, NewslettersListComponent, PermissionsDetailsComponent, PermissionsListComponent, PermissionsTabsComponent, ProductDetailsComponent, ProductInsightComponent, ProductsListComponent, ProductsTabComponent, ROUTERS, RoleDetailsComponent, RolesListComponent, SubscriptionAgentsListComponent, SubscriptionComponent, SubscriptionCredentialsComponent, SubscriptionCredentialsDetailsComponent, SubscriptionDetailsComponent, SubscriptionInsightNpsComponent, SubscriptionInsightRevenueComponent, SubscriptionInsightTabsComponent, SubscriptionProductDetailsComponent, SubscriptionProductsComponent, SubscriptionUsersComponent, SubscriptionsListComponent, TagsCategoryComponent, TagsListComponent, TagsTabsComponent, TermsOfServiceComponent, TermsOfServiceDetailsComponent, TermsOfServiceTabsComponent, TipComponent, TipsComponent, TipsTabsComponent, TrackingComponent, UserDetailsComponent, UserInsightComponent, UserListComponent, UserTabComponent, UsersListForProductComponent, VersionsComponent };