@posiwise/admin-module 0.0.266 → 0.0.267

package/fesm2022/posiwise-admin-module.mjs

@@ -74,10 +74,10 @@ import * as i14 from "@angular/cdk/drag-drop";
 import { moveItemInArray } from "@angular/cdk/drag-drop";
 import groupBy from "lodash/groupBy";
 import { Subject, catchError, finalize, forkJoin, map, of, takeUntil } from "rxjs";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { debounceTime, finalize as finalize$1, switchMap } from "rxjs/operators";
 import * as i3$1 from "@angular/platform-browser";
 import * as i5 from "primeng/tabs";
-import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import uniqBy from "lodash/uniqBy";
 import moment from "moment";
 import { StatusCodes } from "http-status-codes";
@@ -1037,7 +1037,7 @@ var AmbassadorPayoutsTabsComponent = class AmbassadorPayoutsTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "ambassador-payouts",
-			label: "Ambassador Payouts",
+			labelKey: "Admin.AmbassadorPayouts.Title",
 			icon: "fa fa-handshake",
 			routerLink: ["/admin/ambassador-payouts/list"]
 		}];
@@ -1439,7 +1439,7 @@ var GlobalConfigListComponent = class GlobalConfigListComponent extends AppBaseC
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "global config" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.GlobalConfig") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteGlobalConfig(id).subscribe(() => {
@@ -1787,7 +1787,7 @@ var GlobalConfigTabsComponent = class GlobalConfigTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "global-config",
-			label: "Global Configs",
+			labelKey: "Menu.Admin.GlobalConfigs",
 			icon: "fa fa-fw fa-cog",
 			routerLink: ["/admin/global-config/list"]
 		}];
@@ -1877,8 +1877,8 @@ var ContactUsListComponent = class ContactUsListComponent extends AppBaseCompone
 	}
 	toggleRecord(id, action) {
 		this.confirmDialog.open({
-			title: "Update",
-			text: `Are you sure want to ${action ? "Close" : "reOpen"} this record?`,
+			titleKey: "Button.Update",
+			textKey: action ? "Admin.ContactUs.Confirm.Close" : "Admin.ContactUs.Confirm.Reopen",
 			destructive: true
 		}).then((ok) => {
 			if (!ok) return;
@@ -2285,7 +2285,7 @@ var ContactUsTabsComponent = class ContactUsTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "contact-us",
-			label: "Contact Us",
+			labelKey: "Menu.Admin.ContactUs",
 			icon: "far fa-fw fa-address-book",
 			routerLink: ["/admin/contact-us/list"]
 		}];
@@ -2970,12 +2970,12 @@ var CredentialsTabComponent = class CredentialsTabComponent {
 	constructor() {
 		this.items = [{
 			id: "list",
-			label: "Credentials",
+			labelKey: "Menu.Admin.Credentials",
 			icon: "fas fa-file-signature",
 			routerLink: ["/admin/credentials/list"]
 		}, {
 			id: "subscription-credentials",
-			label: "Subscription Credentials",
+			labelKey: "Admin.Credentials.Subscription.Title",
 			icon: "fa fa-fw fa-tag",
 			routerLink: ["/admin/credentials/subscription"]
 		}];
@@ -3098,7 +3098,7 @@ var SubscriptionCredentialsComponent = class SubscriptionCredentialsComponent ex
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "subscription credential" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.SubscriptionCredential") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteSubscriptionCredential(id, this.subscriptionId).subscribe(() => {
@@ -4100,10 +4100,10 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 		}).subscribe((res) => {
 			this.masterSubscriptionProductList = [{
 				id: null,
-				name: "Select a master product"
+				name: this.translation.translate("Admin.DomainConfig.Placeholder.MasterProduct")
 			}, ...res?.options?.master_subscription?.products ?? []];
 			this.masterSubscriptionsList = [{
-				label: "Select a master subscription",
+				label: this.translation.translate("Admin.DomainConfig.Placeholder.MasterSubscription"),
 				value: null
 			}, ...(res?.options?.master_subscription?.subscriptions ?? []).map((sub) => ({
 				label: sub.organisation ? `${sub.organisation} - ${sub.contact_name}` : sub.contact_name,
@@ -4111,20 +4111,20 @@ var DomainConfigBuildComponent = class DomainConfigBuildComponent extends AppBas
 			}))];
 			this.subscriptionTosList = [{
 				id: null,
-				title: "Select a main TOS"
+				title: this.translation.translate("Admin.DomainConfig.Placeholder.MainTos")
 			}, ...res?.options?.master_subscription?.subscription_tos ?? []];
 			this.crmSubscriptionsList = [{
 				id: null,
 				organisation: null,
-				contact_name: "Select a CRM subscription"
+				contact_name: this.translation.translate("Admin.DomainConfig.Placeholder.CrmSubscription")
 			}, ...res?.options?.master_crm?.subscriptions ?? []];
 			this.crmSourcesList = [{
 				id: null,
-				name: "Select a CRM source"
+				name: this.translation.translate("Admin.DomainConfig.Placeholder.CrmSource")
 			}, ...res?.options?.master_crm?.sources ?? []];
 			this.crmProductList = [{
 				id: null,
-				name: "Select a CRM product",
+				name: this.translation.translate("Admin.DomainConfig.Placeholder.CrmProduct"),
 				subscription_id: null
 			}, ...res?.options?.master_crm?.products ?? []];
 			this.productsList = this.groupProducts(res?.getProduct?.products);
@@ -4965,21 +4965,20 @@ var DomainConfigCoreComponent = class DomainConfigCoreComponent extends AppBaseC
 		this.submitted = false;
 		this.buttonBusy = false;
 		this.routers = ROUTERS;
-		this.layoutOptions = [
-			{
-				label: "Layout 1 - Default",
-				value: "Layout-1"
-			},
-			{
-				label: "Layout 2 - Rounded",
-				value: "Layout-2"
-			},
-			{
-				label: "Layout 3 - Squared",
-				value: "Layout-3"
-			}
-		];
+		this.layoutOptions = [];
+		this.destroyRef = inject(DestroyRef);
 		this.form = AppAdmin.domainConfigCoreForm();
+		this.translation.selectTranslation().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+			this.layoutOptions = [
+				1,
+				2,
+				3
+			].map((n) => ({
+				label: this.translation.translate(`Admin.DomainConfig.Layout.Option${n}`),
+				value: `Layout-${n}`
+			}));
+			this.cdr.markForCheck();
+		});
 	}
 	ngOnInit() {
 		this.route.queryParams.subscribe((params) => {
@@ -6875,7 +6874,7 @@ var DomainConfigListComponent = class DomainConfigListComponent extends AppBaseC
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "domain config" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.DomainConfig") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteDomainConfig(id, this.subscriptionId).subscribe((res) => {
@@ -7242,7 +7241,7 @@ var DomainConfigTabsComponent = class DomainConfigTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "domain-config",
-			label: "Domains",
+			labelKey: "Menu.Admin.Domains",
 			icon: "fa fa-fw fa-cog",
 			routerLink: ["/admin/domain-config/list"]
 		}];
@@ -7344,7 +7343,7 @@ var AddEditFaqComponent = class AddEditFaqComponent extends AppBaseComponent {
 				...data,
 				id: this.id
 			});
-			else this.toast.error("Something went wrong. Please contact support if the problem persists.");
+			else this.toast.error(this.translation.translate("Admin.Shared.SomethingWentWrong"));
 			this.cdr.markForCheck();
 		}).add(() => {
 			this.isLoading = false;
@@ -8422,7 +8421,7 @@ var FaqTabsComponent = class FaqTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "faq",
-			label: "FAQs",
+			labelKey: "Menu.Admin.Faqs",
 			icon: "far fa-fw fa-book",
 			routerLink: ["/admin/faq/list"]
 		}];
