ngx-techlify-core 19.0.0 → 22.3.0

package/fesm2022/ngx-techlify-core-user-sessions.module-BRmDpYG3.mjs

@@ -0,0 +1,2135 @@
+import { F as HttpService, L as CredentialsService, N as FileDropperComponent, O as TechlifyIconComponent, X as AlertService, Y as FormValidatorService, b as CurrentUserService, i as SearchableSelectorComponent, l as ExportExcelButtonComponent, p as TimelineFilterComponent, q as DocumentViewerComponent, t as SharedModule } from "./ngx-techlify-core-shared.module-DROe5GRx.mjs";
+import { c as TechlifyFormComponent, i as TechlifyListComponent, l as TechlifyService } from "./ngx-techlify-core-base-model-oCILHkdE.mjs";
+import { t as UserConfigService } from "./ngx-techlify-core-user-config.service-DW5EgXhL.mjs";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Injectable, Input, NgModule, Output } from "@angular/core";
+import * as i1 from "@angular/material/dialog";
+import { MAT_DIALOG_DATA } from "@angular/material/dialog";
+import * as i5 from "@angular/material/button";
+import * as i7$1 from "@angular/material/icon";
+import { debounceTime, distinctUntilChanged } from "rxjs/operators";
+import * as i2 from "@angular/platform-browser";
+import * as i1$1 from "@angular/router";
+import * as i2$1 from "@angular/common";
+import { __decorate } from "tslib";
+import * as i8 from "@angular/material/sort";
+import { UntilDestroy, untilDestroyed } from "@ngneat/until-destroy";
+import * as i7 from "ngx-infinite-scroll";
+import * as i13 from "@angular/material/checkbox";
+import * as i9 from "@angular/material/table";
+import * as i10 from "@angular/material/card";
+import * as i3 from "@angular/forms";
+import { UntypedFormControl, Validators } from "@angular/forms";
+import * as i11 from "@angular/material/tooltip";
+import * as i6 from "@angular/material/form-field";
+import * as i8$1 from "@angular/material/input";
+import * as i4 from "@angular/material/autocomplete";
+import * as i12 from "@angular/material/progress-bar";
+import * as i9$1 from "@angular/material/select";
+var AuditLogService = class AuditLogService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "audit-logs");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuditLogService,
+			deps: [{ token: HttpService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuditLogService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AuditLogService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpService }]
+});
+let AuditLogListFilterComponent = class AuditLogListFilterComponent {
+	constructor(formValidatorService) {
+		this.formValidatorService = formValidatorService;
+		this.valueChange = new EventEmitter();
+	}
+	get showObjectFilter() {
+		return !(this.objectId || this.objectType);
+	}
+	ngOnInit() {}
+	resetFieldValue(field) {
+		this.filterForm.get(field).setValue("");
+	}
+	getFieldValue(field) {
+		return this.filterForm.get(field).value;
+	}
+	isFieldValid(field) {
+		return this.formValidatorService.isFieldValid(field, this.filterForm, true);
+	}
+	ngOnDestroy() {}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuditLogListFilterComponent,
+			deps: [{ token: FormValidatorService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: AuditLogListFilterComponent,
+			isStandalone: false,
+			selector: "app-audit-log-list-filter",
+			inputs: {
+				filterForm: "filterForm",
+				objectId: "objectId",
+				objectType: "objectType"
+			},
+			outputs: { valueChange: "valueChange" },
+			ngImport: i0,
+			template: "<form [formGroup]=\"filterForm\" class=\"d-flex justify-content-end align-items-center gap-2 w-100\">\n  <mat-form-field class='fl-md'>\n    <mat-label>Search Changes</mat-label>\n    <input type=\"text\" matInput formControlName=\"change_search\" />\n    <button *ngIf=\"getFieldValue('change_search')\" matSuffix mat-icon-button (click)=\"resetFieldValue('change_search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <app-timeline-filter class='fl-sm' labelText=\"Activity Date\" formControlName=\"duration\"\n    [form]=\"filterForm\" [showClearButton]=\"true\" appearance=\"outline\"></app-timeline-filter>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Action</mat-label>\n    <mat-select formControlName=\"action\" [multiple]=\"true\">\n      <mat-option value=\"created\">Created</mat-option>\n      <mat-option value=\"updated\">Updated</mat-option>\n      <mat-option value=\"deleted\">Deleted</mat-option>\n    </mat-select>\n    <button *ngIf=\"getFieldValue('action')\" matSuffix mat-icon-button (click)=\"resetFieldValue('action')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm' *ngIf=\"showObjectFilter\">\n    <mat-label>Model Type</mat-label>\n    <app-searchable-selector formControlName=\"object_type\" apiUrl=\"api/audit-log-types\" titleField=\"object_type\"\n      valueField=\"object_type\" [sort]=\"false\" [multiple]=\"true\">\n    </app-searchable-selector>\n    <button *ngIf=\"getFieldValue('object_type')\" matSuffix mat-icon-button (click)=\"resetFieldValue('object_type')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Model #</mat-label>\n    <input type=\"text\" matInput formControlName=\"model_search\" />\n    <button *ngIf=\"getFieldValue('model_search')\" matSuffix mat-icon-button (click)=\"resetFieldValue('model_search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Creator</mat-label>\n    <app-searchable-selector formControlName=\"creator_ids\" [multiple]=\"true\" apiUrl=\"api/users\"\n      titleField=\"name\"></app-searchable-selector>\n    <button *ngIf=\"getFieldValue('creator_ids')\" matSuffix mat-icon-button (click)=\"resetFieldValue('creator_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n</form>",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2$1.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "directive",
+					type: i3.ɵNgNoValidate,
+					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+				},
+				{
+					kind: "directive",
+					type: i3.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "component",
+					type: i4.MatOption,
+					selector: "mat-option",
+					inputs: [
+						"value",
+						"id",
+						"disabled"
+					],
+					outputs: ["onSelectionChange"],
+					exportAs: ["matOption"]
+				},
+				{
+					kind: "component",
+					type: i5.MatIconButton,
+					selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]",
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "component",
+					type: i6.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "directive",
+					type: i6.MatLabel,
+					selector: "mat-label"
+				},
+				{
+					kind: "directive",
+					type: i6.MatSuffix,
+					selector: "[matSuffix], [matIconSuffix], [matTextSuffix]",
+					inputs: ["matTextSuffix"]
+				},
+				{
+					kind: "component",
+					type: i7$1.MatIcon,
+					selector: "mat-icon",
+					inputs: [
+						"color",
+						"inline",
+						"svgIcon",
+						"fontSet",
+						"fontIcon"
+					],
+					exportAs: ["matIcon"]
+				},
+				{
+					kind: "directive",
+					type: i8$1.MatInput,
+					selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+					inputs: [
+						"disabled",
+						"id",
+						"placeholder",
+						"name",
+						"required",
+						"type",
+						"errorStateMatcher",
+						"aria-describedby",
+						"value",
+						"readonly",
+						"disabledInteractive"
+					],
+					exportAs: ["matInput"]
+				},
+				{
+					kind: "component",
+					type: i9$1.MatSelect,
+					selector: "mat-select",
+					inputs: [
+						"aria-describedby",
+						"panelClass",
+						"disabled",
+						"disableRipple",
+						"tabIndex",
+						"hideSingleSelectionIndicator",
+						"placeholder",
+						"required",
+						"multiple",
+						"disableOptionCentering",
+						"compareWith",
+						"value",
+						"aria-label",
+						"aria-labelledby",
+						"errorStateMatcher",
+						"typeaheadDebounceInterval",
+						"sortComparator",
+						"id",
+						"panelWidth",
+						"canSelectNullableOptions"
+					],
+					outputs: [
+						"openedChange",
+						"opened",
+						"closed",
+						"selectionChange",
+						"valueChange"
+					],
+					exportAs: ["matSelect"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				},
+				{
+					kind: "component",
+					type: SearchableSelectorComponent,
+					selector: "app-searchable-selector",
+					inputs: [
+						"valueField",
+						"titleField",
+						"subtitleField",
+						"apiUrl",
+						"multiple",
+						"selectedValue",
+						"enableSearch",
+						"add",
+						"addConfig",
+						"edit",
+						"editConfig",
+						"sort",
+						"sortBy",
+						"searchField",
+						"itemComponent",
+						"items",
+						"apiDataProperty",
+						"cache",
+						"perPage",
+						"inDataSearch",
+						"panelWidth",
+						"focusSearchOnOpen",
+						"isEmitInitialEvent",
+						"required",
+						"disabled",
+						"value"
+					],
+					outputs: [
+						"selectedValueChange",
+						"selectionChange",
+						"itemsChange",
+						"isItemsEmpty"
+					]
+				},
+				{
+					kind: "component",
+					type: TimelineFilterComponent,
+					selector: "app-timeline-filter",
+					inputs: [
+						"defaultValue",
+						"required",
+						"disabled",
+						"value",
+						"timelines",
+						"dateFrom",
+						"dateTo",
+						"appearance",
+						"showClearButton",
+						"form",
+						"labelText"
+					],
+					outputs: ["selectionChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+AuditLogListFilterComponent = __decorate([UntilDestroy()], AuditLogListFilterComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AuditLogListFilterComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-audit-log-list-filter",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<form [formGroup]=\"filterForm\" class=\"d-flex justify-content-end align-items-center gap-2 w-100\">\n  <mat-form-field class='fl-md'>\n    <mat-label>Search Changes</mat-label>\n    <input type=\"text\" matInput formControlName=\"change_search\" />\n    <button *ngIf=\"getFieldValue('change_search')\" matSuffix mat-icon-button (click)=\"resetFieldValue('change_search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <app-timeline-filter class='fl-sm' labelText=\"Activity Date\" formControlName=\"duration\"\n    [form]=\"filterForm\" [showClearButton]=\"true\" appearance=\"outline\"></app-timeline-filter>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Action</mat-label>\n    <mat-select formControlName=\"action\" [multiple]=\"true\">\n      <mat-option value=\"created\">Created</mat-option>\n      <mat-option value=\"updated\">Updated</mat-option>\n      <mat-option value=\"deleted\">Deleted</mat-option>\n    </mat-select>\n    <button *ngIf=\"getFieldValue('action')\" matSuffix mat-icon-button (click)=\"resetFieldValue('action')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm' *ngIf=\"showObjectFilter\">\n    <mat-label>Model Type</mat-label>\n    <app-searchable-selector formControlName=\"object_type\" apiUrl=\"api/audit-log-types\" titleField=\"object_type\"\n      valueField=\"object_type\" [sort]=\"false\" [multiple]=\"true\">\n    </app-searchable-selector>\n    <button *ngIf=\"getFieldValue('object_type')\" matSuffix mat-icon-button (click)=\"resetFieldValue('object_type')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Model #</mat-label>\n    <input type=\"text\" matInput formControlName=\"model_search\" />\n    <button *ngIf=\"getFieldValue('model_search')\" matSuffix mat-icon-button (click)=\"resetFieldValue('model_search')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n  <mat-form-field class='fl-sm'>\n    <mat-label>Creator</mat-label>\n    <app-searchable-selector formControlName=\"creator_ids\" [multiple]=\"true\" apiUrl=\"api/users\"\n      titleField=\"name\"></app-searchable-selector>\n    <button *ngIf=\"getFieldValue('creator_ids')\" matSuffix mat-icon-button (click)=\"resetFieldValue('creator_ids')\">\n      <mat-icon>close</mat-icon>\n    </button>\n  </mat-form-field>\n\n</form>"
+		}]
+	}],
+	ctorParameters: () => [{ type: FormValidatorService }],
+	propDecorators: {
+		filterForm: [{ type: Input }],
+		objectId: [{ type: Input }],
+		objectType: [{ type: Input }],
+		valueChange: [{ type: Output }]
+	}
+});
+let AuditLogListComponent = class AuditLogListComponent extends TechlifyListComponent {
+	constructor(router, sanitizer, formBuilder, service, datePipe) {
+		super();
+		this.router = router;
+		this.sanitizer = sanitizer;
+		this.formBuilder = formBuilder;
+		this.service = service;
+		this.datePipe = datePipe;
+		this.showFilter = true;
+		this.showExportButtons = true;
+		this.disableFilterPatchingFromUrl = false;
+		this.scrollContainer = "";
+		this.displayedColumns = [
+			"index",
+			"id",
+			"created_at",
+			"object_type",
+			"object_id",
+			"action",
+			"changes",
+			"user.email",
+			"actions"
+		];
+		this.filterFormConfiguration = {
+			duration: { number: true },
+			object_type: { multiple: true },
+			action: { multiple: true },
+			creator_ids: { multiple: true }
+		};
+		this.filterForm = this.formBuilder.group({
+			action: [""],
+			change_search: [""],
+			duration: [""],
+			date_from: [""],
+			date_to: [""],
+			model_search: [""],
+			object_type: [""],
+			object_id: [""],
+			user_id: [""],
+			sort_by: "created_at|desc",
+			creator_ids: [""]
+		});
+	}
+	ngOnInit() {
+		this.initializeData();
+		if (!this.disableFilterPatchingFromUrl) this.patchFiltersFromRoute();
+		this.loadData();
+		this.listenFilterChanges();
+	}
+	get excelData() {
+		if (this.models.length > 0) return this.models.map((item) => {
+			return {
+				Type: item?.object_type,
+				Action: item?.action,
+				Data: JSON.stringify(item?.data || {}),
+				Object: JSON.stringify(item?.object || {}),
+				"Pre-Object": JSON.stringify(item?.pre_object || {}),
+				"Created At": new Date(item?.created_at).toDateString(),
+				"Created By": item?.user?.email
+			};
+		});
+		return [];
+	}
+	logClicked(log) {
+		this.router.navigate(["/system/audit-logs/log-view", log.id]);
+	}
+	initializeData() {
+		if (this.objectType) this.filterForm.patchValue({ object_type: this.objectType });
+		if (this.objectId) this.filterForm.patchValue({ object_id: this.objectId });
+		if (this.userId) this.filterForm.patchValue({ user_id: this.userId });
+	}
+	getTransformedChanges(log) {
+		if (log?.data?.changes) {
+			const changes = Object.keys(log?.data?.changes) || [];
+			let value = "<div>";
+			changes.forEach((key) => {
+				const displayAttribute = key.split("_").map((x) => x.charAt(0).toUpperCase() + x.slice(1)).join(" ");
+				value = `${value} <div><b>${displayAttribute}:</b> <span id="old-value">${log?.pre_object[key] ?? ""}</span><span id="new-value">${log?.object[key] ?? ""}</span></div>`;
+			});
+			value = `${value} </div>`;
+			return value;
+		}
+		return "";
+	}
+	ngOnDestroy() {}
+	loadData() {
+		const filters = JSON.parse(JSON.stringify(this.filterForm.value));
+		filters.page = this.page;
+		filters.date_from = this.datePipe.transform(filters.date_from, "yyyy-MM-dd") ?? "";
+		filters.date_to = this.datePipe.transform(filters.date_to, "yyyy-MM-dd") ?? "";
+		filters.creator_ids = filters.creator_ids.toString();
+		filters.object_type = filters.object_type.toString();
+		filters.action = filters.action.toString();
+		super.loadData(filters);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: AuditLogListComponent,
+			deps: [
+				{ token: i1$1.Router },
+				{ token: i2.DomSanitizer },
+				{ token: i3.FormBuilder },
+				{ token: AuditLogService },
+				{ token: i2$1.DatePipe }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: AuditLogListComponent,
+			isStandalone: false,
+			selector: "app-audit-log-list",
+			inputs: {
+				objectId: "objectId",
+				objectType: "objectType",
+				showFilter: "showFilter",
+				showExportButtons: "showExportButtons",
+				userId: "userId",
+				disableFilterPatchingFromUrl: "disableFilterPatchingFromUrl",
+				scrollContainer: "scrollContainer"
+			},
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<div class=\"m-2\">\n  <mat-card>\n    <mat-card-content>\n      <div class=\"d-flex justify-content-between align-items-center gap-3\">\n        <div class=\"d-flex justify-content-start align-items-center gap-2\" style=\"min-width: 200px\">\n          <h5 class=\"mb-0\"> Audit Logs </h5>\n          <app-export-excel-button *ngIf=\"showExportButtons\" matTooltip=\"Export\" elementId=\"audit-logs-table\"\n            class=\"mt-1\" name=\"AuditLogs\" [data]=\"excelData\">\n          </app-export-excel-button>\n        </div>\n\n        <app-audit-log-list-filter class=\"w-100\" *ngIf=\"showFilter\" [filterForm]=\"filterForm\" [objectType]=\"objectType\"\n          [objectId]=\"objectId\"></app-audit-log-list-filter>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card class=\"mt-2\">\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" matSort class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"50\" [infiniteScrollContainer]=\"scrollContainer\" (scrolled)=\"onScroll()\"\n        [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <!-- Index Column -->\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let i = index\"> {{ i+1 }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"id\">\n          <th mat-header-cell *matHeaderCellDef> Log # </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.id}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"object_type\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Model Type </th>\n          <td mat-cell *matCellDef=\"let auditLog;\"> {{ auditLog.object_type }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"object_id\">\n          <th mat-header-cell *matHeaderCellDef> Model # </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.object_id}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"action\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>\n          <td mat-cell *matCellDef=\"let auditLog;\"> {{ auditLog?.action }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"created_at\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Created At </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.created_at | date:'medium'}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"user.email\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Created By </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <p class=\"mb-0\">{{auditLog?.user?.name}}</p>\n            <small class=\"text-secondary\">{{ auditLog?.user?.email }}</small>\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"changes\">\n          <th mat-header-cell *matHeaderCellDef> Changes</th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <div class=\"px-3\" [innerHtml]=\"sanitizer.bypassSecurityTrustHtml(getTransformedChanges(auditLog))\">\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <div class=\"text-secondary\">\n              <app-techlify-icon role=\"button\" name=\"view\" class=\"clickable\"\n                (click)=\"logClicked(auditLog);$event.stopPropagation();\" matTooltip=\"View\"></app-techlify-icon>\n            </div>\n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n      <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n    </mat-card-content>\n  </mat-card>\n</div>",
+			styles: ["tr.row-hover:hover{background-color:#dcdcdc}.scroll-container{height:800px;overflow-y:auto}:host ::ng-deep #old-value{margin-right:5px;background-color:#f08080}:host ::ng-deep #new-value{background-color:#98fb98}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2$1.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: ExportExcelButtonComponent,
+					selector: "app-export-excel-button",
+					inputs: [
+						"isCSV",
+						"iconName",
+						"fileName",
+						"data",
+						"tableId",
+						"isParseNumeric"
+					],
+					outputs: ["isExportingToExcel"]
+				},
+				{
+					kind: "directive",
+					type: i7.InfiniteScrollDirective,
+					selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+					inputs: [
+						"infiniteScrollDistance",
+						"infiniteScrollUpDistance",
+						"infiniteScrollThrottle",
+						"infiniteScrollDisabled",
+						"infiniteScrollContainer",
+						"scrollWindow",
+						"immediateCheck",
+						"horizontal",
+						"alwaysCallback",
+						"fromRoot"
+					],
+					outputs: ["scrolled", "scrolledUp"]
+				},
+				{
+					kind: "directive",
+					type: i8.MatSort,
+					selector: "[matSort]",
+					inputs: [
+						"matSortActive",
+						"matSortStart",
+						"matSortDirection",
+						"matSortDisableClear",
+						"matSortDisabled"
+					],
+					outputs: ["matSortChange"],
+					exportAs: ["matSort"]
+				},
+				{
+					kind: "component",
+					type: i8.MatSortHeader,
+					selector: "[mat-sort-header]",
+					inputs: [
+						"mat-sort-header",
+						"arrowPosition",
+						"start",
+						"disabled",
+						"sortActionDescription",
+						"disableClear"
+					],
+					exportAs: ["matSortHeader"]
+				},
+				{
+					kind: "component",
+					type: i9.MatTable,
+					selector: "mat-table, table[mat-table]",
+					exportAs: ["matTable"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCellDef,
+					selector: "[matHeaderCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderRowDef,
+					selector: "[matHeaderRowDef]",
+					inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatColumnDef,
+					selector: "[matColumnDef]",
+					inputs: ["matColumnDef"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatCellDef,
+					selector: "[matCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatRowDef,
+					selector: "[matRowDef]",
+					inputs: ["matRowDefColumns", "matRowDefWhen"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCell,
+					selector: "mat-header-cell, th[mat-header-cell]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatCell,
+					selector: "mat-cell, td[mat-cell]"
+				},
+				{
+					kind: "component",
+					type: i9.MatHeaderRow,
+					selector: "mat-header-row, tr[mat-header-row]",
+					exportAs: ["matHeaderRow"]
+				},
+				{
+					kind: "component",
+					type: i9.MatRow,
+					selector: "mat-row, tr[mat-row]",
+					exportAs: ["matRow"]
+				},
+				{
+					kind: "component",
+					type: i10.MatCard,
+					selector: "mat-card",
+					inputs: ["appearance"],
+					exportAs: ["matCard"]
+				},
+				{
+					kind: "directive",
+					type: i10.MatCardContent,
+					selector: "mat-card-content"
+				},
+				{
+					kind: "directive",
+					type: i11.MatTooltip,
+					selector: "[matTooltip]",
+					inputs: [
+						"matTooltipPosition",
+						"matTooltipPositionAtOrigin",
+						"matTooltipDisabled",
+						"matTooltipShowDelay",
+						"matTooltipHideDelay",
+						"matTooltipTouchGestures",
+						"matTooltip",
+						"matTooltipClass"
+					],
+					exportAs: ["matTooltip"]
+				},
+				{
+					kind: "component",
+					type: i12.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				},
+				{
+					kind: "component",
+					type: TechlifyIconComponent,
+					selector: "app-techlify-icon",
+					inputs: ["name", "size"]
+				},
+				{
+					kind: "component",
+					type: AuditLogListFilterComponent,
+					selector: "app-audit-log-list-filter",
+					inputs: [
+						"filterForm",
+						"objectId",
+						"objectType"
+					],
+					outputs: ["valueChange"]
+				},
+				{
+					kind: "pipe",
+					type: i2$1.DatePipe,
+					name: "date"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+AuditLogListComponent = __decorate([UntilDestroy()], AuditLogListComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: AuditLogListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-audit-log-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div class=\"m-2\">\n  <mat-card>\n    <mat-card-content>\n      <div class=\"d-flex justify-content-between align-items-center gap-3\">\n        <div class=\"d-flex justify-content-start align-items-center gap-2\" style=\"min-width: 200px\">\n          <h5 class=\"mb-0\"> Audit Logs </h5>\n          <app-export-excel-button *ngIf=\"showExportButtons\" matTooltip=\"Export\" elementId=\"audit-logs-table\"\n            class=\"mt-1\" name=\"AuditLogs\" [data]=\"excelData\">\n          </app-export-excel-button>\n        </div>\n\n        <app-audit-log-list-filter class=\"w-100\" *ngIf=\"showFilter\" [filterForm]=\"filterForm\" [objectType]=\"objectType\"\n          [objectId]=\"objectId\"></app-audit-log-list-filter>\n      </div>\n    </mat-card-content>\n  </mat-card>\n\n  <mat-card class=\"mt-2\">\n    <mat-card-content>\n      <table mat-table [dataSource]=\"models\" matSort class=\"w-100\" infiniteScroll [infiniteScrollDistance]=\"2\"\n        [infiniteScrollThrottle]=\"50\" [infiniteScrollContainer]=\"scrollContainer\" (scrolled)=\"onScroll()\"\n        [fromRoot]=\"true\" (matSortChange)=\"sortColumn($event)\">\n\n        <!-- Index Column -->\n        <ng-container matColumnDef=\"index\">\n          <th mat-header-cell *matHeaderCellDef> # </th>\n          <td mat-cell *matCellDef=\"let i = index\"> {{ i+1 }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"id\">\n          <th mat-header-cell *matHeaderCellDef> Log # </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.id}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"object_type\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Model Type </th>\n          <td mat-cell *matCellDef=\"let auditLog;\"> {{ auditLog.object_type }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"object_id\">\n          <th mat-header-cell *matHeaderCellDef> Model # </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.object_id}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"action\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Action </th>\n          <td mat-cell *matCellDef=\"let auditLog;\"> {{ auditLog?.action }} </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"created_at\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Created At </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            {{auditLog?.created_at | date:'medium'}}\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"user.email\">\n          <th mat-header-cell *matHeaderCellDef mat-sort-header> Created By </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <p class=\"mb-0\">{{auditLog?.user?.name}}</p>\n            <small class=\"text-secondary\">{{ auditLog?.user?.email }}</small>\n          </td>\n        </ng-container>\n\n        <ng-container matColumnDef=\"changes\">\n          <th mat-header-cell *matHeaderCellDef> Changes</th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <div class=\"px-3\" [innerHtml]=\"sanitizer.bypassSecurityTrustHtml(getTransformedChanges(auditLog))\">\n            </div>\n          </td>\n        </ng-container>\n\n        <!-- Actions Column -->\n        <ng-container matColumnDef=\"actions\">\n          <th mat-header-cell *matHeaderCellDef> Actions </th>\n          <td mat-cell *matCellDef=\"let auditLog\">\n            <div class=\"text-secondary\">\n              <app-techlify-icon role=\"button\" name=\"view\" class=\"clickable\"\n                (click)=\"logClicked(auditLog);$event.stopPropagation();\" matTooltip=\"View\"></app-techlify-icon>\n            </div>\n          </td>\n        </ng-container>\n\n        <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky:true\"></tr>\n        <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n      </table>\n      <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n    </mat-card-content>\n  </mat-card>\n</div>",
+			styles: ["tr.row-hover:hover{background-color:#dcdcdc}.scroll-container{height:800px;overflow-y:auto}:host ::ng-deep #old-value{margin-right:5px;background-color:#f08080}:host ::ng-deep #new-value{background-color:#98fb98}\n"]
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1$1.Router },
+		{ type: i2.DomSanitizer },
+		{ type: i3.FormBuilder },
+		{ type: AuditLogService },
+		{ type: i2$1.DatePipe }
+	],
+	propDecorators: {
+		objectId: [{ type: Input }],
+		objectType: [{ type: Input }],
+		showFilter: [{ type: Input }],
+		showExportButtons: [{ type: Input }],
+		userId: [{ type: Input }],
+		disableFilterPatchingFromUrl: [{ type: Input }],
+		scrollContainer: [{ type: Input }]
+	}
+});
+let LoginHistoryForUserComponent = class LoginHistoryForUserComponent {
+	constructor(http, fb) {
+		this.http = http;
+		this.fb = fb;
+		this.loginHistoryList = [];
+		this.pageEvent = {
+			page: 1,
+			lastPage: 1
+		};
+		this.filters = { sort_by: "created_at|desc" };
+		this.displayedColumns = ["index", "created_at"];
+		this.historyFilterForm = this.fb.group({
+			"duration": [""],
+			"date_from": [""],
+			"date_to": [""]
+		});
+	}
+	ngOnInit() {
+		this.filters.user_id = this.userId;
+		this.historyFilterForm.valueChanges.pipe(debounceTime(500), distinctUntilChanged(), untilDestroyed(this)).subscribe((value) => {
+			value.date_from = value.date_from ? value.date_from.toISOString() : "";
+			value.date_to = value.date_to ? value.date_to.toISOString() : "";
+			this.filterChange(value);
+		});
+		this.initializeData();
+	}
+	onTimelineChange(range) {
+		let date_from = range?.date_from ? new Date(range.date_from) : "";
+		let date_to = range?.date_to ? new Date(range.date_to) : "";
+		this.historyFilterForm.patchValue({
+			date_from,
+			date_to
+		});
+	}
+	initializeData() {
+		this.http.get(`api/user-login-history`, { params: {
+			...this.filters,
+			...this.pageEvent
+		} }).pipe(untilDestroyed(this)).subscribe((result) => {
+			this.loginHistoryList = this.loginHistoryList.concat(result.data);
+			this.pageEvent.page = result.current_page;
+			this.pageEvent.lastPage = result.last_page;
+		});
+	}
+	filterChange(event) {
+		this.filters = {
+			...this.filters,
+			...event
+		};
+		this.reload();
+	}
+	onScroll() {
+		if (this.pageEvent.lastPage > this.pageEvent.page) {
+			this.pageEvent.page += 1;
+			this.initializeData();
+		}
+	}
+	reload() {
+		this.loginHistoryList = [];
+		this.pageEvent = {
+			page: 1,
+			lastPage: 1
+		};
+		this.initializeData();
+	}
+	ngOnDestroy() {}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: LoginHistoryForUserComponent,
+			deps: [{ token: HttpService }, { token: i3.UntypedFormBuilder }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: LoginHistoryForUserComponent,
+			isStandalone: false,
+			selector: "app-login-history-for-user",
+			inputs: { userId: "userId" },
+			ngImport: i0,
+			template: "<div class=\"mat-typography m-4\">\n    <form [formGroup]=\"historyFilterForm\" class=\"d-flex justify-content-start align-items-center\">\n        <app-timeline-filter formControlName=\"duration\" (selectionChange)=\"onTimelineChange($event)\"></app-timeline-filter>\n    </form>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"loginHistoryList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"login-history-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let loginHistory; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Last Login</th>\n                    <td mat-cell *matCellDef=\"let loginHistory;\">\n                        {{loginHistory?.created_at | date:'medium' }}\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns;\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n\n    </section>\n</div>\n",
+			styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i3.ɵNgNoValidate,
+					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i7.InfiniteScrollDirective,
+					selector: "[infiniteScroll], [infinite-scroll], [data-infinite-scroll]",
+					inputs: [
+						"infiniteScrollDistance",
+						"infiniteScrollUpDistance",
+						"infiniteScrollThrottle",
+						"infiniteScrollDisabled",
+						"infiniteScrollContainer",
+						"scrollWindow",
+						"immediateCheck",
+						"horizontal",
+						"alwaysCallback",
+						"fromRoot"
+					],
+					outputs: ["scrolled", "scrolledUp"]
+				},
+				{
+					kind: "directive",
+					type: i8.MatSort,
+					selector: "[matSort]",
+					inputs: [
+						"matSortActive",
+						"matSortStart",
+						"matSortDirection",
+						"matSortDisableClear",
+						"matSortDisabled"
+					],
+					outputs: ["matSortChange"],
+					exportAs: ["matSort"]
+				},
+				{
+					kind: "component",
+					type: i8.MatSortHeader,
+					selector: "[mat-sort-header]",
+					inputs: [
+						"mat-sort-header",
+						"arrowPosition",
+						"start",
+						"disabled",
+						"sortActionDescription",
+						"disableClear"
+					],
+					exportAs: ["matSortHeader"]
+				},
+				{
+					kind: "component",
+					type: i9.MatTable,
+					selector: "mat-table, table[mat-table]",
+					exportAs: ["matTable"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCellDef,
+					selector: "[matHeaderCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderRowDef,
+					selector: "[matHeaderRowDef]",
+					inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatColumnDef,
+					selector: "[matColumnDef]",
+					inputs: ["matColumnDef"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatCellDef,
+					selector: "[matCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatRowDef,
+					selector: "[matRowDef]",
+					inputs: ["matRowDefColumns", "matRowDefWhen"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCell,
+					selector: "mat-header-cell, th[mat-header-cell]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatCell,
+					selector: "mat-cell, td[mat-cell]"
+				},
+				{
+					kind: "component",
+					type: i9.MatHeaderRow,
+					selector: "mat-header-row, tr[mat-header-row]",
+					exportAs: ["matHeaderRow"]
+				},
+				{
+					kind: "component",
+					type: i9.MatRow,
+					selector: "mat-row, tr[mat-row]",
+					exportAs: ["matRow"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				},
+				{
+					kind: "component",
+					type: TimelineFilterComponent,
+					selector: "app-timeline-filter",
+					inputs: [
+						"defaultValue",
+						"required",
+						"disabled",
+						"value",
+						"timelines",
+						"dateFrom",
+						"dateTo",
+						"appearance",
+						"showClearButton",
+						"form",
+						"labelText"
+					],
+					outputs: ["selectionChange"]
+				},
+				{
+					kind: "pipe",
+					type: i2$1.DatePipe,
+					name: "date"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+LoginHistoryForUserComponent = __decorate([UntilDestroy()], LoginHistoryForUserComponent);
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: LoginHistoryForUserComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-login-history-for-user",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<div class=\"mat-typography m-4\">\n    <form [formGroup]=\"historyFilterForm\" class=\"d-flex justify-content-start align-items-center\">\n        <app-timeline-filter formControlName=\"duration\" (selectionChange)=\"onTimelineChange($event)\"></app-timeline-filter>\n    </form>\n\n    <section>\n        <div class=\"scroll-container\" infiniteScroll [infiniteScrollDistance]=\"2\" [infiniteScrollThrottle]=\"50\"\n            (scrolled)=\"onScroll()\" [scrollWindow]=\"false\">\n            <table mat-table [dataSource]=\"loginHistoryList\" matSort class=\"w-100 mt-1\" multiTemplateDataRows\n                id=\"login-history-table\">\n\n                <!-- Index Column -->\n                <ng-container matColumnDef=\"index\">\n                    <th mat-header-cell *matHeaderCellDef> # </th>\n                    <td mat-cell *matCellDef=\"let loginHistory; let i = dataIndex\"> {{ i+1 }} </td>\n                </ng-container>\n\n                <ng-container matColumnDef=\"created_at\">\n                    <th mat-header-cell *matHeaderCellDef mat-sort-header> Last Login</th>\n                    <td mat-cell *matCellDef=\"let loginHistory;\">\n                        {{loginHistory?.created_at | date:'medium' }}\n                    </td>\n                </ng-container>\n\n                <tr mat-header-row *matHeaderRowDef=\"displayedColumns;\"></tr>\n                <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n            </table>\n        </div>\n\n    </section>\n</div>\n",
+			styles: [".scroll-container{max-height:800px;overflow-y:auto}\n"]
+		}]
+	}],
+	ctorParameters: () => [{ type: HttpService }, { type: i3.UntypedFormBuilder }],
+	propDecorators: { userId: [{ type: Input }] }
+});
+var UserTypeEnum;
+(function(UserTypeEnum) {
+	UserTypeEnum[UserTypeEnum["ADMIN"] = 1] = "ADMIN";
+	UserTypeEnum[UserTypeEnum["CLIENT_ADMIN"] = 2] = "CLIENT_ADMIN";
+	UserTypeEnum[UserTypeEnum["CLIENT_USER"] = 3] = "CLIENT_USER";
+})(UserTypeEnum || (UserTypeEnum = {}));
+var UserService = class UserService extends TechlifyService {
+	constructor(http) {
+		super(http, "users");
+	}
+	getUsers(filterModel) {
+		const params = new URLSearchParams(filterModel).toString();
+		return this.http.get(`api/users?${params}`).toPromise();
+	}
+	getUser(userId) {
+		return this.http.get(`api/users/${userId}`).toPromise();
+	}
+	createUser(model) {
+		return this.http.post("api/users", model).toPromise();
+	}
+	updateUser(model) {
+		return this.http.put(`api/users/${model.id}`, model).toPromise();
+	}
+	enable(user) {
+		return this.http.patch("api/users/" + user.id + "/enable", user).toPromise();
+	}
+	disable(user) {
+		return this.http.patch("api/users/" + user.id + "/disable", user).toPromise();
+	}
+	resetPassword(user) {
+		return this.http.post(`api/users/${user?.id}/reset-password`, {});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserService,
+			deps: [{ token: HttpService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpService }]
+});
+var UserFormComponent = class UserFormComponent extends TechlifyFormComponent {
+	constructor(dialogRef, data, http, fb, formValidatorService, userService, currentUserService, userConfigService) {
+		super(formValidatorService, userService);
+		this.dialogRef = dialogRef;
+		this.data = data;
+		this.http = http;
+		this.fb = fb;
+		this.formValidatorService = formValidatorService;
+		this.userService = userService;
+		this.currentUserService = currentUserService;
+		this.userConfigService = userConfigService;
+		this.isPasswordRequired = false;
+		this.userTypes = [{
+			title: "Admin",
+			value: 2
+		}, {
+			title: "Normal User",
+			value: 3
+		}];
+		this.roles = [];
+		this.fileList = [];
+		this.errorMessages = {
+			name: { required: "Name is required" },
+			email: {
+				required: "Email is required",
+				email: "Invalid email"
+			},
+			password: { required: "Password is required" },
+			user_type_id: { required: "User Type is required" }
+		};
+		this.config = this.userConfigService.getConfig();
+	}
+	get roleForms() {
+		return this.form.get("roles");
+	}
+	get canUpdateUserCredential() {
+		return this.currentUserService.getUser().user_type_id == UserTypeEnum.ADMIN || (this.data?.model?.user_clients || [])?.length <= 1;
+	}
+	ngOnInit() {
+		this.userTypes = this.config.userConfig.showUserTypes ? this.config.userConfig.userTypes : this.userTypes;
+		this.form = this.fb.group({
+			id: [""],
+			name: new UntypedFormControl("", Validators.compose([Validators.required])),
+			email: new UntypedFormControl("", Validators.compose([Validators.required, Validators.email])),
+			password: new UntypedFormControl(""),
+			phone: new UntypedFormControl(""),
+			user_type_id: new UntypedFormControl("", Validators.required),
+			roles: this.fb.array([]),
+			roles_exists: [[]],
+			client_id: [this.data?.client_id ?? ""],
+			signature_url: [""],
+			signature: [""],
+			is_temporary_password: [true]
+		});
+		const user = this.data?.model;
+		if (user) {
+			this.isUpdate = true;
+			this.form.patchValue(user);
+			this.form.controls.user_type_id.setValue(user.user_type_id);
+			this.form.controls.roles_exists.setValue(user.roles || []);
+		}
+		if (this.data?.client_id != null) this.form.controls.client_id.setValue(this.data.client_id);
+		if (this.config.userConfig.showRoles || this.config.userConfig.showFormRoles) this.loadRoles();
+		this.fileConfig = {
+			fileId: "subjectFile",
+			containerId: "subjectFileContainer",
+			styles: { height: "200px" },
+			multiple: false,
+			acceptFile: "*",
+			maxSize: 10,
+			acceptFileText: "PNG and JPEG only"
+		};
+		this.viewerConfig = {
+			imageStyle: {
+				height: "200px",
+				width: "400px"
+			},
+			viewerStyle: {
+				height: "200px",
+				width: "100%"
+			}
+		};
+		if (!this.canUpdateUserCredential) {
+			this.form.get("email").disable();
+			this.form.get("password").disable();
+		}
+	}
+	loadRoles() {
+		this.isWorking = true;
+		const filter = {
+			client_id: this.data?.client_id || this.data?.model?.client_id || "",
+			is_subscribed: true,
+			sort_by: "label|asc"
+		};
+		this.http.get("api/roles", { params: filter }).toPromise().then((res) => {
+			let roles = res.data;
+			for (let role of roles) role.selected = this.form.value.roles_exists.find((roleData) => roleData.id == role.id) ? true : false;
+			this.roles = roles;
+			this.isWorking = false;
+		});
+	}
+	save() {
+		const data = this.form.getRawValue();
+		let roles = [];
+		this.roles.forEach((role) => {
+			if (role.selected) roles[role.id] = role;
+		});
+		data.roles = roles;
+		super.submit(data);
+	}
+	roleSelected(event, roleId) {
+		this.roles.forEach((role) => {
+			if (role.id == roleId) role.selected = event.checked;
+		});
+	}
+	async fileChanged(event) {
+		this.fileList = event;
+		if (this.fileList.length > 0) {
+			const result = await this.uploadEntityFile(this.fileList[0]);
+			this.form.get("signature").setValue(result.item.file);
+			this.form.get("signature_url").setValue(result.item.url);
+			this.fileList = [];
+		}
+	}
+	async removeFile() {
+		if (this.form.value.signature) this.form.patchValue({
+			signature: "",
+			signature_url: ""
+		});
+	}
+	uploadEntityFile(file) {
+		const formData = new FormData();
+		formData.append("fileData", file, file.name);
+		return this.http.skipHeader().post("api/entity-files-upload", formData).toPromise();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserFormComponent,
+			deps: [
+				{ token: i1.MatDialogRef },
+				{ token: MAT_DIALOG_DATA },
+				{ token: HttpService },
+				{ token: i3.UntypedFormBuilder },
+				{ token: FormValidatorService },
+				{ token: UserService },
+				{ token: CurrentUserService },
+				{ token: UserConfigService }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: UserFormComponent,
+			isStandalone: true,
+			selector: "app-user-form",
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<form [formGroup]=\"form\" (ngSubmit)=\"save()\">\n  <div class=\"d-flex flex-column justify-content-start align-items center gap-1\" mat-dialog-content>\n    <h5 class=\"fw-bold text-center\">{{ isUpdate ? 'Edit' : 'Create ' }} User</h5>\n    <div class=\"d-flex\">\n      <div class=\"d-flex flex-column flex-fill gap-1\">\n        <mat-form-field>\n          <mat-label>Full name</mat-label>\n          <input [required]=\"!!form.get('name').validator\" autocomplete=\"off\" formControlName=\"name\" matInput\n            placeholder=\"Full Name\" type=\"text\" />\n          <mat-error *ngIf=\"isFieldValid('name') && !!form.get('name').validator\">{{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Email</mat-label>\n          <input [required]=\"!!form.get('email').validator\" formControlName=\"email\" matInput placeholder=\"Email\"\n            type=\"email\" />\n          <mat-error *ngIf=\"isFieldValid('email') && !!form.get('email').validator\">\n            {{ getErrorMessage('email') }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field *ngIf=\"this.config.userConfig.showPhone\">\n          <mat-label>Phone</mat-label>\n          <input autocomplete=\"off\" formControlName=\"phone\" matInput placeholder=\"Phone\" type=\"text\" />\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Password</mat-label>\n          <input [required]=\"isPasswordRequired && !!form.get('password').validator\" autocomplete=\"off\"\n            formControlName=\"password\" matInput placeholder=\"Password\" type=\"password\" />\n          <mat-error *ngIf=\"isFieldValid('password') && !!form.get('password').validator\">\n            {{ getErrorMessage('password') }}\n          </mat-error>\n        </mat-form-field>\n\n        <div class=\"d-flex flex-column justify-content-start gap-1\">\n          <mat-checkbox formControlName=\"is_temporary_password\">Is Temporary Password?</mat-checkbox>\n          <small class=\"text-secondary\">Should this user to update password on first login?</small>\n        </div>\n\n        <div *ngIf=\"this.config.userConfig.showSignature\">\n          <ng-template #fileUpload>\n            <section class=\"col-12\">\n              <div>User Signature</div>\n              <app-file-dropper (fileChanged)=\"fileChanged($event)\" [config]=\"fileConfig\" [fileArray]=\"fileList\">\n              </app-file-dropper>\n            </section>\n          </ng-template>\n          <div *ngIf=\"form.get('signature').value;else fileUpload;\" class=\"col-12\">\n            <app-document-viewer (remove)=\"removeFile()\" [config]=\"this.viewerConfig\"\n              [fileUrl]=\"form.get('signature_url').value\" [file]=\"form.get('signature').value\">\n            </app-document-viewer>\n          </div>\n        </div>\n        <mat-form-field *ngIf=\"this.config.userConfig.showUserTypes\" class=\"mt-3\">\n          <mat-label>User Type</mat-label>\n          <mat-select autocomplete=\"off\" formControlName=\"user_type_id\" required>\n            <mat-option *ngFor=\"let userType of userTypes\" [value]=\"userType.value\">\n              {{ userType.title }}\n            </mat-option>\n          </mat-select>\n          <mat-error *ngIf=\"isFieldValid('user_type_id')\">{{ getErrorMessage('user_type_id') }}</mat-error>\n        </mat-form-field>\n      </div>\n\n      <div\n        *ngIf=\"(this.config.userConfig.showRoles || this.config.userConfig.showFormRoles) && this.form.get('user_type_id').value == 3\"\n        class=\"flex-fill ml-4\">\n        <p class=\"mb-0 fw-bold\">\n          Roles\n        </p>\n        <div *ngFor=\"let role of roles\" class=\"d-flex flex-column\">\n          <mat-checkbox (change)=\"roleSelected($event, role.id)\" [checked]=\"role.selected\">\n            {{ role.label }}\n          </mat-checkbox>\n        </div>\n      </div>\n\n    </div>\n    <div class=\"d-flex justify-content-end align-items-center gap-3\">\n      <button [disabled]=\"isWorking\" color=\"primary\" mat-raised-button type=\"submit\">\n        Save\n      </button>\n      <button (click)=\"closeDialog()\" [disabled]=\"isWorking\" mat-flat-button type=\"button\">\n        Cancel\n      </button>\n    </div>\n  </div>\n</form>",
+			dependencies: [
+				{
+					kind: "ngmodule",
+					type: SharedModule
+				},
+				{
+					kind: "directive",
+					type: i2$1.NgForOf,
+					selector: "[ngFor][ngForOf]",
+					inputs: [
+						"ngForOf",
+						"ngForTrackBy",
+						"ngForTemplate"
+					]
+				},
+				{
+					kind: "directive",
+					type: i2$1.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: DocumentViewerComponent,
+					selector: "app-document-viewer",
+					inputs: [
+						"config",
+						"file",
+						"fileUrl",
+						"disableEdit"
+					],
+					outputs: ["remove"]
+				},
+				{
+					kind: "component",
+					type: FileDropperComponent,
+					selector: "app-file-dropper",
+					inputs: [
+						"fileArray",
+						"config",
+						"styles"
+					],
+					outputs: ["fileChanged"]
+				},
+				{
+					kind: "directive",
+					type: i3.ɵNgNoValidate,
+					selector: "form:not([ngNoForm]):not([ngNativeValidate])"
+				},
+				{
+					kind: "directive",
+					type: i3.DefaultValueAccessor,
+					selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i3.NgControlStatusGroup,
+					selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]"
+				},
+				{
+					kind: "directive",
+					type: i3.RequiredValidator,
+					selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]",
+					inputs: ["required"]
+				},
+				{
+					kind: "component",
+					type: i4.MatOption,
+					selector: "mat-option",
+					inputs: [
+						"value",
+						"id",
+						"disabled"
+					],
+					outputs: ["onSelectionChange"],
+					exportAs: ["matOption"]
+				},
+				{
+					kind: "component",
+					type: i5.MatButton,
+					selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+					inputs: ["matButton"],
+					exportAs: ["matButton", "matAnchor"]
+				},
+				{
+					kind: "component",
+					type: i13.MatCheckbox,
+					selector: "mat-checkbox",
+					inputs: [
+						"aria-label",
+						"aria-labelledby",
+						"aria-describedby",
+						"aria-expanded",
+						"aria-controls",
+						"aria-owns",
+						"id",
+						"required",
+						"labelPosition",
+						"name",
+						"value",
+						"disableRipple",
+						"tabIndex",
+						"color",
+						"disabledInteractive",
+						"checked",
+						"disabled",
+						"indeterminate"
+					],
+					outputs: ["change", "indeterminateChange"],
+					exportAs: ["matCheckbox"]
+				},
+				{
+					kind: "directive",
+					type: i1.MatDialogContent,
+					selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]"
+				},
+				{
+					kind: "component",
+					type: i6.MatFormField,
+					selector: "mat-form-field",
+					inputs: [
+						"hideRequiredMarker",
+						"color",
+						"floatLabel",
+						"appearance",
+						"subscriptSizing",
+						"hintLabel"
+					],
+					exportAs: ["matFormField"]
+				},
+				{
+					kind: "directive",
+					type: i6.MatLabel,
+					selector: "mat-label"
+				},
+				{
+					kind: "directive",
+					type: i6.MatError,
+					selector: "mat-error, [matError]",
+					inputs: ["id"]
+				},
+				{
+					kind: "directive",
+					type: i8$1.MatInput,
+					selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]",
+					inputs: [
+						"disabled",
+						"id",
+						"placeholder",
+						"name",
+						"required",
+						"type",
+						"errorStateMatcher",
+						"aria-describedby",
+						"value",
+						"readonly",
+						"disabledInteractive"
+					],
+					exportAs: ["matInput"]
+				},
+				{
+					kind: "component",
+					type: i9$1.MatSelect,
+					selector: "mat-select",
+					inputs: [
+						"aria-describedby",
+						"panelClass",
+						"disabled",
+						"disableRipple",
+						"tabIndex",
+						"hideSingleSelectionIndicator",
+						"placeholder",
+						"required",
+						"multiple",
+						"disableOptionCentering",
+						"compareWith",
+						"value",
+						"aria-label",
+						"aria-labelledby",
+						"errorStateMatcher",
+						"typeaheadDebounceInterval",
+						"sortComparator",
+						"id",
+						"panelWidth",
+						"canSelectNullableOptions"
+					],
+					outputs: [
+						"openedChange",
+						"opened",
+						"closed",
+						"selectionChange",
+						"valueChange"
+					],
+					exportAs: ["matSelect"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormGroupDirective,
+					selector: "[formGroup]",
+					inputs: ["formGroup"],
+					outputs: ["ngSubmit"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "directive",
+					type: i3.FormControlName,
+					selector: "[formControlName]",
+					inputs: [
+						"formControlName",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"]
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserFormComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-user-form",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.Eager,
+			imports: [SharedModule],
+			template: "<form [formGroup]=\"form\" (ngSubmit)=\"save()\">\n  <div class=\"d-flex flex-column justify-content-start align-items center gap-1\" mat-dialog-content>\n    <h5 class=\"fw-bold text-center\">{{ isUpdate ? 'Edit' : 'Create ' }} User</h5>\n    <div class=\"d-flex\">\n      <div class=\"d-flex flex-column flex-fill gap-1\">\n        <mat-form-field>\n          <mat-label>Full name</mat-label>\n          <input [required]=\"!!form.get('name').validator\" autocomplete=\"off\" formControlName=\"name\" matInput\n            placeholder=\"Full Name\" type=\"text\" />\n          <mat-error *ngIf=\"isFieldValid('name') && !!form.get('name').validator\">{{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Email</mat-label>\n          <input [required]=\"!!form.get('email').validator\" formControlName=\"email\" matInput placeholder=\"Email\"\n            type=\"email\" />\n          <mat-error *ngIf=\"isFieldValid('email') && !!form.get('email').validator\">\n            {{ getErrorMessage('email') }}\n          </mat-error>\n        </mat-form-field>\n        <mat-form-field *ngIf=\"this.config.userConfig.showPhone\">\n          <mat-label>Phone</mat-label>\n          <input autocomplete=\"off\" formControlName=\"phone\" matInput placeholder=\"Phone\" type=\"text\" />\n        </mat-form-field>\n        <mat-form-field>\n          <mat-label>Password</mat-label>\n          <input [required]=\"isPasswordRequired && !!form.get('password').validator\" autocomplete=\"off\"\n            formControlName=\"password\" matInput placeholder=\"Password\" type=\"password\" />\n          <mat-error *ngIf=\"isFieldValid('password') && !!form.get('password').validator\">\n            {{ getErrorMessage('password') }}\n          </mat-error>\n        </mat-form-field>\n\n        <div class=\"d-flex flex-column justify-content-start gap-1\">\n          <mat-checkbox formControlName=\"is_temporary_password\">Is Temporary Password?</mat-checkbox>\n          <small class=\"text-secondary\">Should this user to update password on first login?</small>\n        </div>\n\n        <div *ngIf=\"this.config.userConfig.showSignature\">\n          <ng-template #fileUpload>\n            <section class=\"col-12\">\n              <div>User Signature</div>\n              <app-file-dropper (fileChanged)=\"fileChanged($event)\" [config]=\"fileConfig\" [fileArray]=\"fileList\">\n              </app-file-dropper>\n            </section>\n          </ng-template>\n          <div *ngIf=\"form.get('signature').value;else fileUpload;\" class=\"col-12\">\n            <app-document-viewer (remove)=\"removeFile()\" [config]=\"this.viewerConfig\"\n              [fileUrl]=\"form.get('signature_url').value\" [file]=\"form.get('signature').value\">\n            </app-document-viewer>\n          </div>\n        </div>\n        <mat-form-field *ngIf=\"this.config.userConfig.showUserTypes\" class=\"mt-3\">\n          <mat-label>User Type</mat-label>\n          <mat-select autocomplete=\"off\" formControlName=\"user_type_id\" required>\n            <mat-option *ngFor=\"let userType of userTypes\" [value]=\"userType.value\">\n              {{ userType.title }}\n            </mat-option>\n          </mat-select>\n          <mat-error *ngIf=\"isFieldValid('user_type_id')\">{{ getErrorMessage('user_type_id') }}</mat-error>\n        </mat-form-field>\n      </div>\n\n      <div\n        *ngIf=\"(this.config.userConfig.showRoles || this.config.userConfig.showFormRoles) && this.form.get('user_type_id').value == 3\"\n        class=\"flex-fill ml-4\">\n        <p class=\"mb-0 fw-bold\">\n          Roles\n        </p>\n        <div *ngFor=\"let role of roles\" class=\"d-flex flex-column\">\n          <mat-checkbox (change)=\"roleSelected($event, role.id)\" [checked]=\"role.selected\">\n            {{ role.label }}\n          </mat-checkbox>\n        </div>\n      </div>\n\n    </div>\n    <div class=\"d-flex justify-content-end align-items-center gap-3\">\n      <button [disabled]=\"isWorking\" color=\"primary\" mat-raised-button type=\"submit\">\n        Save\n      </button>\n      <button (click)=\"closeDialog()\" [disabled]=\"isWorking\" mat-flat-button type=\"button\">\n        Cancel\n      </button>\n    </div>\n  </div>\n</form>"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: i1.MatDialogRef },
+		{
+			type: void 0,
+			decorators: [{
+				type: Inject,
+				args: [MAT_DIALOG_DATA]
+			}]
+		},
+		{ type: HttpService },
+		{ type: i3.UntypedFormBuilder },
+		{ type: FormValidatorService },
+		{ type: UserService },
+		{ type: CurrentUserService },
+		{ type: UserConfigService }
+	]
+});
+var UserTenantService = class UserTenantService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "user-tenants");
+	}
+	enable(userTenant, params) {
+		return this.http.put(`api/user-tenants/${userTenant?.id}/enable`, { params });
+	}
+	disable(userTenant, params) {
+		return this.http.put(`api/user-tenants/${userTenant?.id}/disable`, { params });
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserTenantService,
+			deps: [{ token: HttpService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserTenantService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserTenantService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpService }]
+});
+var UserClientEnableDisableButtonComponent = class UserClientEnableDisableButtonComponent {
+	constructor(credentialsService, currentUserService, service, alertService) {
+		this.credentialsService = credentialsService;
+		this.currentUserService = currentUserService;
+		this.service = service;
+		this.alertService = alertService;
+		this.saved = new EventEmitter();
+		this.isWorking = false;
+		this.user = this.credentialsService.credentials.user;
+	}
+	ngOnInit() {}
+	enable() {
+		this.isWorking = true;
+		this.service.enable(this.userClient).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.saved.emit(response?.item);
+				this.alertService.addAlert("User enabled for the client.", "success");
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	disable() {
+		this.isWorking = true;
+		this.service.disable(this.userClient).subscribe({
+			next: (response) => {
+				this.isWorking = false;
+				this.saved.emit(response?.item);
+				this.alertService.addAlert("User disabled for the client.", "success");
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientEnableDisableButtonComponent,
+			deps: [
+				{ token: CredentialsService },
+				{ token: CurrentUserService },
+				{ token: UserTenantService },
+				{ token: AlertService }
+			],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: UserClientEnableDisableButtonComponent,
+			isStandalone: false,
+			selector: "app-user-client-enable-disable-button",
+			inputs: { userClient: "userClient" },
+			outputs: { saved: "saved" },
+			ngImport: i0,
+			template: "<button\n  type=\"button\"\n  mat-stroked-button color=\"warn\"\n  *ngIf=\"userClient?.is_enabled && userClient?.user_id != user?.id\"\n  [disabled]=\"isWorking\"\n  (click)=\"disable()\"\n>\n  Disable\n</button>\n<button\n  mat-raised-button color=\"primary\"\n  *ngIf=\"!userClient?.is_enabled && userClient?.user_id != user?.id\"\n  [disabled]=\"isWorking\"\n  type=\"button\"\n  (click)=\"enable()\"\n>\n  Enable\n</button>\n",
+			styles: [""],
+			dependencies: [{
+				kind: "directive",
+				type: i2$1.NgIf,
+				selector: "[ngIf]",
+				inputs: [
+					"ngIf",
+					"ngIfThen",
+					"ngIfElse"
+				]
+			}, {
+				kind: "component",
+				type: i5.MatButton,
+				selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ",
+				inputs: ["matButton"],
+				exportAs: ["matButton", "matAnchor"]
+			}],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserClientEnableDisableButtonComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-user-client-enable-disable-button",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<button\n  type=\"button\"\n  mat-stroked-button color=\"warn\"\n  *ngIf=\"userClient?.is_enabled && userClient?.user_id != user?.id\"\n  [disabled]=\"isWorking\"\n  (click)=\"disable()\"\n>\n  Disable\n</button>\n<button\n  mat-raised-button color=\"primary\"\n  *ngIf=\"!userClient?.is_enabled && userClient?.user_id != user?.id\"\n  [disabled]=\"isWorking\"\n  type=\"button\"\n  (click)=\"enable()\"\n>\n  Enable\n</button>\n"
+		}]
+	}],
+	ctorParameters: () => [
+		{ type: CredentialsService },
+		{ type: CurrentUserService },
+		{ type: UserTenantService },
+		{ type: AlertService }
+	],
+	propDecorators: {
+		userClient: [{ type: Input }],
+		saved: [{ type: Output }]
+	}
+});
+var UserClientsListComponent = class UserClientsListComponent extends TechlifyListComponent {
+	constructor(service) {
+		super();
+		this.service = service;
+		this.displayedColumns = [
+			"#",
+			"Name",
+			"Added On",
+			"Status",
+			"Action"
+		];
+	}
+	ngOnInit() {
+		this.loadData();
+	}
+	loadData() {
+		if (!this.user) return;
+		this.isWorking = true;
+		const params = { user_ids: this.user?.id };
+		this.service.index(params).subscribe({
+			next: (response) => {
+				this.models = this.models.concat(response?.data);
+				this.isWorking = false;
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientsListComponent,
+			deps: [{ token: UserTenantService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: UserClientsListComponent,
+			isStandalone: false,
+			selector: "app-user-clients-list",
+			inputs: { user: "user" },
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<mat-card>\n  <mat-card-content>\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"#\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <!-- Name Column -->\n      <ng-container matColumnDef=\"Name\">\n        <th mat-header-cell *matHeaderCellDef> Name </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.client?.name }}\n        </td>\n      </ng-container>\n\n      <!-- Added On Column -->\n      <ng-container matColumnDef=\"Added On\">\n        <th mat-header-cell *matHeaderCellDef> Added On </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.created_at | date }}\n        </td>\n      </ng-container>\n\n      <!-- Status Column -->\n      <ng-container matColumnDef=\"Status\">\n        <th mat-header-cell *matHeaderCellDef> Status </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.is_enabled ? 'Enabled' : 'Disabled' }}\n        </td>\n      </ng-container>\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"Action\">\n        <th mat-header-cell *matHeaderCellDef> Action </th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-user-client-enable-disable-button\n            [userClient]=\"element\"\n            (saved)=\"reload()\"\n          ></app-user-client-enable-disable-button>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n\n  </mat-card-content>\n</mat-card>\n",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2$1.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: i9.MatTable,
+					selector: "mat-table, table[mat-table]",
+					exportAs: ["matTable"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCellDef,
+					selector: "[matHeaderCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderRowDef,
+					selector: "[matHeaderRowDef]",
+					inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatColumnDef,
+					selector: "[matColumnDef]",
+					inputs: ["matColumnDef"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatCellDef,
+					selector: "[matCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatRowDef,
+					selector: "[matRowDef]",
+					inputs: ["matRowDefColumns", "matRowDefWhen"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCell,
+					selector: "mat-header-cell, th[mat-header-cell]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatCell,
+					selector: "mat-cell, td[mat-cell]"
+				},
+				{
+					kind: "component",
+					type: i9.MatHeaderRow,
+					selector: "mat-header-row, tr[mat-header-row]",
+					exportAs: ["matHeaderRow"]
+				},
+				{
+					kind: "component",
+					type: i9.MatRow,
+					selector: "mat-row, tr[mat-row]",
+					exportAs: ["matRow"]
+				},
+				{
+					kind: "component",
+					type: i10.MatCard,
+					selector: "mat-card",
+					inputs: ["appearance"],
+					exportAs: ["matCard"]
+				},
+				{
+					kind: "directive",
+					type: i10.MatCardContent,
+					selector: "mat-card-content"
+				},
+				{
+					kind: "component",
+					type: i12.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				},
+				{
+					kind: "component",
+					type: UserClientEnableDisableButtonComponent,
+					selector: "app-user-client-enable-disable-button",
+					inputs: ["userClient"],
+					outputs: ["saved"]
+				},
+				{
+					kind: "pipe",
+					type: i2$1.DatePipe,
+					name: "date"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserClientsListComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-user-clients-list",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card>\n  <mat-card-content>\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"#\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <!-- Name Column -->\n      <ng-container matColumnDef=\"Name\">\n        <th mat-header-cell *matHeaderCellDef> Name </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.client?.name }}\n        </td>\n      </ng-container>\n\n      <!-- Added On Column -->\n      <ng-container matColumnDef=\"Added On\">\n        <th mat-header-cell *matHeaderCellDef> Added On </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.created_at | date }}\n        </td>\n      </ng-container>\n\n      <!-- Status Column -->\n      <ng-container matColumnDef=\"Status\">\n        <th mat-header-cell *matHeaderCellDef> Status </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.is_enabled ? 'Enabled' : 'Disabled' }}\n        </td>\n      </ng-container>\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"Action\">\n        <th mat-header-cell *matHeaderCellDef> Action </th>\n        <td mat-cell *matCellDef=\"let element\">\n          <app-user-client-enable-disable-button\n            [userClient]=\"element\"\n            (saved)=\"reload()\"\n          ></app-user-client-enable-disable-button>\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n\n  </mat-card-content>\n</mat-card>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: UserTenantService }],
+	propDecorators: { user: [{ type: Input }] }
+});
+var UserSessionService = class UserSessionService extends TechlifyService {
+	constructor(httpService) {
+		super(httpService, "user-sessions");
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionService,
+			deps: [{ token: HttpService }],
+			target: i0.ɵɵFactoryTarget.Injectable
+		});
+	}
+	static {
+		this.ɵprov = i0.ɵɵngDeclareInjectable({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionService,
+			providedIn: "root"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserSessionService,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}],
+	ctorParameters: () => [{ type: HttpService }]
+});
+var UserSessionsComponent = class UserSessionsComponent extends TechlifyListComponent {
+	constructor(service) {
+		super();
+		this.service = service;
+		this.displayedColumns = [
+			"#",
+			"Started On",
+			"Expires At"
+		];
+	}
+	ngOnInit() {
+		this.loadData();
+	}
+	loadData() {
+		if (!this.user) return;
+		this.isWorking = true;
+		const params = { user_ids: this.user?.id };
+		this.service.index(params).subscribe({
+			next: (response) => {
+				this.models = this.models.concat(response?.data);
+				this.isWorking = false;
+			},
+			error: () => this.isWorking = false
+		});
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionsComponent,
+			deps: [{ token: UserSessionService }],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			type: UserSessionsComponent,
+			isStandalone: false,
+			selector: "app-user-sessions",
+			inputs: { user: "user" },
+			usesInheritance: true,
+			ngImport: i0,
+			template: "<mat-card>\n  <mat-card-content>\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"#\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <!-- Started On Column -->\n      <ng-container matColumnDef=\"Started On\">\n        <th mat-header-cell *matHeaderCellDef> Started On </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.created_at | date:'medium' }}\n        </td>\n      </ng-container>\n\n      <!-- Expires At Column -->\n      <ng-container matColumnDef=\"Expires At\">\n        <th mat-header-cell *matHeaderCellDef> Expires At </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.expires_at | date:'medium' }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n\n  </mat-card-content>\n</mat-card>\n",
+			styles: [""],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i2$1.NgIf,
+					selector: "[ngIf]",
+					inputs: [
+						"ngIf",
+						"ngIfThen",
+						"ngIfElse"
+					]
+				},
+				{
+					kind: "component",
+					type: i9.MatTable,
+					selector: "mat-table, table[mat-table]",
+					exportAs: ["matTable"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCellDef,
+					selector: "[matHeaderCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderRowDef,
+					selector: "[matHeaderRowDef]",
+					inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatColumnDef,
+					selector: "[matColumnDef]",
+					inputs: ["matColumnDef"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatCellDef,
+					selector: "[matCellDef]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatRowDef,
+					selector: "[matRowDef]",
+					inputs: ["matRowDefColumns", "matRowDefWhen"]
+				},
+				{
+					kind: "directive",
+					type: i9.MatHeaderCell,
+					selector: "mat-header-cell, th[mat-header-cell]"
+				},
+				{
+					kind: "directive",
+					type: i9.MatCell,
+					selector: "mat-cell, td[mat-cell]"
+				},
+				{
+					kind: "component",
+					type: i9.MatHeaderRow,
+					selector: "mat-header-row, tr[mat-header-row]",
+					exportAs: ["matHeaderRow"]
+				},
+				{
+					kind: "component",
+					type: i9.MatRow,
+					selector: "mat-row, tr[mat-row]",
+					exportAs: ["matRow"]
+				},
+				{
+					kind: "component",
+					type: i10.MatCard,
+					selector: "mat-card",
+					inputs: ["appearance"],
+					exportAs: ["matCard"]
+				},
+				{
+					kind: "directive",
+					type: i10.MatCardContent,
+					selector: "mat-card-content"
+				},
+				{
+					kind: "component",
+					type: i12.MatProgressBar,
+					selector: "mat-progress-bar",
+					inputs: [
+						"color",
+						"value",
+						"bufferValue",
+						"mode"
+					],
+					outputs: ["animationEnd"],
+					exportAs: ["matProgressBar"]
+				},
+				{
+					kind: "pipe",
+					type: i2$1.DatePipe,
+					name: "date"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.Eager
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserSessionsComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "app-user-sessions",
+			changeDetection: ChangeDetectionStrategy.Eager,
+			standalone: false,
+			template: "<mat-card>\n  <mat-card-content>\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\n\n      <!-- # Column -->\n      <ng-container matColumnDef=\"#\">\n        <th mat-header-cell *matHeaderCellDef> # </th>\n        <td mat-cell *matCellDef=\"let element; let i = index\"> {{ i + 1 }} </td>\n      </ng-container>\n\n      <!-- Started On Column -->\n      <ng-container matColumnDef=\"Started On\">\n        <th mat-header-cell *matHeaderCellDef> Started On </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.created_at | date:'medium' }}\n        </td>\n      </ng-container>\n\n      <!-- Expires At Column -->\n      <ng-container matColumnDef=\"Expires At\">\n        <th mat-header-cell *matHeaderCellDef> Expires At </th>\n        <td mat-cell *matCellDef=\"let element\">\n          {{ element?.expires_at | date:'medium' }}\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\n    </table>\n\n    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n\n  </mat-card-content>\n</mat-card>\n"
+		}]
+	}],
+	ctorParameters: () => [{ type: UserSessionService }],
+	propDecorators: { user: [{ type: Input }] }
+});
+var UserClientEnableDisableButtonModule = class UserClientEnableDisableButtonModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientEnableDisableButtonModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientEnableDisableButtonModule,
+			declarations: [UserClientEnableDisableButtonComponent],
+			imports: [SharedModule],
+			exports: [UserClientEnableDisableButtonComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientEnableDisableButtonModule,
+			imports: [SharedModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserClientEnableDisableButtonModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [UserClientEnableDisableButtonComponent],
+			imports: [SharedModule],
+			exports: [UserClientEnableDisableButtonComponent]
+		}]
+	}]
+});
+var UserClientsListModule = class UserClientsListModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientsListModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientsListModule,
+			declarations: [UserClientsListComponent],
+			imports: [SharedModule, UserClientEnableDisableButtonModule],
+			exports: [UserClientsListComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserClientsListModule,
+			imports: [SharedModule, UserClientEnableDisableButtonModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserClientsListModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [UserClientsListComponent],
+			imports: [SharedModule, UserClientEnableDisableButtonModule],
+			exports: [UserClientsListComponent]
+		}]
+	}]
+});
+var UserSessionsModule = class UserSessionsModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionsModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionsModule,
+			declarations: [UserSessionsComponent],
+			imports: [SharedModule],
+			exports: [UserSessionsComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.3",
+			ngImport: i0,
+			type: UserSessionsModule,
+			imports: [SharedModule]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: UserSessionsModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [UserSessionsComponent],
+			imports: [SharedModule],
+			exports: [UserSessionsComponent]
+		}]
+	}]
+});
+export { UserClientsListComponent as a, UserFormComponent as c, LoginHistoryForUserComponent as d, AuditLogListComponent as f, UserSessionsComponent as i, UserService as l, AuditLogService as m, UserClientsListModule as n, UserClientEnableDisableButtonComponent as o, AuditLogListFilterComponent as p, UserClientEnableDisableButtonModule as r, UserTenantService as s, UserSessionsModule as t, UserTypeEnum as u };
+
+//# sourceMappingURL=ngx-techlify-core-user-sessions.module-BRmDpYG3.mjs.map