@@ -9072,14 +9071,15 @@ var FeatureFlagRulesComponent = class FeatureFlagRulesComponent extends AppBaseC
 	}
 	deleteRule(rule) {
 		this.confirmDialog.open({
-			title: "Delete feature flag rule?",
-			text: `This will remove the rule with target type ${rule.target_type}.`,
+			titleKey: "Admin.FeatureFlags.Rules.DeleteConfirm.Title",
+			textKey: "Admin.FeatureFlags.Rules.DeleteConfirm.Text",
+			textParams: { targetType: rule.target_type },
 			destructive: true,
-			confirmLabel: "Delete"
+			confirmLabelKey: "Button.Delete"
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteFeatureFlagRule(this.featureFlagId, rule.id).subscribe(() => {
-				this.toast.success("Feature flag rule has been destroyed.");
+				this.toast.success(this.translation.translate("Admin.FeatureFlags.Rules.DeletedMessage"));
 				this.loadRules();
 				if (this.editingRuleId === rule.id) this.resetRuleForm();
 			});
@@ -9581,18 +9581,19 @@ var FeatureFlagsListComponent = class FeatureFlagsListComponent extends AppBaseC
 	onDelete(item) {
 		const name = item.name?.trim();
 		const key = item.key?.trim();
-		const displayName = this.nonEmpty(name) ?? this.nonEmpty(key) ?? "this feature flag";
+		const displayName = this.nonEmpty(name) ?? this.nonEmpty(key);
 		this.confirmDialog.open({
-			title: "Delete feature flag?",
-			text: `This will remove ${displayName}.`,
+			titleKey: "Admin.FeatureFlags.DeleteConfirm.Title",
+			textKey: displayName ? "Admin.FeatureFlags.DeleteConfirm.Text" : "Admin.FeatureFlags.DeleteConfirm.TextUnnamed",
+			textParams: { name: displayName },
 			destructive: true,
-			confirmLabel: "Delete"
+			confirmLabelKey: "Button.Delete"
 		}).then((ok) => {
 			if (!ok) return;
 			this.buttonBusy = true;
 			this.adminService.deleteFeatureFlag(item.id).subscribe({
 				next: () => {
-					this.toast.success("Feature flag has been destroyed.");
+					this.toast.success(this.translation.translate("Admin.FeatureFlags.DeletedMessage"));
 					this.loadFeatureFlags({
 						page: 1,
 						page_size: PAGE_SIZE
@@ -9912,7 +9913,7 @@ var FeatureFlagsTabsComponent = class FeatureFlagsTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "feature-flags",
-			label: "Feature Flags",
+			labelKey: "Menu.Admin.FeatureFlags",
 			icon: "fa fa-fw fa-toggle-on",
 			routerLink: ["/admin/feature-flags/list"]
 		}];
@@ -10198,7 +10199,7 @@ var FeedbackQuestionsListComponent = class FeedbackQuestionsListComponent extend
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "feedback question" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.FeedbackQuestion") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteFeedbackQuestion(id, this.subscriptionId).subscribe((res) => {
@@ -10758,12 +10759,12 @@ var GeneralTabsComponent = class GeneralTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "misc",
-			label: "MISC",
+			labelKey: "Admin.Generic.Tabs.Misc",
 			icon: "far fa-fw fa-book",
 			routerLink: ["/admin/generic/misc"]
 		}, {
 			id: "insight",
-			label: "INSIGHT",
+			labelKey: "Admin.Tabs.Insight",
 			icon: "far fa-fw fa-signature",
 			routerLink: ["/admin/generic/insight"]
 		}];
@@ -11249,7 +11250,7 @@ var IncidentListComponent = class IncidentListComponent extends AppBaseComponent
 	onDelete(incident) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "incident" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.Incident") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.commonService.deleteIncidentAdmin(incident.id, this.subscriptionId).subscribe(() => {
@@ -11601,7 +11602,7 @@ var IncidentTabsComponent = class IncidentTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "incident",
-			label: "Incidents",
+			labelKey: "Menu.Admin.Incidents",
 			icon: "far fa-fw fa-book",
 			routerLink: ["/admin/incident/list"]
 		}];
@@ -12167,7 +12168,7 @@ var LoginNotificationTabsComponent = class LoginNotificationTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "login-notification",
-			label: "Notifications",
+			labelKey: "Menu.Admin.Notifications",
 			icon: "fa fa-fw fa-bell",
 			routerLink: ["/admin/login-notifications/list"]
 		}];
@@ -12276,7 +12277,7 @@ var LoginNotificationsListComponent = class LoginNotificationsListComponent exte
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "login notification" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.LoginNotification") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteLoginNotification(id, this.subscriptionId).subscribe((res) => {
@@ -13384,7 +13385,7 @@ var MailerComponent = class MailerComponent extends AppBaseComponent {
 		super(injector);
 		this.items = [{
 			id: "mailer",
-			label: "Mailers",
+			labelKey: "Menu.Admin.Mailers",
 			icon: "fa fa-fw fa-envelope",
 			routerLink: ["/admin/mailers"]
 		}];
@@ -15059,7 +15060,7 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 	onDelete(item) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "newsletter item" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.NewsletterItem") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: item.title },
 			destructive: true
@@ -15101,8 +15102,9 @@ var NewslettersItemsComponent = class NewslettersItemsComponent extends AppBaseC
 	}
 	sendTestEmail(item) {
 		this.confirmDialog.open({
-			title: "Send Email",
-			text: `A test email will be sent to "${this.user.email}". Do you want to continue?`
+			titleKey: "Admin.Newsletter.Items.SendEmailConfirm.Title",
+			textKey: "Admin.Newsletter.Items.SendEmailConfirm.Text",
+			textParams: { email: this.user.email }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.sendTestMail(item.id, this.subscriptionId).subscribe((response) => {
@@ -15728,7 +15730,7 @@ var NewslettersListComponent = class NewslettersListComponent extends AppBaseCom
 	onDelete(item) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "newsletter" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.Newsletter") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: item.name },
 			destructive: true
@@ -16079,19 +16081,19 @@ var NewsletterComponent = class NewsletterComponent extends AppBaseComponent {
 		this.items = [
 			{
 				id: "newsletter",
-				label: "Newsletter Categories",
+				labelKey: "Admin.Newsletter.List.Title",
 				icon: "fa fa-fw fa-book",
 				routerLink: ["/admin/newsletter/list"]
 			},
 			{
 				id: "items",
-				label: "Newsletter Items",
+				labelKey: "Admin.Newsletter.Items.Title",
 				icon: "fa fa-fw fa-calendar",
 				routerLink: ["/admin/newsletter/items"]
 			},
 			{
 				id: "insight",
-				label: "Insight",
+				labelKey: "Admin.Tabs.Insight",
 				icon: "fa fa-fw fa-signature",
 				routerLink: ["/admin/newsletter/insight"],
 				visible: this.permissionService.evaluatePermissions(PERMISSION_NAMES.SuperAdmin)
@@ -16693,7 +16695,7 @@ var OauthClientsTabsComponent = class OauthClientsTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "oauth-clients",
-			label: "MCP OAuth Clients",
+			labelKey: "Admin.OauthClients.Title",
 			icon: "fas fa-robot",
 			routerLink: ["/admin/oauth-clients/list"]
 		}];
@@ -16771,7 +16773,7 @@ var PermissionsDetailsComponent = class PermissionsDetailsComponent extends AppB
 				this.isLoading = false;
 				this.permissions = response.permissions.find((x) => x.id === this.id);
 				if (this.permissions) this.form.patchValue(this.permissions);
-				else if (this.id) this.toast.error("Record Not Found");
+				else if (this.id) this.toast.error(this.translation.translate("Admin.Shared.RecordNotFound"));
 			}
 			this.cdr.markForCheck();
 		});
@@ -16796,7 +16798,7 @@ var PermissionsDetailsComponent = class PermissionsDetailsComponent extends AppB
 		});
 		else {
 			this.buttonBusy = true;
-			this.toast.error("Something went wrong. Please contact support if the problem persists.");
+			this.toast.error(this.translation.translate("Admin.Shared.SomethingWentWrong"));
 			this.buttonBusy = false;
 		}
 	}
@@ -17416,12 +17418,12 @@ var PermissionsTabsComponent = class PermissionsTabsComponent {
 	constructor() {
 		this.items = [{
 			id: "permissions",
-			label: "Permissions",
+			labelKey: "Label.Permissions",
 			icon: "fa fa-fw fa-list",
 			routerLink: ["/admin/permissions/list"]
 		}, {
 			id: "role_management",
-			label: "Roles",
+			labelKey: "Label.Roles",
 			icon: "fa fa-fw fa-list",
 			routerLink: ["/admin/permissions/roles-list"]
 		}];
@@ -17479,11 +17481,11 @@ var RoleDetailsComponent = class RoleDetailsComponent extends AppBaseComponent {
 		this.isLoading = true;
 		this.items = [{
 			id: "details",
-			label: "Role details",
+			labelKey: "Admin.Roles.Tabs.Details",
 			icon: "fa fa-fw fa-user-cog"
 		}, {
 			id: "permission",
-			label: "Role Permissions",
+			labelKey: "Admin.Roles.Tabs.Permissions",
 			icon: "fa fa-fw fa-signature"
 		}];
 		[this.activeItem] = this.items;
@@ -17603,7 +17605,7 @@ var RoleDetailsComponent = class RoleDetailsComponent extends AppBaseComponent {
 			}],
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabs [value]=\"activeTabValue\" (valueChange)=\"onTabChange($event)\">\n    <p-tablist>\n      @for (item of items; track item) {\n        <p-tab [value]=\"item.id\">\n          @if (item.icon) {\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n          }\n          <span>{{ item.label }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      @if (activeItem.id === 'details') {\n        <div class=\"mb-4 mt-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a [attr.aria-label]=\"'Admin.Permissions.NavigateBack' | transloco\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n                <h3 class=\"\">{{ 'Admin.Permissions.Role.Title' | transloco }}: {{ role?.name }}</h3>\n              </div>\n            </div>\n          </div>\n          @if (isLoading) {\n            <div class=\"w-100 text-center mt-3\"\n              >\n              <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n            </div>\n          }\n          @if (!isLoading) {\n            <form [formGroup]=\"form\"\n              (ngSubmit)=\"onSave()\">\n              <div class=\"row\">\n                <div class=\"col-12 col-md-8\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.RoleName' | transloco\"\n                      name=\"name\"\n                      controlId=\"role-name\">\n                      <input type=\"text\"\n                        id=\"role-name\"\n                        class=\"form-control\"\n                        formControlName=\"name\"\n                        [placeholder]=\"'Admin.Roles.Placeholder.RoleName' | transloco\"\n                        [attr.aria-label]=\"'Admin.Roles.RoleName' | transloco\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-4\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.IsActive' | transloco\"\n                      name=\"active\"\n                      controlId=\"role-active\"\n                      [useAriaLabelledbyOnly]=\"true\">\n                      <ui-switch class=\"d-block\"\n                        formControlName=\"active\"\n                        name=\"active\"\n                        [attr.aria-labelledby]=\"'role-active-label'\">\n                      </ui-switch>\n                    </pw-input-container>\n                  </div>\n                </div>\n              </div>\n              <pw-sticky-actions>\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  class=\"btn btn-primary\"\n                  *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </pw-sticky-actions>\n            </form>\n          }\n        }\n\n        @if (activeItem.id === 'permission') {\n          <div class=\"p-4\">\n            @if (permissions) {\n              <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n              <div class=\"row mt-5 text-end\">\n                <div class=\"col-12\">\n                  <button type=\"button\"\n                    class=\"btn btn-outline-default me-2\"\n                    (click)=\"onDiscard()\">\n                    {{ 'Button.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\"\n                    [buttonBusy]=\"buttonBusy\"\n                    class=\"btn btn-primary\"\n                    (click)=\"savePermission()\">\n                    {{ 'Button.Save' | transloco }}\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n",
+			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabs [value]=\"activeTabValue\" (valueChange)=\"onTabChange($event)\">\n    <p-tablist>\n      @for (item of items; track item) {\n        <p-tab [value]=\"item.id\">\n          @if (item.icon) {\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n          }\n          <span>{{ item.labelKey | transloco }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      @if (activeItem.id === 'details') {\n        <div class=\"mb-4 mt-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a [attr.aria-label]=\"'Admin.Permissions.NavigateBack' | transloco\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n                <h3 class=\"\">{{ 'Admin.Permissions.Role.Title' | transloco }}: {{ role?.name }}</h3>\n              </div>\n            </div>\n          </div>\n          @if (isLoading) {\n            <div class=\"w-100 text-center mt-3\"\n              >\n              <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n            </div>\n          }\n          @if (!isLoading) {\n            <form [formGroup]=\"form\"\n              (ngSubmit)=\"onSave()\">\n              <div class=\"row\">\n                <div class=\"col-12 col-md-8\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.RoleName' | transloco\"\n                      name=\"name\"\n                      controlId=\"role-name\">\n                      <input type=\"text\"\n                        id=\"role-name\"\n                        class=\"form-control\"\n                        formControlName=\"name\"\n                        [placeholder]=\"'Admin.Roles.Placeholder.RoleName' | transloco\"\n                        [attr.aria-label]=\"'Admin.Roles.RoleName' | transloco\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-4\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.IsActive' | transloco\"\n                      name=\"active\"\n                      controlId=\"role-active\"\n                      [useAriaLabelledbyOnly]=\"true\">\n                      <ui-switch class=\"d-block\"\n                        formControlName=\"active\"\n                        name=\"active\"\n                        [attr.aria-labelledby]=\"'role-active-label'\">\n                      </ui-switch>\n                    </pw-input-container>\n                  </div>\n                </div>\n              </div>\n              <pw-sticky-actions>\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  class=\"btn btn-primary\"\n                  *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </pw-sticky-actions>\n            </form>\n          }\n        }\n\n        @if (activeItem.id === 'permission') {\n          <div class=\"p-4\">\n            @if (permissions) {\n              <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n              <div class=\"row mt-5 text-end\">\n                <div class=\"col-12\">\n                  <button type=\"button\"\n                    class=\"btn btn-outline-default me-2\"\n                    (click)=\"onDiscard()\">\n                    {{ 'Button.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\"\n                    [buttonBusy]=\"buttonBusy\"\n                    class=\"btn btn-primary\"\n                    (click)=\"savePermission()\">\n                    {{ 'Button.Save' | transloco }}\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n",
 			dependencies: [
 				{
 					kind: "component",
@@ -17784,7 +17786,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "pw-role-details",
 			standalone: false,
-			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabs [value]=\"activeTabValue\" (valueChange)=\"onTabChange($event)\">\n    <p-tablist>\n      @for (item of items; track item) {\n        <p-tab [value]=\"item.id\">\n          @if (item.icon) {\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n          }\n          <span>{{ item.label }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      @if (activeItem.id === 'details') {\n        <div class=\"mb-4 mt-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a [attr.aria-label]=\"'Admin.Permissions.NavigateBack' | transloco\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n                <h3 class=\"\">{{ 'Admin.Permissions.Role.Title' | transloco }}: {{ role?.name }}</h3>\n              </div>\n            </div>\n          </div>\n          @if (isLoading) {\n            <div class=\"w-100 text-center mt-3\"\n              >\n              <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n            </div>\n          }\n          @if (!isLoading) {\n            <form [formGroup]=\"form\"\n              (ngSubmit)=\"onSave()\">\n              <div class=\"row\">\n                <div class=\"col-12 col-md-8\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.RoleName' | transloco\"\n                      name=\"name\"\n                      controlId=\"role-name\">\n                      <input type=\"text\"\n                        id=\"role-name\"\n                        class=\"form-control\"\n                        formControlName=\"name\"\n                        [placeholder]=\"'Admin.Roles.Placeholder.RoleName' | transloco\"\n                        [attr.aria-label]=\"'Admin.Roles.RoleName' | transloco\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-4\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.IsActive' | transloco\"\n                      name=\"active\"\n                      controlId=\"role-active\"\n                      [useAriaLabelledbyOnly]=\"true\">\n                      <ui-switch class=\"d-block\"\n                        formControlName=\"active\"\n                        name=\"active\"\n                        [attr.aria-labelledby]=\"'role-active-label'\">\n                      </ui-switch>\n                    </pw-input-container>\n                  </div>\n                </div>\n              </div>\n              <pw-sticky-actions>\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  class=\"btn btn-primary\"\n                  *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </pw-sticky-actions>\n            </form>\n          }\n        }\n\n        @if (activeItem.id === 'permission') {\n          <div class=\"p-4\">\n            @if (permissions) {\n              <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n              <div class=\"row mt-5 text-end\">\n                <div class=\"col-12\">\n                  <button type=\"button\"\n                    class=\"btn btn-outline-default me-2\"\n                    (click)=\"onDiscard()\">\n                    {{ 'Button.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\"\n                    [buttonBusy]=\"buttonBusy\"\n                    class=\"btn btn-primary\"\n                    (click)=\"savePermission()\">\n                    {{ 'Button.Save' | transloco }}\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n"
+			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <p-tabs [value]=\"activeTabValue\" (valueChange)=\"onTabChange($event)\">\n    <p-tablist>\n      @for (item of items; track item) {\n        <p-tab [value]=\"item.id\">\n          @if (item.icon) {\n            <i [class]=\"item.icon\" aria-hidden=\"true\"></i>\n          }\n          <span>{{ item.labelKey | transloco }}</span>\n        </p-tab>\n      }\n    </p-tablist>\n  </p-tabs>\n\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      @if (activeItem.id === 'details') {\n        <div class=\"mb-4 mt-4\">\n          <div class=\"d-flex align-items-center\">\n            <div class=\"me-auto col-xs-6\">\n              <a [attr.aria-label]=\"'Admin.Permissions.NavigateBack' | transloco\"\n                (click)=\"previous()\"\n                class=\"previous\"><i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i></a>\n                <h3 class=\"\">{{ 'Admin.Permissions.Role.Title' | transloco }}: {{ role?.name }}</h3>\n              </div>\n            </div>\n          </div>\n          @if (isLoading) {\n            <div class=\"w-100 text-center mt-3\"\n              >\n              <p-progress-spinner strokeWidth=\"2\"> </p-progress-spinner>\n            </div>\n          }\n          @if (!isLoading) {\n            <form [formGroup]=\"form\"\n              (ngSubmit)=\"onSave()\">\n              <div class=\"row\">\n                <div class=\"col-12 col-md-8\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.RoleName' | transloco\"\n                      name=\"name\"\n                      controlId=\"role-name\">\n                      <input type=\"text\"\n                        id=\"role-name\"\n                        class=\"form-control\"\n                        formControlName=\"name\"\n                        [placeholder]=\"'Admin.Roles.Placeholder.RoleName' | transloco\"\n                        [attr.aria-label]=\"'Admin.Roles.RoleName' | transloco\" />\n                    </pw-input-container>\n                  </div>\n                </div>\n                <div class=\"col-12 col-md-4\">\n                  <div class=\"mb-3\">\n                    <pw-input-container [label]=\"'Admin.Roles.IsActive' | transloco\"\n                      name=\"active\"\n                      controlId=\"role-active\"\n                      [useAriaLabelledbyOnly]=\"true\">\n                      <ui-switch class=\"d-block\"\n                        formControlName=\"active\"\n                        name=\"active\"\n                        [attr.aria-labelledby]=\"'role-active-label'\">\n                      </ui-switch>\n                    </pw-input-container>\n                  </div>\n                </div>\n              </div>\n              <pw-sticky-actions>\n                <button type=\"button\"\n                  class=\"btn btn-outline-default me-2\"\n                  (click)=\"onDiscard()\">\n                  {{ 'Button.Cancel' | transloco }}\n                </button>\n                <button type=\"submit\"\n                  [buttonBusy]=\"buttonBusy\"\n                  class=\"btn btn-primary\"\n                  *rbacAllow=\"'Pages.Admin.Roles.Create'\">\n                  {{ 'Button.Save' | transloco }}\n                </button>\n              </pw-sticky-actions>\n            </form>\n          }\n        }\n\n        @if (activeItem.id === 'permission') {\n          <div class=\"p-4\">\n            @if (permissions) {\n              <permission-tree [data]=\"permissions\"\n              #permissionTree></permission-tree>\n              <div class=\"row mt-5 text-end\">\n                <div class=\"col-12\">\n                  <button type=\"button\"\n                    class=\"btn btn-outline-default me-2\"\n                    (click)=\"onDiscard()\">\n                    {{ 'Button.Cancel' | transloco }}\n                  </button>\n                  <button type=\"submit\"\n                    [buttonBusy]=\"buttonBusy\"\n                    class=\"btn btn-primary\"\n                    (click)=\"savePermission()\">\n                    {{ 'Button.Save' | transloco }}\n                  </button>\n                </div>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </div>\n"
 		}]
 	}],
 	ctorParameters: () => [
@@ -17843,7 +17845,7 @@ var RolesListComponent = class RolesListComponent extends AppBaseComponent {
 	onDeleteRole(role) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "role" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.Role") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: role.name },
 			destructive: true
@@ -19387,20 +19389,8 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 		this.selectedPartnerProducts = [];
 		this.unsubscribeBehaviors = [];
 		this.prorationBehaviors = [];
-		this.frequency = [
-			{
-				label: "Select",
-				value: null
-			},
-			{
-				label: "Monthly",
-				value: "month"
-			},
-			{
-				label: "Yearly",
-				value: "year"
-			}
-		];
+		this.frequency = [];
+		this.destroyRef = inject(DestroyRef);
 		this.fullLogo = "";
 		this.squaredLogo = "";
 		this.fullLogoBroken = false;
@@ -19408,6 +19398,24 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 		QuillHelper.init();
 		this.editorConfig = QuillHelper.getEditorConfig();
 		this.form = AppAdmin.getProductsForm();
+		this.translation.selectTranslation().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+			const t = (key) => this.translation.translate(key);
+			this.frequency = [
+				{
+					label: t("Admin.Products.Options.Select"),
+					value: null
+				},
+				{
+					label: t("Admin.Products.Options.Monthly"),
+					value: "month"
+				},
+				{
+					label: t("Admin.Products.Options.Yearly"),
+					value: "year"
+				}
+			];
+			this.cdr.markForCheck();
+		});
 	}
 	ngAfterViewInit() {
 		HelperService.subscribeToEditorChanges(this.form, "description");
@@ -19493,7 +19501,7 @@ var ProductDetailsComponent = class ProductDetailsComponent extends AppBaseCompo
 	getCategories() {
 		this.productService.getProductCategories().subscribe((response) => {
 			this.categories = [{
-				label: "Select",
+				label: this.translation.translate("Admin.Products.Options.Select"),
 				value: null
 			}, ...(response?.categories ?? []).map((element) => ({
 				label: element ?? "",
@@ -20881,27 +20889,23 @@ i0.ɵɵngDeclareClassMetadata({
 	}] }
 });
 var ProductsTabComponent = class ProductsTabComponent {
-	constructor(transloco, destroyRef) {
-		this.items = this.tabs("Onboarding");
-		transloco.selectTranslate("Admin.Onboarding.Tab").pipe(takeUntilDestroyed(destroyRef)).subscribe((label) => this.items = this.tabs(label));
-	}
-	tabs(onboardingLabel) {
-		return [
+	constructor() {
+		this.items = [
 			{
 				id: "products",
-				label: "Products",
+				labelKey: "Menu.Admin.Products",
 				icon: "fa fa-fw fa-list",
 				routerLink: ["/admin/products/list"]
 			},
 			{
 				id: "insight",
-				label: "Insight",
+				labelKey: "Admin.Tabs.Insight",
 				icon: "fa fa-fw fa-tag",
 				routerLink: ["/admin/products/insight"]
 			},
 			{
 				id: "onboarding",
-				label: onboardingLabel,
+				labelKey: "Admin.Onboarding.Tab",
 				icon: "fa fa-fw fa-list-check",
 				routerLink: ["/admin/products/onboarding"]
 			}
@@ -20913,7 +20917,7 @@ var ProductsTabComponent = class ProductsTabComponent {
 			version: "22.2.3",
 			ngImport: i0,
 			type: ProductsTabComponent,
-			deps: [{ token: i8$2.TranslocoService }, { token: i0.DestroyRef }],
+			deps: [],
 			target: i0.ɵɵFactoryTarget.Component
 		});
 	}
@@ -20950,8 +20954,7 @@ i0.ɵɵngDeclareClassMetadata({
 			standalone: false,
 			styles: ["@charset \"UTF-8\";:root{--first: rgb(23 105 225);--second: rgb(54 194 131);--third: rgb(255 171 0);--text: rgb(34 34 34);--tabs_bg: rgb(23 105 225);--tabs_sub_bg: color-mix(in srgb, var(--first, rgb(23 105 225)) 85%, #000000);--tabs_text: rgb(255 255 255);--titles: rgb(34 34 34);--sidebar_bg: rgb(0, 48, 63);--sidebar_text: rgb(255 255 255);--dashboard_bg: rgb(255 255 255);--pw-hairline: #e2e5ea;--public-btn-radius: 24px}.table-title{border-bottom:4px solid rgb(23,105,225);padding:0}.table-title .m-subheader__title{background-color:#1769e1;padding:7px 25px}.table-title .m-subheader__title span{color:#fff;font-size:16px;text-transform:uppercase}\n"]
 		}]
-	}],
-	ctorParameters: () => [{ type: i8$2.TranslocoService }, { type: i0.DestroyRef }]
+	}]
 });
 var UsersListForProductComponent = class UsersListForProductComponent extends AppBaseComponent {
 	constructor(productService, injector, cdr) {
@@ -22060,12 +22063,12 @@ var ResourcesAdminIndexComponent = class ResourcesAdminIndexComponent extends Ap
 		super(injector);
 		this.items = [{
 			id: "resources_index",
-			label: "Resources",
+			labelKey: "Resource.Posts.Title",
 			icon: "fa fa-fw fa-list",
 			routerLink: ["/admin/resources/list"]
 		}, {
 			id: "insight",
-			label: "Insight",
+			labelKey: "Admin.Tabs.Insight",
 			icon: "fa fa-fw fa-tag",
 			routerLink: ["/admin/resources/insight"]
 		}];
@@ -22213,7 +22216,7 @@ var ResourcesIndexComponent = class ResourcesIndexComponent extends AppBaseCompo
 	onDeletePost(item) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "resource" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.Resource") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: item.title },
 			destructive: true
@@ -24116,7 +24119,7 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
 				if (output.file) {
 					const ext = output.file.name.split(".").pop();
 					if (["csv", "xlsx"].includes(ext)) this.files.push(output.file);
-					else this.toast.error("Only csv and xlsx formats are supported.");
+					else this.toast.error(this.translation.translate("Admin.Subscriptions.Members.UnsupportedFormat"));
 				}
 				break;
 			case "uploading":
@@ -24138,10 +24141,10 @@ var AddMembersComponent = class AddMembersComponent extends AppBaseComponent {
 	}
 	onSignUpMember() {
 		this.confirmDialog.open({
-			title: this.translation.translate("Label.Confirm"),
-			text: this.translation.translate("Admin.Subscriptions.confirmEnterpriseMembersSubscriptionMessage"),
+			titleKey: "Label.Confirm",
+			textKey: "Admin.Subscriptions.confirmEnterpriseMembersSubscriptionMessage",
 			destructive: true,
-			confirmLabel: "Yes"
+			confirmLabelKey: "Label.Yes"
 		}).then((rep) => {
 			if (rep) {
 				const emails = this.form.get("emailsFormArray")?.value?.map((item) => item.email).join(",");
@@ -24396,8 +24399,8 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 	}
 	onChangeOwner(user) {
 		this.confirmDialog.open({
-			title: "Update",
-			text: "Are you sure want to make this user as owner?",
+			titleKey: "Button.Update",
+			textKey: "Admin.Subscriptions.Users.MakeOwnerConfirm",
 			destructive: true
 		}).then((ok) => {
 			if (!ok) return;
@@ -24422,7 +24425,7 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 				subscription_id: PermissionService.selectedSubscription.id,
 				phonegap: platform !== "browser"
 			}).subscribe((_) => {
-				this.toast.success(`You're now being logged in as another user...`);
+				this.toast.success(this.translation.translate("Admin.Shared.ImpersonatingMessage"));
 				setTimeout(() => {
 					this.windowService.replaceUrl("/home");
 				}, 2e3);
@@ -24440,8 +24443,8 @@ var SubscriptionUsersComponent = class SubscriptionUsersComponent extends AppBas
 	}
 	onDelete(user) {
 		this.confirmDialog.open({
-			title: "Remove user from subscription",
-			text: "Are you sure you want to remove this user from this subscription?",
+			titleKey: "Admin.Subscriptions.Users.RemoveConfirm.Title",
+			textKey: "Admin.Subscriptions.Users.RemoveConfirm.Text",
 			destructive: true
 		}).then((ok) => {
 			if (!ok) return;
@@ -25001,8 +25004,8 @@ var SubscriptionAgentsListComponent = class SubscriptionAgentsListComponent exte
 	}
 	onDelete(userId) {
 		this.confirmDialog.open({
-			title: "Delete",
-			text: "Are you sure you want to delete this agent?",
+			titleKey: "Button.Delete",
+			textKey: "Admin.Subscriptions.Agents.DeleteConfirm",
 			destructive: true
 		}).then((ok) => {
 			if (!ok) return;
@@ -29633,7 +29636,7 @@ var SubscriptionsListComponent = class SubscriptionsListComponent extends AppBas
 	onRecoverConfirmed() {
 		this.buttonBusy = true;
 		this.adminService.recoverDeletedSubscription(this.recoveringItem.id, this.subscriptionId).subscribe(() => {
-			this.toast.success("Subscription recovered successfully");
+			this.toast.success(this.translation.translate("Admin.Subscriptions.RecoveredMessage"));
 			queueMicrotask(() => {
 				if (!this.destroyed) this.getData({
 					page: this.page,
@@ -30330,13 +30333,13 @@ var SubscriptionComponent = class SubscriptionComponent extends AppBaseComponent
 		super(injector);
 		this.items = [{
 			id: "subscription",
-			label: "Subscriptions",
+			labelKey: "Menu.Admin.Subscriptions",
 			icon: "fa fa-fw fa-user-cog",
 			routerLink: ["/admin/subscriptions/list"],
 			visible: this.permissionService.evaluatePermissions("SubscriptionSuperAdmin")
 		}, {
 			id: "insight",
-			label: "Insight",
+			labelKey: "Admin.Tabs.Insight",
 			icon: "fa fa-fw fa-signature",
 			routerLink: ["/admin/subscriptions/insight"],
 			visible: this.permissionService.evaluatePermissions("SubscriptionSuperAdmin")
@@ -30459,7 +30462,7 @@ var TagsCategoryComponent = class TagsCategoryComponent extends AppBaseComponent
 	onDelete(category) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "category" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.Category") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: category.name },
 			destructive: true
@@ -30974,7 +30977,7 @@ var TagDetailsComponent = class TagDetailsComponent extends AppBaseComponent {
 			selector: "pw-tag-details",
 			usesInheritance: true,
 			ngImport: i0,
-			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [attr.aria-label]=\"'Admin.Tags.Details.BackAria' | transloco\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          {{ (currentTag ? 'Admin.Tags.Details.EditTitle' : 'Admin.Tags.List.Create') | transloco }}\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Tag Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagName' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"name\" controlId=\"tags-name\">\n                <input type=\"text\" id=\"tags-name\" class=\"form-control\" formControlName=\"name\" [placeholder]=\"'Admin.Tags.Placeholder.TagName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.TagName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Tag Type -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagType' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_type\" controlId=\"tags-tag_type\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_type\"\n                  [options]=\"tagTypes\" formControlName=\"tag_type\"\n                  [attr.aria-labelledby]=\"'tags-tag_type-label'\" [placeholder]=\"'Admin.Tags.Placeholder.TagTypes' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Category -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Category' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_category_id\" controlId=\"tags-tag_category_id\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_category_id\"\n                  [options]=\"tagCategories\" formControlName=\"tag_category_id\"\n                  [attr.aria-labelledby]=\"'tags-tag_category_id-label'\" [placeholder]=\"'Admin.Tags.Category' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Icon Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.IconName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.IconName' | transloco\"\n                name=\"icon_name\" controlId=\"tags-icon_name\">\n                <input type=\"text\" id=\"tags-icon_name\" class=\"form-control\" formControlName=\"icon_name\" [placeholder]=\"'Admin.Tags.IconName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.IconName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Title and Meta Title on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Label.Title' | transloco\" name=\"title\" controlId=\"tags-title\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <input type=\"text\" id=\"tags-title\" class=\"form-control\" formControlName=\"title\" [placeholder]=\"'Label.Title' | transloco\"\n                    [attr.aria-label]=\"'Label.Title' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaTitle' | transloco\" name=\"meta_title\" controlId=\"tags-meta_title\">\n                <input type=\"text\" id=\"tags-meta_title\" class=\"form-control\" formControlName=\"meta_title\" [placeholder]=\"'Admin.Tags.MetaTitle' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaTitle' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description and Meta Description on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Description' | transloco\" name=\"description\" controlId=\"tags-description\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <textarea id=\"tags-description\" class=\"form-control\" rows=\"3\" formControlName=\"description\" [placeholder]=\"'Admin.Tags.Description' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.Description' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Description -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaDescription' | transloco\" name=\"meta_description\" controlId=\"tags-meta_description\">\n                <textarea id=\"tags-meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" [placeholder]=\"'Admin.Tags.MetaDescription' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaDescription' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Visible In Resources toggle moved to bottom -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.VisibleInResources' | transloco\"\n                [label]=\"'Admin.Tags.VisibleInResources' | transloco\"\n                name=\"visible_in_resources\" controlId=\"tags-visible_in_resources\" [useAriaLabelledbyOnly]=\"true\">\n                <ui-switch class=\"d-block\" [attr.aria-labelledby]=\"'tags-visible_in_resources-label'\" formControlName=\"visible_in_resources\"></ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-4 display-grid mt-2 text-center\">\n              <span class=\"pw-label-style d-block mb-1\">{{ 'Admin.Tags.Image' | transloco }}</span>\n              <div class=\"text-center d-flex flex-column align-items-end\">\n                <img [src]=\"image !== null ? image : 'assets/img/resource/blog.png'\"\n                  (click)=\"openModal(imageModal)\"\n                  (keydown.enter)=\"openModal(imageModal)\"\n                  class=\"image cropped-img\"\n                  [ngClass]=\"{ 'w-100': image === null }\"\n                  [alt]=\"'Admin.Tags.Details.ImagePreviewAlt' | transloco\"\n                  (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n                <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                  <a\n                    class=\"d-inline-block mt-2\"\n                    (click)=\"openModal(imageModal)\">\n                    {{ (currentTag ? 'Admin.Tags.Details.UpdateImage' : 'Admin.Tags.Details.AddImage') | transloco }}\n                  </a>\n                  @if (image && !image.includes('default-photo.jpg') && !image.includes('no_image_uploaded_squared.png')) {\n                    <i\n                      class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                      [title]=\"'Admin.Tags.Details.RemoveImage' | transloco\"\n                      (click)=\"deleteTagImage()\"\n                      (keydown.enter)=\"deleteTagImage()\"\n                      >\n                    </i>\n                  }\n                </div>\n              </div>\n            </div>\n\n            <!-- Image Upload -->\n          </div>\n\n          <pw-sticky-actions>\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              [disabled]=\"!form.valid\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </pw-sticky-actions>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n<ng-template #imageModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">{{ 'Admin.Tags.Details.UploadImage' | transloco }}</h5>\n    <button type=\"button\" class=\"btn-close float-end\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>{{ 'Admin.Tags.Details.ImageHint' | transloco }}</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
+			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [attr.aria-label]=\"'Admin.Tags.Details.BackAria' | transloco\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          {{ (currentTag ? 'Admin.Tags.Details.EditTitle' : 'Admin.Tags.List.Create') | transloco }}\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Tag Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagName' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"name\" controlId=\"tags-name\">\n                <input type=\"text\" id=\"tags-name\" class=\"form-control\" formControlName=\"name\" [placeholder]=\"'Admin.Tags.Placeholder.TagName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.TagName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Tag Type -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagType' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_type\" controlId=\"tags-tag_type\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_type\"\n                  [options]=\"tagTypes\" formControlName=\"tag_type\"\n                  [attr.aria-labelledby]=\"'tags-tag_type-label'\" [placeholder]=\"'Admin.Tags.Placeholder.TagTypes' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Category -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Category' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_category_id\" controlId=\"tags-tag_category_id\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_category_id\"\n                  [options]=\"tagCategories\" formControlName=\"tag_category_id\"\n                  [attr.aria-labelledby]=\"'tags-tag_category_id-label'\" [placeholder]=\"'Admin.Tags.Category' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Icon Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.IconName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.IconName' | transloco\"\n                name=\"icon_name\" controlId=\"tags-icon_name\">\n                <input type=\"text\" id=\"tags-icon_name\" class=\"form-control\" formControlName=\"icon_name\" [placeholder]=\"'Admin.Tags.IconName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.IconName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Title and Meta Title on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Label.Title' | transloco\" name=\"title\" controlId=\"tags-title\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <input type=\"text\" id=\"tags-title\" class=\"form-control\" formControlName=\"title\" [placeholder]=\"'Label.Title' | transloco\"\n                    [attr.aria-label]=\"'Label.Title' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaTitle' | transloco\" name=\"meta_title\" controlId=\"tags-meta_title\">\n                <input type=\"text\" id=\"tags-meta_title\" class=\"form-control\" formControlName=\"meta_title\" [placeholder]=\"'Admin.Tags.MetaTitle' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaTitle' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description and Meta Description on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Description' | transloco\" name=\"description\" controlId=\"tags-description\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <textarea id=\"tags-description\" class=\"form-control\" rows=\"3\" formControlName=\"description\" [placeholder]=\"'Admin.Tags.Description' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.Description' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Description -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaDescription' | transloco\" name=\"meta_description\" controlId=\"tags-meta_description\">\n                <textarea id=\"tags-meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" [placeholder]=\"'Admin.Tags.MetaDescription' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaDescription' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Visible In Resources toggle moved to bottom -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.VisibleInResources' | transloco\"\n                [label]=\"'Admin.Tags.VisibleInResources' | transloco\"\n                name=\"visible_in_resources\" controlId=\"tags-visible_in_resources\" [useAriaLabelledbyOnly]=\"true\">\n                <ui-switch class=\"d-block\" [attr.aria-labelledby]=\"'tags-visible_in_resources-label'\" formControlName=\"visible_in_resources\"></ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-4 display-grid mt-2 text-center\">\n              <span class=\"pw-label-style d-block mb-1\">{{ 'Admin.Tags.Image' | transloco }}</span>\n              <div class=\"text-center d-flex flex-column align-items-end\">\n                <img [src]=\"image !== null ? image : 'assets/img/resource/blog.png'\"\n                  (click)=\"openModal(imageModal)\"\n                  (keydown.enter)=\"openModal(imageModal)\"\n                  class=\"image cropped-img\"\n                  [ngClass]=\"{ 'w-100': image === null }\"\n                  [alt]=\"'Admin.Tags.Details.PreviewAlt' | transloco\"\n                  (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n                <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                  <a\n                    class=\"d-inline-block mt-2\"\n                    (click)=\"openModal(imageModal)\">\n                    {{ (currentTag ? 'Admin.Tags.Details.UpdateImage' : 'Admin.Tags.Details.AddImage') | transloco }}\n                  </a>\n                  @if (image && !image.includes('default-photo.jpg') && !image.includes('no_image_uploaded_squared.png')) {\n                    <i\n                      class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                      [title]=\"'Admin.Tags.Details.RemoveImage' | transloco\"\n                      (click)=\"deleteTagImage()\"\n                      (keydown.enter)=\"deleteTagImage()\"\n                      >\n                    </i>\n                  }\n                </div>\n              </div>\n            </div>\n\n            <!-- Image Upload -->\n          </div>\n\n          <pw-sticky-actions>\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              [disabled]=\"!form.valid\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </pw-sticky-actions>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n<ng-template #imageModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">{{ 'Admin.Tags.Details.UploadImage' | transloco }}</h5>\n    <button type=\"button\" class=\"btn-close float-end\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>{{ 'Admin.Tags.Details.ImageHint' | transloco }}</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n",
 			dependencies: [
 				{
 					kind: "component",
@@ -31195,7 +31198,7 @@ i0.ɵɵngDeclareClassMetadata({
 			selector: "pw-tag-details",
 			encapsulation: ViewEncapsulation.None,
 			standalone: false,
-			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [attr.aria-label]=\"'Admin.Tags.Details.BackAria' | transloco\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          {{ (currentTag ? 'Admin.Tags.Details.EditTitle' : 'Admin.Tags.List.Create') | transloco }}\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Tag Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagName' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"name\" controlId=\"tags-name\">\n                <input type=\"text\" id=\"tags-name\" class=\"form-control\" formControlName=\"name\" [placeholder]=\"'Admin.Tags.Placeholder.TagName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.TagName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Tag Type -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagType' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_type\" controlId=\"tags-tag_type\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_type\"\n                  [options]=\"tagTypes\" formControlName=\"tag_type\"\n                  [attr.aria-labelledby]=\"'tags-tag_type-label'\" [placeholder]=\"'Admin.Tags.Placeholder.TagTypes' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Category -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Category' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_category_id\" controlId=\"tags-tag_category_id\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_category_id\"\n                  [options]=\"tagCategories\" formControlName=\"tag_category_id\"\n                  [attr.aria-labelledby]=\"'tags-tag_category_id-label'\" [placeholder]=\"'Admin.Tags.Category' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Icon Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.IconName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.IconName' | transloco\"\n                name=\"icon_name\" controlId=\"tags-icon_name\">\n                <input type=\"text\" id=\"tags-icon_name\" class=\"form-control\" formControlName=\"icon_name\" [placeholder]=\"'Admin.Tags.IconName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.IconName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Title and Meta Title on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Label.Title' | transloco\" name=\"title\" controlId=\"tags-title\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <input type=\"text\" id=\"tags-title\" class=\"form-control\" formControlName=\"title\" [placeholder]=\"'Label.Title' | transloco\"\n                    [attr.aria-label]=\"'Label.Title' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaTitle' | transloco\" name=\"meta_title\" controlId=\"tags-meta_title\">\n                <input type=\"text\" id=\"tags-meta_title\" class=\"form-control\" formControlName=\"meta_title\" [placeholder]=\"'Admin.Tags.MetaTitle' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaTitle' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description and Meta Description on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Description' | transloco\" name=\"description\" controlId=\"tags-description\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <textarea id=\"tags-description\" class=\"form-control\" rows=\"3\" formControlName=\"description\" [placeholder]=\"'Admin.Tags.Description' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.Description' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Description -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaDescription' | transloco\" name=\"meta_description\" controlId=\"tags-meta_description\">\n                <textarea id=\"tags-meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" [placeholder]=\"'Admin.Tags.MetaDescription' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaDescription' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Visible In Resources toggle moved to bottom -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.VisibleInResources' | transloco\"\n                [label]=\"'Admin.Tags.VisibleInResources' | transloco\"\n                name=\"visible_in_resources\" controlId=\"tags-visible_in_resources\" [useAriaLabelledbyOnly]=\"true\">\n                <ui-switch class=\"d-block\" [attr.aria-labelledby]=\"'tags-visible_in_resources-label'\" formControlName=\"visible_in_resources\"></ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-4 display-grid mt-2 text-center\">\n              <span class=\"pw-label-style d-block mb-1\">{{ 'Admin.Tags.Image' | transloco }}</span>\n              <div class=\"text-center d-flex flex-column align-items-end\">\n                <img [src]=\"image !== null ? image : 'assets/img/resource/blog.png'\"\n                  (click)=\"openModal(imageModal)\"\n                  (keydown.enter)=\"openModal(imageModal)\"\n                  class=\"image cropped-img\"\n                  [ngClass]=\"{ 'w-100': image === null }\"\n                  [alt]=\"'Admin.Tags.Details.ImagePreviewAlt' | transloco\"\n                  (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n                <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                  <a\n                    class=\"d-inline-block mt-2\"\n                    (click)=\"openModal(imageModal)\">\n                    {{ (currentTag ? 'Admin.Tags.Details.UpdateImage' : 'Admin.Tags.Details.AddImage') | transloco }}\n                  </a>\n                  @if (image && !image.includes('default-photo.jpg') && !image.includes('no_image_uploaded_squared.png')) {\n                    <i\n                      class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                      [title]=\"'Admin.Tags.Details.RemoveImage' | transloco\"\n                      (click)=\"deleteTagImage()\"\n                      (keydown.enter)=\"deleteTagImage()\"\n                      >\n                    </i>\n                  }\n                </div>\n              </div>\n            </div>\n\n            <!-- Image Upload -->\n          </div>\n\n          <pw-sticky-actions>\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              [disabled]=\"!form.valid\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </pw-sticky-actions>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n<ng-template #imageModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">{{ 'Admin.Tags.Details.UploadImage' | transloco }}</h5>\n    <button type=\"button\" class=\"btn-close float-end\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>{{ 'Admin.Tags.Details.ImageHint' | transloco }}</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n"
+			template: "<div class=\"container-fluid pw-tab overflow-hidden\">\n  <div class=\"dashboard\">\n    <div class=\"dashboard-body\">\n      <div class=\"me-auto col-xs-6 mt-4\">\n        <a [attr.aria-label]=\"'Admin.Tags.Details.BackAria' | transloco\"\n          (click)=\"back()\"\n          class=\"previous\">\n          <i class=\"fa fa-arrow-alt-circle-left\" aria-hidden=\"true\"></i>\n        </a>\n        <h3 class=\"m-subheader__title m-subheader__title--separator\">\n          {{ (currentTag ? 'Admin.Tags.Details.EditTitle' : 'Admin.Tags.List.Create') | transloco }}\n        </h3>\n      </div>\n\n      <div class=\"p-2 mt-3\">\n        <form [formGroup]=\"form\" (ngSubmit)=\"onSave()\">\n          <div class=\"row\">\n            <!-- Tag Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagName' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"name\" controlId=\"tags-name\">\n                <input type=\"text\" id=\"tags-name\" class=\"form-control\" formControlName=\"name\" [placeholder]=\"'Admin.Tags.Placeholder.TagName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.TagName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Tag Type -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.TagType' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_type\" controlId=\"tags-tag_type\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_type\"\n                  [options]=\"tagTypes\" formControlName=\"tag_type\"\n                  [attr.aria-labelledby]=\"'tags-tag_type-label'\" [placeholder]=\"'Admin.Tags.Placeholder.TagTypes' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Category -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Category' | transloco\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\" name=\"tag_category_id\" controlId=\"tags-tag_category_id\" [useAriaLabelledbyOnly]=\"true\">\n                <p-select inputId=\"tags-tag_category_id\"\n                  [options]=\"tagCategories\" formControlName=\"tag_category_id\"\n                  [attr.aria-labelledby]=\"'tags-tag_category_id-label'\" [placeholder]=\"'Admin.Tags.Category' | transloco\">\n                </p-select>\n              </pw-input-container>\n            </div>\n\n            <!-- Icon Name -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.IconName' | transloco\"\n                [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.IconName' | transloco\"\n                name=\"icon_name\" controlId=\"tags-icon_name\">\n                <input type=\"text\" id=\"tags-icon_name\" class=\"form-control\" formControlName=\"icon_name\" [placeholder]=\"'Admin.Tags.IconName' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.IconName' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Title and Meta Title on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Label.Title' | transloco\" name=\"title\" controlId=\"tags-title\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <input type=\"text\" id=\"tags-title\" class=\"form-control\" formControlName=\"title\" [placeholder]=\"'Label.Title' | transloco\"\n                    [attr.aria-label]=\"'Label.Title' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Title -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaTitle' | transloco\" name=\"meta_title\" controlId=\"tags-meta_title\">\n                <input type=\"text\" id=\"tags-meta_title\" class=\"form-control\" formControlName=\"meta_title\" [placeholder]=\"'Admin.Tags.MetaTitle' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaTitle' | transloco\" />\n              </pw-input-container>\n            </div>\n\n            <!-- Description and Meta Description on same line -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.Description' | transloco\" name=\"description\" controlId=\"tags-description\"\n                errorMsg=\"Admin.Tags.Validation.FieldRequired\">\n                <textarea id=\"tags-description\" class=\"form-control\" rows=\"3\" formControlName=\"description\" [placeholder]=\"'Admin.Tags.Description' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.Description' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Meta Description -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [label]=\"'Admin.Tags.MetaDescription' | transloco\" name=\"meta_description\" controlId=\"tags-meta_description\">\n                <textarea id=\"tags-meta_description\" class=\"form-control\" rows=\"3\" formControlName=\"meta_description\" [placeholder]=\"'Admin.Tags.MetaDescription' | transloco\"\n                    [attr.aria-label]=\"'Admin.Tags.MetaDescription' | transloco\"></textarea>\n              </pw-input-container>\n            </div>\n\n            <!-- Visible In Resources toggle moved to bottom -->\n            <div class=\"col-12 col-md-6\">\n              <pw-input-container [showTooltip]=\"true\"\n                [tooltipText]=\"'Admin.Tags.Tooltip.VisibleInResources' | transloco\"\n                [label]=\"'Admin.Tags.VisibleInResources' | transloco\"\n                name=\"visible_in_resources\" controlId=\"tags-visible_in_resources\" [useAriaLabelledbyOnly]=\"true\">\n                <ui-switch class=\"d-block\" [attr.aria-labelledby]=\"'tags-visible_in_resources-label'\" formControlName=\"visible_in_resources\"></ui-switch>\n              </pw-input-container>\n            </div>\n\n            <div class=\"col-12 col-md-4 display-grid mt-2 text-center\">\n              <span class=\"pw-label-style d-block mb-1\">{{ 'Admin.Tags.Image' | transloco }}</span>\n              <div class=\"text-center d-flex flex-column align-items-end\">\n                <img [src]=\"image !== null ? image : 'assets/img/resource/blog.png'\"\n                  (click)=\"openModal(imageModal)\"\n                  (keydown.enter)=\"openModal(imageModal)\"\n                  class=\"image cropped-img\"\n                  [ngClass]=\"{ 'w-100': image === null }\"\n                  [alt]=\"'Admin.Tags.Details.PreviewAlt' | transloco\"\n                  (error)=\"handleImageError($event, 'assets/img/resource/blog.png')\" />\n                <div class=\"d-flex justify-content-between align-items-center mt-2\">\n                  <a\n                    class=\"d-inline-block mt-2\"\n                    (click)=\"openModal(imageModal)\">\n                    {{ (currentTag ? 'Admin.Tags.Details.UpdateImage' : 'Admin.Tags.Details.AddImage') | transloco }}\n                  </a>\n                  @if (image && !image.includes('default-photo.jpg') && !image.includes('no_image_uploaded_squared.png')) {\n                    <i\n                      class=\"fa fa-trash delete-icon text-danger ms-2 cursor-pointer\"\n                      [title]=\"'Admin.Tags.Details.RemoveImage' | transloco\"\n                      (click)=\"deleteTagImage()\"\n                      (keydown.enter)=\"deleteTagImage()\"\n                      >\n                    </i>\n                  }\n                </div>\n              </div>\n            </div>\n\n            <!-- Image Upload -->\n          </div>\n\n          <pw-sticky-actions>\n            <button type=\"button\"\n              class=\"btn btn-outline-default me-2\"\n              (click)=\"back()\">\n              {{ 'Button.Cancel' | transloco }}\n            </button>\n            <button type=\"submit\"\n              [buttonBusy]=\"buttonBusy\"\n              [disabled]=\"!form.valid\"\n              class=\"btn btn-primary\">\n              {{ 'Button.Save' | transloco }}\n            </button>\n          </pw-sticky-actions>\n        </form>\n      </div>\n    </div>\n  </div>\n</div>\n\n\n<ng-template #imageModal let-modal>\n  <div class=\"modal-header\">\n    <h5 class=\"modal-title\">{{ 'Admin.Tags.Details.UploadImage' | transloco }}</h5>\n    <button type=\"button\" class=\"btn-close float-end\" [attr.aria-label]=\"'Common.Close' | transloco\" (click)=\"modal.dismiss()\"></button>\n  </div>\n  <div class=\"modal-body\">\n    <small>{{ 'Admin.Tags.Details.ImageHint' | transloco }}</small>\n    <pw-image-cropper\n      #cropper\n      aspectRatio=\"dynamic\"\n      (imageSelectionEvent)=\"onImageSelected($event)\"\n      (closeEvent)=\"onClose()\">\n    </pw-image-cropper>\n  </div>\n</ng-template>\n"
 		}]
 	}],
 	ctorParameters: () => [
@@ -31282,7 +31285,7 @@ var TagsListComponent = class TagsListComponent extends AppBaseComponent {
 	onDelete(tag) {
 		this.confirmDialog.open({
 			titleKey: "Common.Confirm.Delete.Title",
-			titleParams: { entityType: "tag" },
+			titleParams: { entityType: this.translation.translate("Admin.Entity.Tag") },
 			textKey: "Common.Confirm.Delete.Text",
 			textParams: { name: tag.name },
 			destructive: true
@@ -31646,12 +31649,12 @@ var TagsTabsComponent = class TagsTabsComponent {
 		this.searchText = "";
 		this.items = [{
 			id: "tag_category",
-			label: "Categories",
+			labelKey: "Admin.Tags.Categories.Title",
 			icon: "fa fa-fw fa-list",
 			routerLink: ["/admin/tags/categories"]
 		}, {
 			id: "tags",
-			label: "Tags",
+			labelKey: "Menu.Admin.Tags",
 			icon: "fa fa-fw fa-tag",
 			routerLink: ["/admin/tags/list"]
 		}];
@@ -31707,25 +31710,21 @@ var TipComponent = class TipComponent extends AppBaseComponent {
 		this.cdr = cdr;
 		this.buttonBusy = false;
 		this.isLoading = true;
-		this.positions = [
-			{
-				label: "Left",
-				value: "left"
-			},
-			{
-				label: "Right",
-				value: "right"
-			},
-			{
-				label: "Top",
-				value: "top"
-			},
-			{
-				label: "Bottom",
-				value: "bottom"
-			}
-		];
+		this.positions = [];
+		this.destroyRef = inject(DestroyRef);
 		this.form = AppAdmin.getTipsForm();
+		this.translation.selectTranslation().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
+			this.positions = [
+				"Left",
+				"Right",
+				"Top",
+				"Bottom"
+			].map((position) => ({
+				label: this.translation.translate(`Admin.Tips.Position.${position}`),
+				value: position.toLowerCase()
+			}));
+			this.cdr.markForCheck();
+		});
 	}
 	ngOnInit() {
 		this.subscriptionId = PermissionService.selectedSubscription.id;
@@ -32244,7 +32243,7 @@ var TipsTabsComponent = class TipsTabsComponent {
 	ngOnInit() {
 		this.items = [{
 			id: "tips",
-			label: "Tours",
+			labelKey: "Menu.Admin.Tours",
 			icon: "far fa-fw fa-code",
 			routerLink: ["/admin/tips/list"]
 		}];
@@ -32336,7 +32335,7 @@ var TermsOfServiceComponent = class TermsOfServiceComponent extends AppBaseCompo
 	onDelete(id) {
 		this.confirmDialog.confirmDelete({
 			textKey: "Common.Confirm.Delete.TextSimple",
-			textParams: { entityType: "terms of service" }
+			textParams: { entityType: this.translation.translate("Admin.Entity.TermsOfService") }
 		}).then((ok) => {
 			if (!ok) return;
 			this.adminService.deleteTos(id, this.subscriptionId).subscribe(() => {
@@ -33009,7 +33008,7 @@ var TermsOfServiceTabsComponent = class TermsOfServiceTabsComponent {
 		this.searchText = "";
 		this.items = [{
 			id: "Tos",
-			label: "Privacy & TOS",
+			labelKey: "Menu.Admin.PrivacyTos",
 			icon: "fas fa-sticky-note",
 			routerLink: ["/admin/tos/list"]
 		}];
@@ -35814,31 +35813,31 @@ var TrackingComponent = class TrackingComponent {
 		this.items = [
 			{
 				id: "ahoy_events",
-				label: "Ahoy Events",
+				labelKey: "Admin.Tracking.AhoyEvents.Title",
 				icon: "fas fa-calendar-alt",
 				routerLink: ["/admin/tracking/ahoy-events"]
 			},
 			{
 				id: "ahoy_messages",
-				label: "Ahoy Messages",
+				labelKey: "Admin.Tracking.AhoyMessages.Title",
 				icon: "fa fa-envelope",
 				routerLink: ["/admin/tracking/ahoy-messages"]
 			},
 			{
 				id: "ahoy_visits",
-				label: "Ahoy Visits",
+				labelKey: "Admin.Tracking.AhoyVisits.Title",
 				icon: "fas fa-archway",
 				routerLink: ["/admin/tracking/ahoy-visits"]
 			},
 			{
 				id: "events",
-				label: "Events",
+				labelKey: "Admin.Tracking.Events.Title",
 				icon: "far fa-calendar-alt",
 				routerLink: ["/admin/tracking/events"]
 			},
 			{
 				id: "versions",
-				label: "Versions",
+				labelKey: "Admin.Tracking.Versions.Title",
 				icon: "fas fa-layer-group",
 				routerLink: ["/admin/tracking/versions"]
 			}
@@ -37345,31 +37344,40 @@ var UsersListBaseComponent = class extends AppBaseComponent {
 		this.totalRecordsUnFiltered = 0;
 		this.searchText = "";
 		this.masterProductId = this.appConfig.master_subscription.product_id;
+		this.searchOptions = [];
+		this.alphaBetaOptions = [];
+		this.destroyRef = inject(DestroyRef);
+		this.translation.selectTranslation().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => this.buildFilterOptions());
+	}
+	buildFilterOptions() {
+		const t = (key) => this.translation.translate(key);
 		this.searchOptions = [
 			{
-				label: "Role",
+				label: t("Admin.Permissions.Role.Title"),
 				value: "role"
 			},
 			{
-				label: "Product",
+				label: t("Label.Product"),
 				value: "product"
 			},
 			{
-				label: "Feature Key",
+				label: t("Admin.Products.FeatureKey"),
 				value: "feature_key"
 			},
 			{
-				label: "Alpha / Beta",
+				label: t("Admin.Users.List.Filter.AlphaBeta"),
 				value: "alpha_beta"
 			}
 		];
 		this.alphaBetaOptions = [{
-			label: "Alpha",
+			label: t("Admin.Users.Alpha"),
 			value: "alpha"
 		}, {
-			label: "Beta",
+			label: t("Admin.Users.Beta"),
 			value: "beta"
 		}];
+		if (this.selectedOption?.value === "alpha_beta") this.searchDataSource = this.alphaBetaOptions;
+		this.cdr.markForCheck();
 	}
 	onTableStateRestore(event) {
 		const f = event?.filters ?? {};
@@ -37431,7 +37439,7 @@ var UsersListBaseComponent = class extends AppBaseComponent {
 					label: e.feature_key ?? ""
 				}));
 				this.productList.unshift({
-					label: "None",
+					label: this.translation.translate("Admin.Users.List.Filter.None"),
 					value: null
 				});
 			}
@@ -37484,6 +37492,7 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 		this.sidebarService.registerContent({
 			id: "users-info",
 			title: "Users Information",
+			titleKey: "Admin.Users.Sidebar.Title",
 			component: UsersInformationSidebarComponent
 		});
 	}
@@ -37563,7 +37572,7 @@ var UserListComponent = class UserListComponent extends UsersListBaseComponent {
 				subscription_id: PermissionService.selectedSubscription.id,
 				phonegap: platform !== "browser"
 			}).subscribe((_) => {
-				this.toast.success(`You're now being logged in as another user...`);
+				this.toast.success(this.translation.translate("Admin.Shared.ImpersonatingMessage"));
 				setTimeout(() => this.windowService.replaceUrl("/home"), 2e3);
 				this.cdr.markForCheck();
 			});
@@ -38100,13 +38109,13 @@ var UserTabComponent = class UserTabComponent {
 		this.permission = permission;
 		this.items = [{
 			id: "users",
-			label: "Users",
+			labelKey: "Menu.Admin.Users",
 			icon: "fa fa-fw fa-user-cog",
 			routerLink: ["/admin/users/list"],
 			visible: this.permission.evaluatePermissions("Pages.Admin.Users.Edit || Pages.Admin.Users.Create")
 		}, {
 			id: "insight",
-			label: "Insight",
+			labelKey: "Admin.Tabs.Insight",
 			icon: "fa fa-fw fa-signature",
 			routerLink: ["/admin/users/insight"]
 		}];
@@ -38168,6 +38177,7 @@ const routes = [{
 			component: GeneralTabsComponent,
 			data: {
 				title: "Generic",
+				titleKey: "Menu.Admin.Generic",
 				permission: "Pages.Admin"
 			},
 			children: [
@@ -38179,12 +38189,18 @@ const routes = [{
 				{
 					path: "misc",
 					component: GenericMiscComponent,
-					data: { title: "Misc" }
+					data: {
+						title: "Misc",
+						titleKey: "Admin.Routes.Misc"
+					}
 				},
 				{
 					path: "insight",
 					component: GenericInsightComponent,
-					data: { title: "Generic Insights" }
+					data: {
+						title: "Generic Insights",
+						titleKey: "Admin.Routes.GenericInsights"
+					}
 				}
 			]
 		},
@@ -38192,6 +38208,7 @@ const routes = [{
 			path: "tips",
 			data: {
 				title: "Tips",
+				titleKey: "Admin.Routes.Tips",
 				permission: "Pages.Admin"
 			},
 			children: [
@@ -38212,6 +38229,7 @@ const routes = [{
 					component: TipComponent,
 					data: {
 						title: "Add or Edit Tip",
+						titleKey: "Admin.Routes.AddOrEditTip",
 						permission: "Pages.Admin"
 					}
 				},
@@ -38220,6 +38238,7 @@ const routes = [{
 					component: TipComponent,
 					data: {
 						title: "Tip Details",
+						titleKey: "Admin.Routes.TipDetails",
 						permission: "Pages.Admin"
 					}
 				}
@@ -38229,6 +38248,7 @@ const routes = [{
 			path: "feature-flags",
 			data: {
 				title: "Feature Flags",
+				titleKey: "Menu.Admin.FeatureFlags",
 				permission: "Pages.Admin.FeatureFlags"
 			},
 			children: [
@@ -38249,6 +38269,7 @@ const routes = [{
 					component: FeatureFlagDetailsComponent,
 					data: {
 						title: "Add Feature Flag",
+						titleKey: "Admin.Routes.AddFeatureFlag",
 						permission: "Pages.Admin"
 					}
 				},
@@ -38257,6 +38278,7 @@ const routes = [{
 					component: FeatureFlagDetailsComponent,
 					data: {
 						title: "Edit Feature Flag",
+						titleKey: "Admin.FeatureFlags.Details.EditTitle",
 						permission: "Pages.Admin"
 					}
 				},
@@ -38265,6 +38287,7 @@ const routes = [{
 					component: FeatureFlagRulesComponent,
 					data: {
 						title: "Feature Flag Rules",
+						titleKey: "Admin.Routes.FeatureFlagRules",
 						permission: "Pages.Admin"
 					}
 				}
@@ -38274,6 +38297,7 @@ const routes = [{
 			path: "faq",
 			data: {
 				title: "FAQ",
+				titleKey: "Menu.Faq",
 				permission: "Pages.Admin.FAQ || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 			},
 			children: [
@@ -38290,6 +38314,7 @@ const routes = [{
 					component: AddEditFaqComponent,
 					data: {
 						title: "Add FAQ",
+						titleKey: "Admin.Faq.AddTitle",
 						permission: "Pages.Admin.FAQ || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				},
@@ -38298,6 +38323,7 @@ const routes = [{
 					component: AddEditFaqComponent,
 					data: {
 						title: "Edit FAQ",
+						titleKey: "Admin.Faq.EditTitle",
 						permission: "Pages.Admin.FAQ || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				}
@@ -38307,6 +38333,7 @@ const routes = [{
 			path: "incident",
 			data: {
 				title: "Incidents",
+				titleKey: "Menu.Admin.Incidents",
 				permission: "Pages.Admin.Incident"
 			},
 			children: [{
@@ -38321,6 +38348,7 @@ const routes = [{
 				component: AddEditIncidentComponent,
 				data: {
 					title: "Incident",
+					titleKey: "Admin.Routes.Incident",
 					permission: "Pages.Admin.Incident"
 				}
 			}]
@@ -38330,6 +38358,7 @@ const routes = [{
 			component: ContactUsTabsComponent,
 			data: {
 				title: "Contact US",
+				titleKey: "Menu.Admin.ContactUs",
 				permission: "Pages.Admin.ContactUs"
 			},
 			children: [{
@@ -38341,6 +38370,7 @@ const routes = [{
 			path: "domain-config",
 			data: {
 				title: "DomainConfig",
+				titleKey: "Admin.Routes.DomainConfig",
 				permission: "Pages.Admin.DomainConfig || Pages.Role.MarketingManager"
 			},
 			children: [
@@ -38361,6 +38391,7 @@ const routes = [{
 					component: DomainConfigDetailsComponent,
 					data: {
 						title: "DomainConfig Add",
+						titleKey: "Admin.Routes.AddDomainConfig",
 						permission: "Pages.Admin.DomainConfig || Pages.Role.MarketingManager"
 					}
 				},
@@ -38369,6 +38400,7 @@ const routes = [{
 					component: DomainConfigDetailsComponent,
 					data: {
 						title: "DomainConfig",
+						titleKey: "Admin.Routes.DomainConfig",
 						permission: "Pages.Admin.DomainConfig || Pages.Role.MarketingManager"
 					}
 				}
@@ -38378,6 +38410,7 @@ const routes = [{
 			path: "login-notifications",
 			data: {
 				title: "Dashboard Notifications",
+				titleKey: "Admin.LoginNotification.List.Title",
 				permission: "Pages.Admin.LoginNotification || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 			},
 			children: [
@@ -38398,6 +38431,7 @@ const routes = [{
 					component: LoginNotificationDetailsComponent,
 					data: {
 						title: "Dashboard Notification Add",
+						titleKey: "Admin.Routes.AddDashboardNotification",
 						permission: "Pages.Admin.LoginNotification || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				},
@@ -38406,6 +38440,7 @@ const routes = [{
 					component: LoginNotificationDetailsComponent,
 					data: {
 						title: "Dashboard Notification Edit",
+						titleKey: "Admin.Routes.EditDashboardNotification",
 						permission: "Pages.Admin.LoginNotification || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				}
@@ -38415,6 +38450,7 @@ const routes = [{
 			path: "newsletter",
 			data: {
 				title: "Newsletter",
+				titleKey: "Admin.Routes.Newsletter",
 				permission: "Pages.Admin.Newsletter || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 			},
 			children: [
@@ -38434,22 +38470,34 @@ const routes = [{
 						{
 							path: "items",
 							component: NewslettersItemsComponent,
-							data: { title: "Newsletter Items" }
+							data: {
+								title: "Newsletter Items",
+								titleKey: "Admin.Newsletter.Items.Title"
+							}
 						},
 						{
 							path: "items/users-list/:id",
 							component: NewsletterUsersListComponent,
-							data: { title: "Newsletter Recipients" }
+							data: {
+								title: "Newsletter Recipients",
+								titleKey: "Admin.Newsletter.Recipients.Title"
+							}
 						},
 						{
 							path: "items/info/:id",
 							component: NewsLetterItemViewComponent,
-							data: { title: "Newsletter Item" }
+							data: {
+								title: "Newsletter Item",
+								titleKey: "Admin.Newsletter.Item.Title"
+							}
 						},
 						{
 							path: "insight",
 							component: NewsletterInsightComponent,
-							data: { title: "Newsletter Insights" }
+							data: {
+								title: "Newsletter Insights",
+								titleKey: "Admin.Routes.NewsletterInsights"
+							}
 						}
 					]
 				},
@@ -38458,6 +38506,7 @@ const routes = [{
 					component: NewsletterDetailsComponent,
 					data: {
 						title: "Newsletter",
+						titleKey: "Admin.Routes.Newsletter",
 						permission: "Pages.Admin.Newsletter || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				},
@@ -38466,6 +38515,7 @@ const routes = [{
 					component: NewsletterDetailsComponent,
 					data: {
 						title: "Newsletter",
+						titleKey: "Admin.Routes.Newsletter",
 						permission: "Pages.Admin.Newsletter || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				},
@@ -38474,6 +38524,7 @@ const routes = [{
 					component: NewsletterItemDetailsComponent,
 					data: {
 						title: "Newsletter Item",
+						titleKey: "Admin.Newsletter.Item.Title",
 						permission: "Pages.Admin.Newsletter || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				},
@@ -38482,6 +38533,7 @@ const routes = [{
 					component: NewsletterItemDetailsComponent,
 					data: {
 						title: "Newsletter Item",
+						titleKey: "Admin.Newsletter.Item.Title",
 						permission: "Pages.Admin.Newsletter || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 					}
 				}
@@ -38491,6 +38543,7 @@ const routes = [{
 			path: "resources",
 			data: {
 				title: "Resource",
+				titleKey: "Admin.Routes.Resource",
 				permission: "Pages.Admin.Blog || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 			},
 			children: [{
@@ -38509,12 +38562,18 @@ const routes = [{
 					{
 						path: "list/:id/insight",
 						component: ResourcesListsInsightComponent,
-						data: { title: "Resource Insights" }
+						data: {
+							title: "Resource Insights",
+							titleKey: "Admin.Resources.Insight.Title"
+						}
 					},
 					{
 						path: "insight",
 						component: ResourcesInsightComponent,
-						data: { title: "Resources Insights" }
+						data: {
+							title: "Resources Insights",
+							titleKey: "Admin.Resources.Insight.Title"
+						}
 					}
 				]
 			}, {
@@ -38522,6 +38581,7 @@ const routes = [{
 				component: ResourceAdminDetailsComponent,
 				data: {
 					title: "Blog Posts Admin",
+					titleKey: "Admin.Routes.BlogPostsAdmin",
 					permission: "Pages.Admin.Blog || Pages.Role.MarketingManager || Pages.Role.CustomerSuccessManager"
 				}
 			}]
@@ -38530,6 +38590,7 @@ const routes = [{
 			path: "mailers",
 			data: {
 				title: "Mailer",
+				titleKey: "Admin.Mailer.Details.Title",
 				permission: "Pages.Admin.Mailer"
 			},
 			children: [
@@ -38550,6 +38611,7 @@ const routes = [{
 					component: MailerDetailsComponent,
 					data: {
 						title: "Mailer",
+						titleKey: "Admin.Mailer.Details.Title",
 						permission: "Pages.Admin.Mailer"
 					}
 				},
@@ -38558,6 +38620,7 @@ const routes = [{
 					component: MailerDetailsComponent,
 					data: {
 						title: "Mailer",
+						titleKey: "Admin.Mailer.Details.Title",
 						permission: "Pages.Admin.Mailer"
 					}
 				}
@@ -38567,6 +38630,7 @@ const routes = [{
 			path: "subscriptions",
 			data: {
 				title: "Subscription",
+				titleKey: "Admin.Routes.Subscription",
 				permission: "Pages.Admin.Subscription"
 			},
 			children: [
@@ -38586,7 +38650,10 @@ const routes = [{
 						{
 							path: "insight",
 							component: SubscriptionInsightTabsComponent,
-							data: { title: "Subscription Insights" }
+							data: {
+								title: "Subscription Insights",
+								titleKey: "Admin.Routes.SubscriptionInsights"
+							}
 						}
 					]
 				},
@@ -38595,6 +38662,7 @@ const routes = [{
 					component: InviteUsersComponent,
 					data: {
 						title: "Invite Users",
+						titleKey: "Admin.Routes.InviteUsers",
 						permission: "Pages.Admin.Product"
 					}
 				},
@@ -38603,6 +38671,7 @@ const routes = [{
 					component: SubscriptionDetailsComponent,
 					data: {
 						title: "Subscription",
+						titleKey: "Admin.Routes.Subscription",
 						permission: "Pages.Admin.Subscription"
 					}
 				},
@@ -38611,6 +38680,7 @@ const routes = [{
 					component: SubscriptionDetailsComponent,
 					data: {
 						title: "Subscription",
+						titleKey: "Admin.Routes.Subscription",
 						permission: "Pages.Admin.Subscription"
 					}
 				},
@@ -38619,6 +38689,7 @@ const routes = [{
 					component: AgentDetailsComponent,
 					data: {
 						title: "Subscription",
+						titleKey: "Admin.Routes.Subscription",
 						permission: "Pages.Admin.Subscription"
 					}
 				}
@@ -38628,6 +38699,7 @@ const routes = [{
 			path: "users",
 			data: {
 				title: "Users Management",
+				titleKey: "Admin.Routes.UsersManagement",
 				permission: "Pages.Admin.Users"
 			},
 			children: [
@@ -38647,7 +38719,10 @@ const routes = [{
 						{
 							path: "insight",
 							component: UserInsightComponent,
-							data: { title: "User Insights" }
+							data: {
+								title: "User Insights",
+								titleKey: "Admin.Routes.UserInsights"
+							}
 						}
 					]
 				},
@@ -38656,6 +38731,7 @@ const routes = [{
 					component: UserDetailsComponent,
 					data: {
 						title: "Add User",
+						titleKey: "Admin.Users.List.AddUser",
 						permission: "Pages.Admin.Users"
 					}
 				},
@@ -38664,6 +38740,7 @@ const routes = [{
 					component: UserDetailsComponent,
 					data: {
 						title: "User Details",
+						titleKey: "Admin.Routes.UserDetails",
 						permission: "Pages.Admin.Users"
 					}
 				}
@@ -38673,6 +38750,7 @@ const routes = [{
 			path: "products",
 			data: {
 				title: "Product Management",
+				titleKey: "Admin.Routes.ProductManagement",
 				permission: "Pages.Admin.Product"
 			},
 			children: [
@@ -38692,18 +38770,25 @@ const routes = [{
 						{
 							path: "insight",
 							component: ProductInsightComponent,
-							data: { title: "Product Insights" }
+							data: {
+								title: "Product Insights",
+								titleKey: "Admin.Routes.ProductInsights"
+							}
 						},
 						{
 							path: "onboarding",
 							component: OnboardingStepsComponent,
-							data: { title: "Onboarding Steps" }
+							data: {
+								title: "Onboarding Steps",
+								titleKey: "Admin.Onboarding.Title"
+							}
 						},
 						{
 							path: "list/users/:id",
 							component: UsersListForProductComponent,
 							data: {
 								title: "Product Management",
+								titleKey: "Admin.Routes.ProductManagement",
 								permission: "Pages.Admin.Product"
 							}
 						},
@@ -38712,6 +38797,7 @@ const routes = [{
 							component: FeedbackQuestionsListComponent,
 							data: {
 								title: "FeedbackQuestions",
+								titleKey: "Admin.Routes.FeedbackQuestions",
 								permission: "Pages.Admin.FeedbackQuestions"
 							}
 						},
@@ -38720,6 +38806,7 @@ const routes = [{
 							component: FeedbackQuestionsDetailsComponent,
 							data: {
 								title: "FeedbackQuestions",
+								titleKey: "Admin.Routes.FeedbackQuestions",
 								permission: "Pages.Admin.FeedbackQuestions"
 							}
 						},
@@ -38728,6 +38815,7 @@ const routes = [{
 							component: FeedbackQuestionsDetailsComponent,
 							data: {
 								title: "FeedbackQuestions",
+								titleKey: "Admin.Routes.FeedbackQuestions",
 								permission: "Pages.Admin.FeedbackQuestions"
 							}
 						}
@@ -38738,6 +38826,7 @@ const routes = [{
 					component: ProductDetailsComponent,
 					data: {
 						title: "Setup a New Product",
+						titleKey: "Admin.Routes.SetupNewProduct",
 						permission: "Pages.Admin.Product"
 					}
 				},
@@ -38746,6 +38835,7 @@ const routes = [{
 					component: ProductDetailsComponent,
 					data: {
 						title: "Product Details",
+						titleKey: "Admin.Routes.ProductDetails",
 						permission: "Pages.Admin.Product"
 					}
 				},
@@ -38754,6 +38844,7 @@ const routes = [{
 					component: SubscriptionProductDetailsComponent,
 					data: {
 						title: "Subscription",
+						titleKey: "Admin.Routes.Subscription",
 						permission: "Pages.Admin.Subscription"
 					}
 				}
@@ -38763,6 +38854,7 @@ const routes = [{
 			path: "tags",
 			data: {
 				title: "Tag Management",
+				titleKey: "Admin.Routes.TagManagement",
 				permission: "Pages.Admin.Tags"
 			},
 			children: [{
@@ -38777,7 +38869,10 @@ const routes = [{
 					{
 						path: "categories",
 						component: TagsCategoryComponent,
-						data: { title: "Tag Categories" }
+						data: {
+							title: "Tag Categories",
+							titleKey: "Admin.Routes.TagCategories"
+						}
 					},
 					{
 						path: "list",
@@ -38787,13 +38882,17 @@ const routes = [{
 			}, {
 				path: ":slug",
 				component: TagDetailsComponent,
-				data: { title: "Tag Details" }
+				data: {
+					title: "Tag Details",
+					titleKey: "Admin.Routes.TagDetails"
+				}
 			}]
 		},
 		{
 			path: "permissions",
 			data: {
 				title: "Permissions",
+				titleKey: "Label.Permissions",
 				permission: "Pages.Admin.Roles"
 			},
 			children: [
@@ -38813,7 +38912,10 @@ const routes = [{
 						{
 							path: "roles-list",
 							component: RolesListComponent,
-							data: { title: "Roles" }
+							data: {
+								title: "Roles",
+								titleKey: "Label.Roles"
+							}
 						}
 					]
 				},
@@ -38822,6 +38924,7 @@ const routes = [{
 					component: PermissionsDetailsComponent,
 					data: {
 						title: "Add Permission",
+						titleKey: "Admin.Routes.AddPermission",
 						permission: "Pages.Admin.Roles"
 					}
 				},
@@ -38830,6 +38933,7 @@ const routes = [{
 					component: PermissionsDetailsComponent,
 					data: {
 						title: "Permissions",
+						titleKey: "Label.Permissions",
 						permission: "Pages.Admin.Roles"
 					}
 				},
@@ -38838,6 +38942,7 @@ const routes = [{
 					component: RoleDetailsComponent,
 					data: {
 						title: "Role Management",
+						titleKey: "Admin.Routes.RoleManagement",
 						permission: "Pages.Admin.Roles"
 					}
 				},
@@ -38846,6 +38951,7 @@ const routes = [{
 					component: RoleDetailsComponent,
 					data: {
 						title: "Role Management",
+						titleKey: "Admin.Routes.RoleManagement",
 						permission: "Pages.Admin.Roles"
 					}
 				}
@@ -38855,6 +38961,7 @@ const routes = [{
 			path: "tos",
 			data: {
 				title: "Tos",
+				titleKey: "Menu.Admin.PrivacyTos",
 				permission: "Pages.Admin.Tos"
 			},
 			children: [
@@ -38875,6 +38982,7 @@ const routes = [{
 					component: TermsOfServiceDetailsComponent,
 					data: {
 						title: "Tos",
+						titleKey: "Menu.Admin.PrivacyTos",
 						permission: "Pages.Admin.Tos"
 					}
 				},
@@ -38883,6 +38991,7 @@ const routes = [{
 					component: TermsOfServiceDetailsComponent,
 					data: {
 						title: "Tos",
+						titleKey: "Menu.Admin.PrivacyTos",
 						permission: "Pages.Admin.Tos"
 					}
 				}
@@ -38892,6 +39001,7 @@ const routes = [{
 			path: "credentials",
 			data: {
 				title: "Credential Management",
+				titleKey: "Admin.Routes.CredentialManagement",
 				permission: "Pages.Admin.Credential"
 			},
 			children: [
@@ -38911,7 +39021,10 @@ const routes = [{
 						{
 							path: "subscription",
 							component: SubscriptionCredentialsComponent,
-							data: { title: "Subscription Credentials" }
+							data: {
+								title: "Subscription Credentials",
+								titleKey: "Admin.Credentials.Subscription.Title"
+							}
 						}
 					]
 				},
@@ -38920,6 +39033,7 @@ const routes = [{
 					component: CredentialsDetailsComponent,
 					data: {
 						title: "Credential Management Add",
+						titleKey: "Admin.Routes.AddCredential",
 						permission: "Pages.Admin.Credential"
 					}
 				},
@@ -38928,6 +39042,7 @@ const routes = [{
 					component: CredentialsDetailsComponent,
 					data: {
 						title: "Credential Management",
+						titleKey: "Admin.Routes.CredentialManagement",
 						permission: "Pages.Admin.Credential"
 					}
 				},
@@ -38936,6 +39051,7 @@ const routes = [{
 					component: SubscriptionCredentialsDetailsComponent,
 					data: {
 						title: "Credential Management Subscription Details",
+						titleKey: "Admin.Routes.SubscriptionCredentialDetails",
 						permission: "Pages.Admin.Credential"
 					}
 				},
@@ -38944,6 +39060,7 @@ const routes = [{
 					component: SubscriptionCredentialsDetailsComponent,
 					data: {
 						title: "Credential Management",
+						titleKey: "Admin.Routes.CredentialManagement",
 						permission: "Pages.Admin.Credential"
 					}
 				}
@@ -38953,6 +39070,7 @@ const routes = [{
 			path: "ambassador-payouts",
 			data: {
 				title: "Ambassador Payouts",
+				titleKey: "Admin.AmbassadorPayouts.Title",
 				permission: "Pages.Admin.AmbassadorPayouts"
 			},
 			children: [{
@@ -38971,6 +39089,7 @@ const routes = [{
 				component: AmbassadorPayoutDetailsComponent,
 				data: {
 					title: "Ambassador Payout Details",
+					titleKey: "Admin.AmbassadorPayouts.DetailsTitle",
 					permission: "Pages.Admin.AmbassadorPayouts"
 				}
 			}]
@@ -38979,6 +39098,7 @@ const routes = [{
 			path: "oauth-clients",
 			data: {
 				title: "MCP OAuth Clients",
+				titleKey: "Admin.OauthClients.Title",
 				permission: "Pages.Admin.Oauth"
 			},
 			children: [
@@ -38999,6 +39119,7 @@ const routes = [{
 					component: OauthClientsDetailsComponent,
 					data: {
 						title: "Add MCP OAuth Client",
+						titleKey: "Admin.Routes.AddOauthClient",
 						permission: "Pages.Admin"
 					}
 				},
@@ -39007,6 +39128,7 @@ const routes = [{
 					component: OauthClientsDetailsComponent,
 					data: {
 						title: "Edit MCP OAuth Client",
+						titleKey: "Admin.OauthClients.EditTitle",
 						permission: "Pages.Admin"
 					}
 				}
@@ -39017,6 +39139,7 @@ const routes = [{
 			component: TrackingComponent,
 			data: {
 				title: "Tracking",
+				titleKey: "Menu.Admin.Tracking",
 				permission: "Pages.Admin.Tracking"
 			},
 			children: [
@@ -39028,27 +39151,42 @@ const routes = [{
 				{
 					path: "ahoy-events",
 					component: AhoyEventsComponent,
-					data: { title: "Ahoy Events" }
+					data: {
+						title: "Ahoy Events",
+						titleKey: "Admin.Tracking.AhoyEvents.Title"
+					}
 				},
 				{
 					path: "ahoy-messages",
 					component: AhoyMessagesComponent,
-					data: { title: "Ahoy Messages" }
+					data: {
+						title: "Ahoy Messages",
+						titleKey: "Admin.Tracking.AhoyMessages.Title"
+					}
 				},
 				{
 					path: "ahoy-visits",
 					component: AhoyVisitsComponent,
-					data: { title: "Ahoy Visits" }
+					data: {
+						title: "Ahoy Visits",
+						titleKey: "Admin.Tracking.AhoyVisits.Title"
+					}
 				},
 				{
 					path: "events",
 					component: EventsComponent,
-					data: { title: "Events" }
+					data: {
+						title: "Events",
+						titleKey: "Admin.Tracking.Events.Title"
+					}
 				},
 				{
 					path: "versions",
 					component: VersionsComponent,
-					data: { title: "Versions" }
+					data: {
+						title: "Versions",
+						titleKey: "Admin.Tracking.Versions.Title"
+					}
 				}
 			]
 		},
@@ -39056,6 +39194,7 @@ const routes = [{
 			path: "global-config",
 			data: {
 				title: "Global config",
+				titleKey: "Menu.Admin.GlobalConfigs",
 				permission: "Pages.Admin.Global-Config"
 			},
 			children: [
@@ -39074,12 +39213,18 @@ const routes = [{
 				{
 					path: "add",
 					component: GlobalConfigDetailsComponent,
-					data: { title: "Add Global Config" }
+					data: {
+						title: "Add Global Config",
+						titleKey: "Admin.GlobalConfigMessage.AddGlobalConfig"
+					}
 				},
 				{
 					path: ":id",
 					component: GlobalConfigDetailsComponent,
-					data: { title: "Global Config Details" }
+					data: {
+						title: "Global Config Details",
+						titleKey: "Admin.Routes.GlobalConfigDetails"
+					}
 				}
 			]
 		}