ngx-techlify-core 18.18.0 → 18.19.0

package/fesm2022/ngx-techlify-core.mjs

@@ -6,13 +6,13 @@ import * as i7 from '@angular/flex-layout/flex';
 import * as i6 from '@angular/material/button';
 import { MatButtonModule, MatButton } from '@angular/material/button';
 import { __decorate } from 'tslib';
-import { debounceTime, catchError, switchMap, map, distinctUntilChanged, startWith, finalize, filter } from 'rxjs/operators';
+import { debounceTime, catchError, switchMap, map as map$1, distinctUntilChanged, startWith, finalize, filter } from 'rxjs/operators';
 import { untilDestroyed, UntilDestroy } from '@ngneat/until-destroy';
 import * as i9 from '@angular/material/sort';
 import { MatSort, MatSortModule } from '@angular/material/sort';
 import * as i2 from '@angular/flex-layout/extended';
 import * as i2$1 from '@angular/common';
-import { CommonModule, DatePipe, NgIf } from '@angular/common';
+import { CommonModule, DatePipe, NgIf, NgTemplateOutlet } from '@angular/common';
 import * as i14 from 'ngx-infinite-scroll';
 import { InfiniteScrollModule } from 'ngx-infinite-scroll';
 import * as i8 from '@angular/material/checkbox';
@@ -31,7 +31,7 @@ import * as i1$4 from '@angular/forms';
 import { UntypedFormControl, Validators, ReactiveFormsModule, FormsModule, NG_VALUE_ACCESSOR, FormControl } from '@angular/forms';
 import * as i1$2 from '@angular/common/http';
 import { HttpErrorResponse, HttpResponse, HttpClient, provideHttpClient, withInterceptorsFromDi } from '@angular/common/http';
-import { throwError, Observable, Subject, of, BehaviorSubject, map as map$1, Subscription, from, finalize as finalize$1, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1 } from 'rxjs';
+import { throwError, Observable, Subject, BehaviorSubject, of, map, Subscription, from, finalize as finalize$1, debounceTime as debounceTime$1, distinctUntilChanged as distinctUntilChanged$1, startWith as startWith$1 } from 'rxjs';
 import * as i1$1 from '@angular/material/snack-bar';
 import { MAT_SNACK_BAR_DATA, MatSnackBarModule } from '@angular/material/snack-bar';
 import * as i9$1 from '@angular/material/form-field';
@@ -65,6 +65,7 @@ import * as i11 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import * as i2$2 from '@angular/platform-browser';
 import * as XLSX from 'xlsx';
+import { FlexLayoutModule, FlexModule } from '@angular/flex-layout';
 import * as i12 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i5$2 from '@angular/material/divider';
@@ -74,7 +75,6 @@ import { MatListModule, MatSelectionList, MatListOption } from '@angular/materia
 import { MatSidenavModule } from '@angular/material/sidenav';
 import * as i8$6 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import { FlexLayoutModule, FlexModule } from '@angular/flex-layout';
 import * as i14$1 from 'ngx-editor';
 import { Editor, NgxEditorModule } from 'ngx-editor';
 import * as jsondiffpatch from 'jsondiffpatch';
@@ -586,11 +586,11 @@ class DocumentViewerComponent {
         return file.split('.').pop();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocumentViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DocumentViewerComponent, selector: "app-document-viewer", inputs: { config: "config", file: "file", fileUrl: "fileUrl", disableEdit: "disableEdit" }, outputs: { remove: "remove" }, ngImport: i0, template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>", styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i3.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardImage, selector: "[mat-card-image], [matCardImage]" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DocumentViewerComponent, selector: "app-document-viewer", inputs: { config: "config", file: "file", fileUrl: "fileUrl", disableEdit: "disableEdit" }, outputs: { remove: "remove" }, ngImport: i0, template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" style=\"object-fit: contain;\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>", styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"], dependencies: [{ kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultStyleDirective, selector: "  [ngStyle],  [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl],  [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl],  [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }, { kind: "component", type: i3.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { kind: "component", type: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i4.MatCardImage, selector: "[mat-card-image], [matCardImage]" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DocumentViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'app-document-viewer', template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>", styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"] }]
+            args: [{ selector: 'app-document-viewer', template: "<mat-card *ngIf=\"viewerType === 'image'\">\n    <img [ngStyle]=\"config.imageStyle\" mat-card-image [src]=\"fileUrl\" style=\"object-fit: contain;\" />\n    <mat-card-actions>\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit && !config.hideRemove\">\n            Remove\n        </button>\n    </mat-card-actions>\n</mat-card>\n\n<div class=\"mat-elevation-z1 p-4\" *ngIf=\"viewerType !== 'image'\">\n    <a [href]=\"fileUrl\" target=\"_blank\">{{fileName}}</a>\n    <ngx-doc-viewer [ngStyle]=\"config.viewerStyle\" *ngIf=\"viewerType !== null\" [url]=\"fileUrl\" [viewer]=\"viewerType\">\n    </ngx-doc-viewer>\n    <div class=\"mt-2\" *ngIf=\"!config.hideRemove\">\n        <button type=\"button\" mat-raised-button (click)=\"removeFile()\" *ngIf=\"!disableEdit\">\n            Remove\n        </button>\n    </div>\n</div>", styles: [".image-fit{height:100%;width:100%;object-fit:cover}\n"] }]
         }], ctorParameters: () => [], propDecorators: { config: [{
                 type: Input
             }], file: [{
@@ -1943,6 +1943,187 @@ class User {
     }
 }
 
+/**
+ * Service used to manage Local Storage
+ *
+ * @author Joshua Kissoon
+ * @since 20190623
+ */
+class StorageService {
+    constructor() {
+        this.storageSub = new Subject();
+    }
+    watch() {
+        return this.storageSub.asObservable();
+    }
+    setItem(key, data) {
+        localStorage.setItem(key, data);
+        this.storageSub.next({ key: key, value: data });
+    }
+    getItem(key) {
+        return localStorage.getItem(key);
+    }
+    removeItem(key) {
+        const data = this.getItem(key);
+        localStorage.removeItem(key);
+        this.storageSub.next({ key: key, value: data });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Service that manages information about the current user
+ *
+ * @author Joshua Kissoon
+ * @since 20170817
+ */
+class CurrentUserService {
+    constructor(http, storage) {
+        this.http = http;
+        this.storage = storage;
+        /**Deprecated stop using for new projects */
+        this.userSub = new Subject();
+        // Track the auth status of the user.
+        this.isLoggedIn = new BehaviorSubject(false);
+    }
+    /**
+     * Get the login status of the user.
+     */
+    getAuthStatus() {
+        return this.isLoggedIn.asObservable();
+    }
+    /**
+     * Update the login status of the user.
+     *
+     * @param val The next value of the isLoggedIn.
+     */
+    updateAuthStatus(val) {
+        this.isLoggedIn.next(val);
+    }
+    /**
+     * Returns an user if present, otherwise a empty user
+     * @returns {User} user
+     */
+    getUser() {
+        if (this.user) {
+            return this.user;
+        }
+        this.user = new User();
+        const userFromStorage = JSON.parse(this.storage.getItem('currentUser'));
+        if (userFromStorage) {
+            this.user.loadFromMap(userFromStorage);
+        }
+        return this.user;
+    }
+    /**
+     * @deprecated Don't use for new projects, use getUserObservable() instead
+     * @returns {Observable<User>} Observable of user once changed.
+     */
+    watch() {
+        return this.userSub.asObservable();
+    }
+    /**
+     * Loads the current logged in user
+     * @deprecated use getUserObservable() instead
+     * @param reload whether to fetch new data from server
+     * @returns {Promise<User>} promise of user
+     */
+    getCurrentUser(reload = false) {
+        let promise;
+        if (undefined !== this.data && !reload) {
+            promise = new Promise((resolve, reject) => {
+                resolve(this.data);
+            });
+            return promise;
+        }
+        promise = this.http.get('api/user/current').toPromise();
+        promise.then(res => {
+            this.user = new User();
+            this.data = res;
+            this.user.loadFromMap(res.user);
+            this.storage.setItem('currentUser', JSON.stringify(res.user));
+            this.userSub.next(this.user);
+        });
+        return promise;
+    }
+    /**
+     * Used to update the current user data
+     * @param {any} userData data that needs to be updated to current user
+     */
+    updateCurrentUser(userData) {
+        this.user = new User();
+        this.data = userData;
+        this.user.loadFromMap(userData);
+        this.storage.setItem('currentUser', JSON.stringify(userData));
+        this.userSub.next(this.user);
+    }
+    /**
+     * @param {number} id Id of role
+     * @returns {boolean} true if role is present
+     */
+    hasRole(id) {
+        if (this.user.roles == null) {
+            return false;
+        }
+        return (this.user.roles || []).some(role => role.id == id);
+    }
+    /**
+    * @param {number} id Id of permission
+    * @returns {boolean} true if permission is present
+    */
+    hasPermission(slug) {
+        if (!this.user) {
+            return false;
+        }
+        if (this.user.user_type_id == 1) {
+            return true;
+        }
+        else {
+            if (this.user.permissions == null) {
+                return false;
+            }
+            return (this.user.permissions || []).some(permission => permission.slug == slug);
+        }
+    }
+    /**
+     * Returns the observable of user
+     * @param {boolean} reload - whether to reload the entire user again
+     * @returns {Observable<User>} Observable of user.
+     */
+    getUserObservable(reload = false) {
+        if (this.user && !reload) {
+            return of(this.user);
+        }
+        return this.http.get('api/user/current')
+            .pipe(map((res) => {
+            this.user = new User();
+            this.data = res;
+            this.user.loadFromMap(res.user);
+            this.storage.setItem('currentUser', JSON.stringify(res.user));
+            return this.user;
+        }));
+    }
+    /**
+     * @returns {any} Returns the raw user data
+     */
+    getUserData() {
+        return this.data;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, deps: [{ token: HttpService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: HttpService }, { type: StorageService }] });
+
 class SnackModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SnackModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: SnackModule, declarations: [SuccessSnackComponent,
@@ -2031,7 +2212,7 @@ class AuthenticationService {
             // Update the auth status of the user.
             this.currentUserService.updateAuthStatus(true);
             return this.http.get('api/user/current')
-                .pipe(map((res) => {
+                .pipe(map$1((res) => {
                 data.user = res?.user;
                 this.credentialsService.setCredentials(data, context.remember);
                 return data;
@@ -2043,7 +2224,7 @@ class AuthenticationService {
      * @return True if the user was logged out successfully.
      */
     logout() {
-        return this.http.post('api/user/logout', {}).pipe(map(() => {
+        return this.http.post('api/user/logout', {}).pipe(map$1(() => {
             // On successful logout, update auth status and clear credentials
             this.currentUserService.updateAuthStatus(false);
             this.credentialsService.setCredentials();
@@ -2096,41 +2277,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-/**
- * Service used to manage Local Storage
- *
- * @author Joshua Kissoon
- * @since 20190623
- */
-class StorageService {
-    constructor() {
-        this.storageSub = new Subject();
-    }
-    watch() {
-        return this.storageSub.asObservable();
-    }
-    setItem(key, data) {
-        localStorage.setItem(key, data);
-        this.storageSub.next({ key: key, value: data });
-    }
-    getItem(key) {
-        return localStorage.getItem(key);
-    }
-    removeItem(key) {
-        const data = this.getItem(key);
-        localStorage.removeItem(key);
-        this.storageSub.next({ key: key, value: data });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: StorageService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }], ctorParameters: () => [] });
-
 /**
  * Service that provides a wrapper for retrieving data from the server
  * @deprecated use HttpService Instead
@@ -2285,168 +2431,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1$5.Router }] });
 
 /**
- * Service that manages information about the current user
+ * Controller used to explore a User
  *
- * @author Joshua Kissoon
- * @since 20170817
+ * @author Saravana Kumar
+ * @since 20190813
  */
-class CurrentUserService {
-    constructor(http, storage) {
+class UserExploreComponent {
+    constructor(http, dialogRef, data) {
         this.http = http;
-        this.storage = storage;
-        /**Deprecated stop using for new projects */
-        this.userSub = new Subject();
-        // Track the auth status of the user.
-        this.isLoggedIn = new BehaviorSubject(false);
-    }
-    /**
-     * Get the login status of the user.
-     */
-    getAuthStatus() {
-        return this.isLoggedIn.asObservable();
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.isWorking = false;
+        this.modules = [];
+        this.user = this.data;
     }
-    /**
-     * Update the login status of the user.
-     *
-     * @param val The next value of the isLoggedIn.
-     */
-    updateAuthStatus(val) {
-        this.isLoggedIn.next(val);
-    }
-    /**
-     * Returns an user if present, otherwise a empty user
-     * @returns {User} user
-     */
-    getUser() {
-        if (this.user) {
-            return this.user;
-        }
-        this.user = new User();
-        const userFromStorage = JSON.parse(this.storage.getItem('currentUser'));
-        if (userFromStorage) {
-            this.user.loadFromMap(userFromStorage);
-        }
-        return this.user;
-    }
-    /**
-     * @deprecated Don't use for new projects, use getUserObservable() instead
-     * @returns {Observable<User>} Observable of user once changed.
-     */
-    watch() {
-        return this.userSub.asObservable();
-    }
-    /**
-     * Loads the current logged in user
-     * @deprecated use getUserObservable() instead
-     * @param reload whether to fetch new data from server
-     * @returns {Promise<User>} promise of user
-     */
-    getCurrentUser(reload = false) {
-        let promise;
-        if (undefined !== this.data && !reload) {
-            promise = new Promise((resolve, reject) => {
-                resolve(this.data);
-            });
-            return promise;
-        }
-        promise = this.http.get('api/user/current').toPromise();
-        promise.then(res => {
-            this.user = new User();
-            this.data = res;
-            this.user.loadFromMap(res.user);
-            this.storage.setItem('currentUser', JSON.stringify(res.user));
-            this.userSub.next(this.user);
-        });
-        return promise;
-    }
-    /**
-     * Used to update the current user data
-     * @param {any} userData data that needs to be updated to current user
-     */
-    updateCurrentUser(userData) {
-        this.user = new User();
-        this.data = userData;
-        this.user.loadFromMap(userData);
-        this.storage.setItem('currentUser', JSON.stringify(userData));
-        this.userSub.next(this.user);
-    }
-    /**
-     * @param {number} id Id of role
-     * @returns {boolean} true if role is present
-     */
-    hasRole(id) {
-        if (this.user.roles == null) {
-            return false;
-        }
-        return (this.user.roles || []).some(role => role.id == id);
-    }
-    /**
-    * @param {number} id Id of permission
-    * @returns {boolean} true if permission is present
-    */
-    hasPermission(slug) {
-        if (!this.user) {
-            return false;
-        }
-        if (this.user.user_type_id == 1) {
-            return true;
-        }
-        else {
-            if (this.user.permissions == null) {
-                return false;
-            }
-            return (this.user.permissions || []).some(permission => permission.slug == slug);
-        }
-    }
-    /**
-     * Returns the observable of user
-     * @param {boolean} reload - whether to reload the entire user again
-     * @returns {Observable<User>} Observable of user.
-     */
-    getUserObservable(reload = false) {
-        if (this.user && !reload) {
-            return of(this.user);
-        }
-        return this.http.get('api/user/current')
-            .pipe(map$1((res) => {
-            this.user = new User();
-            this.data = res;
-            this.user.loadFromMap(res.user);
-            this.storage.setItem('currentUser', JSON.stringify(res.user));
-            return this.user;
-        }));
-    }
-    /**
-     * @returns {any} Returns the raw user data
-     */
-    getUserData() {
-        return this.data;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, deps: [{ token: HttpService }, { token: StorageService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CurrentUserService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: HttpService }, { type: StorageService }] });
-
-/**
- * Controller used to explore a User
- *
- * @author Saravana Kumar
- * @since 20190813
- */
-class UserExploreComponent {
-    constructor(http, dialogRef, data) {
-        this.http = http;
-        this.dialogRef = dialogRef;
-        this.data = data;
-        this.isWorking = false;
-        this.modules = [];
-        this.user = this.data;
-    }
-    ngOnInit() {
-        this.loadData();
+    ngOnInit() {
+        this.loadData();
     }
     loadData() {
         this.isWorking = true;
@@ -4378,86 +4378,250 @@ class UserSessionsComponent extends TechlifyListingControllerInterface {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsComponent, deps: [{ token: UserSessionService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserSessionsComponent, 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: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "pipe", type: i2$1.DatePipe, name: "date" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-user-sessions', 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
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-user-sessions', 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
+            }] } });
+
+/**
+ * Controller used to view a single user
+ *
+ * @author Floyd Kissoon
+ * @since 20210701
+ */
+class UserViewComponent {
+    constructor(userService, route, config, http, dialog, currentUserService) {
+        this.userService = userService;
+        this.route = route;
+        this.config = config;
+        this.http = http;
+        this.dialog = dialog;
+        this.currentUserService = currentUserService;
+        this.UserTypeEnum = UserTypeEnum;
+        this.currentUser = this.currentUserService.getUser();
+    }
+    ngOnInit() {
+        this.route.params.subscribe(params => {
+            if (params.id !== undefined) {
+                this.loadUser(params.id);
+            }
+        });
+    }
+    loadUser(userId) {
+        this.userService.getUser(userId).then((result) => {
+            this.user = result.item;
+        });
+    }
+    enableOrDisableUser(action) {
+        this.http.patch('api/users/' + this.user.id + '/' + action, this.user).toPromise().then((res) => {
+            this.user.user_client = res.item.user_client;
+        });
+    }
+    editUser(user) {
+        const dialogRef = this.dialog.open(UserFormComponent, {
+            width: '700px',
+            data: user,
+            autoFocus: false,
+            restoreFocus: false
+        });
+        dialogRef.afterClosed().subscribe(async (result) => {
+            if (result) {
+                this.loadUser(this.user.id);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserViewComponent, deps: [{ token: UserService }, { token: i1$5.ActivatedRoute }, { token: ConfigService }, { token: HttpService }, { token: i1.MatDialog }, { token: CurrentUserService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserViewComponent, selector: "user-view", ngImport: i0, template: "<div class=\"mat-typography m-4\" *ngIf=\"user\">\n  <h1 class=\"text-center\">{{user.name}}</h1>\n\n  <div class=\"border\">\n    <mat-tab-group>\n      <mat-tab label=\"Basic Information\">\n        <ng-template matTabContent>\n          <div class=\"row m-4\">\n            <div class=\"col-4\">\n              <div class=\"bordered-section\">\n                <div class=\"row\" *ngIf=\"currentUser?.user_type_id != 3\">\n                  <button type=\"button\" mat-icon-button (click)=\"editUser(user)\">\n                    <mat-icon>edit</mat-icon>\n                  </button>\n                  <button mat-stroked-button color=\"warn\" *ngIf=\"!user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('enable')\">\n                    Enable\n                  </button>\n                  <button mat-stroked-button color=\"primary\" *ngIf=\"user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('disable')\">Disable</button>\n                </div>\n\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Name:</label>\n                  <div class=\"col-sm-8\">{{user?.name}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Email:</label>\n                  <div class=\"col-sm-8\">{{user?.email}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Type:</label>\n                  <div class=\"col-sm-8\">{{user?.type?.title}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Status:</label>\n                  <div class=\"col-sm-8\">{{user?.user_client?.is_enabled ? 'Enabled' : 'Disabled' }}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Role:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngFor=\"let role of user?.roles\">\n                      <button class=\"btn btn-outline-dark btn-xs mb-2\">{{role?.label}}</button>\n                      &nbsp;\n                    </span>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Signature:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngIf=\"user?.signature\">\n                      <img src=\"{{user?.signature_url}}\" alt=\"\" width=\"250px\" />\n                    </span>\n                    <span *ngIf=\"!user?.signature\">\n                      No Signature Added\n                    </span>\n\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Login History\">\n        <ng-template matTabContent>\n          <app-login-history-for-user [userId]=\"user?.id\"></app-login-history-for-user>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Activity Logs\">\n        <ng-template matTabContent>\n          <app-audit-log-list objectType=\"User\" [objectId]=\"user?.id\" [showExportButtons]=\"false\">\n          </app-audit-log-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Tenants\" *ngIf=\"currentUser?.user_type_id === UserTypeEnum.ADMIN\">\n        <ng-template matTabContent>\n          <app-user-clients-list [user]=\"user\"></app-user-clients-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Sessions\">\n        <ng-template matTabContent>\n          <app-user-sessions [user]=\"user\"></app-user-sessions>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </div>\n\n</div>", styles: [".user-node .page-title{margin:20px 0 0}.user-node #information-tabs-wrapper .nav-pills .nav-link{border-radius:0;border:1px solid #007bff;border-right:none;width:190px}.user-node #information-tabs-wrapper .tab-content{padding:20px;border:1px solid #007bff;width:calc(100vw - 200px)}\n"], dependencies: [{ 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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$5.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i9$5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: LoginHistoryForUserComponent, selector: "app-login-history-for-user", inputs: ["userId"] }, { kind: "component", type: AuditLogListComponent, selector: "app-audit-log-list", inputs: ["objectId", "objectType", "showFilter", "showExportButtons", "userId", "disableFilterPatchingFromUrl", "scrollContainer"] }, { kind: "component", type: UserClientsListComponent, selector: "app-user-clients-list", inputs: ["user"] }, { kind: "component", type: UserSessionsComponent, selector: "app-user-sessions", inputs: ["user"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'user-view', template: "<div class=\"mat-typography m-4\" *ngIf=\"user\">\n  <h1 class=\"text-center\">{{user.name}}</h1>\n\n  <div class=\"border\">\n    <mat-tab-group>\n      <mat-tab label=\"Basic Information\">\n        <ng-template matTabContent>\n          <div class=\"row m-4\">\n            <div class=\"col-4\">\n              <div class=\"bordered-section\">\n                <div class=\"row\" *ngIf=\"currentUser?.user_type_id != 3\">\n                  <button type=\"button\" mat-icon-button (click)=\"editUser(user)\">\n                    <mat-icon>edit</mat-icon>\n                  </button>\n                  <button mat-stroked-button color=\"warn\" *ngIf=\"!user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('enable')\">\n                    Enable\n                  </button>\n                  <button mat-stroked-button color=\"primary\" *ngIf=\"user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('disable')\">Disable</button>\n                </div>\n\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Name:</label>\n                  <div class=\"col-sm-8\">{{user?.name}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Email:</label>\n                  <div class=\"col-sm-8\">{{user?.email}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Type:</label>\n                  <div class=\"col-sm-8\">{{user?.type?.title}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Status:</label>\n                  <div class=\"col-sm-8\">{{user?.user_client?.is_enabled ? 'Enabled' : 'Disabled' }}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Role:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngFor=\"let role of user?.roles\">\n                      <button class=\"btn btn-outline-dark btn-xs mb-2\">{{role?.label}}</button>\n                      &nbsp;\n                    </span>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Signature:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngIf=\"user?.signature\">\n                      <img src=\"{{user?.signature_url}}\" alt=\"\" width=\"250px\" />\n                    </span>\n                    <span *ngIf=\"!user?.signature\">\n                      No Signature Added\n                    </span>\n\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Login History\">\n        <ng-template matTabContent>\n          <app-login-history-for-user [userId]=\"user?.id\"></app-login-history-for-user>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Activity Logs\">\n        <ng-template matTabContent>\n          <app-audit-log-list objectType=\"User\" [objectId]=\"user?.id\" [showExportButtons]=\"false\">\n          </app-audit-log-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Tenants\" *ngIf=\"currentUser?.user_type_id === UserTypeEnum.ADMIN\">\n        <ng-template matTabContent>\n          <app-user-clients-list [user]=\"user\"></app-user-clients-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Sessions\">\n        <ng-template matTabContent>\n          <app-user-sessions [user]=\"user\"></app-user-sessions>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </div>\n\n</div>", styles: [".user-node .page-title{margin:20px 0 0}.user-node #information-tabs-wrapper .nav-pills .nav-link{border-radius:0;border:1px solid #007bff;border-right:none;width:190px}.user-node #information-tabs-wrapper .tab-content{padding:20px;border:1px solid #007bff;width:calc(100vw - 200px)}\n"] }]
+        }], ctorParameters: () => [{ type: UserService }, { type: i1$5.ActivatedRoute }, { type: ConfigService }, { type: HttpService }, { type: i1.MatDialog }, { type: CurrentUserService }] });
+
+const routes$A = [
+    { path: '', component: UsersViewAllComponent, canActivate: [AuthenticationGuard] },
+    { path: ':id', component: UserViewComponent, canActivate: [AuthenticationGuard] },
+    { path: ':id/app-admin-view', loadChildren: () => Promise.resolve().then(function () { return appAdminUserView_module; }).then(mod => mod.AppAdminUserViewModule), canActivate: [AuthenticationGuard] },
+    // fallback when no prior route found
+    { path: '**', redirectTo: '', pathMatch: 'full' },
+];
+// @dynamic
+class UserRoutingProvider {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, imports: [i1$5.RouterModule], exports: [RouterModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, imports: [RouterModule.forChild(routes$A), RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [RouterModule.forChild(routes$A)],
+                    exports: [RouterModule]
+                }]
+        }] });
+
+class MaterialModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, exports: [MatButtonModule,
+            MatCheckboxModule,
+            MatCommonModule,
+            MatDialogModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatLineModule,
+            MatMenuModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatPseudoCheckboxModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSortModule,
+            MatTableModule,
+            MatCardModule,
+            MatDividerModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatListModule,
+            MatTooltipModule,
+            MatButtonToggleModule,
+            MatSidenavModule,
+            MatProgressBarModule,
+            MatSlideToggleModule,
+            MatTabsModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, imports: [MatButtonModule,
+            MatCheckboxModule,
+            MatCommonModule,
+            MatDialogModule,
+            MatFormFieldModule,
+            MatIconModule,
+            MatInputModule,
+            MatLineModule,
+            MatMenuModule,
+            MatNativeDateModule,
+            MatOptionModule,
+            MatProgressSpinnerModule,
+            MatPseudoCheckboxModule,
+            MatRippleModule,
+            MatSelectModule,
+            MatSortModule,
+            MatTableModule,
+            MatCardModule,
+            MatDividerModule,
+            MatChipsModule,
+            MatDatepickerModule,
+            MatListModule,
+            MatTooltipModule,
+            MatButtonToggleModule,
+            MatSidenavModule,
+            MatProgressBarModule,
+            MatSlideToggleModule,
+            MatTabsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        MatButtonModule,
+                        MatCheckboxModule,
+                        MatCommonModule,
+                        MatDialogModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatLineModule,
+                        MatMenuModule,
+                        MatNativeDateModule,
+                        MatOptionModule,
+                        MatProgressSpinnerModule,
+                        MatPseudoCheckboxModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatSortModule,
+                        MatTableModule,
+                        MatCardModule,
+                        MatDividerModule,
+                        MatChipsModule,
+                        MatDatepickerModule,
+                        MatListModule,
+                        MatTooltipModule,
+                        MatButtonToggleModule,
+                        MatSidenavModule,
+                        MatProgressBarModule,
+                        MatSlideToggleModule,
+                        MatTabsModule
+                    ]
+                }]
+        }] });
+
+class UserClientEnableDisableButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientEnableDisableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserClientEnableDisableButtonModule, declarations: [UserClientEnableDisableButtonComponent], imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule], exports: [UserClientEnableDisableButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientEnableDisableButtonModule, imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientEnableDisableButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UserClientEnableDisableButtonComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                    ],
+                    exports: [UserClientEnableDisableButtonComponent]
+                }]
+        }] });
 
-/**
- * Controller used to view a single user
- *
- * @author Floyd Kissoon
- * @since 20210701
- */
-class UserViewComponent {
-    constructor(userService, route, config, http, dialog, currentUserService) {
-        this.userService = userService;
-        this.route = route;
-        this.config = config;
-        this.http = http;
-        this.dialog = dialog;
-        this.currentUserService = currentUserService;
-        this.UserTypeEnum = UserTypeEnum;
-        this.currentUser = this.currentUserService.getUser();
-    }
-    ngOnInit() {
-        this.route.params.subscribe(params => {
-            if (params.id !== undefined) {
-                this.loadUser(params.id);
-            }
-        });
-    }
-    loadUser(userId) {
-        this.userService.getUser(userId).then((result) => {
-            this.user = result.item;
-        });
-    }
-    enableOrDisableUser(action) {
-        this.http.patch('api/users/' + this.user.id + '/' + action, this.user).toPromise().then((res) => {
-            this.user.user_client = res.item.user_client;
-        });
-    }
-    editUser(user) {
-        const dialogRef = this.dialog.open(UserFormComponent, {
-            width: '700px',
-            data: user,
-            autoFocus: false,
-            restoreFocus: false
-        });
-        dialogRef.afterClosed().subscribe(async (result) => {
-            if (result) {
-                this.loadUser(this.user.id);
-            }
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserViewComponent, deps: [{ token: UserService }, { token: i1$5.ActivatedRoute }, { token: ConfigService }, { token: HttpService }, { token: i1.MatDialog }, { token: CurrentUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: UserViewComponent, selector: "user-view", ngImport: i0, template: "<div class=\"mat-typography m-4\" *ngIf=\"user\">\n  <h1 class=\"text-center\">{{user.name}}</h1>\n\n  <div class=\"border\">\n    <mat-tab-group>\n      <mat-tab label=\"Basic Information\">\n        <ng-template matTabContent>\n          <div class=\"row m-4\">\n            <div class=\"col-4\">\n              <div class=\"bordered-section\">\n                <div class=\"row\" *ngIf=\"currentUser?.user_type_id != 3\">\n                  <button type=\"button\" mat-icon-button (click)=\"editUser(user)\">\n                    <mat-icon>edit</mat-icon>\n                  </button>\n                  <button mat-stroked-button color=\"warn\" *ngIf=\"!user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('enable')\">\n                    Enable\n                  </button>\n                  <button mat-stroked-button color=\"primary\" *ngIf=\"user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('disable')\">Disable</button>\n                </div>\n\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Name:</label>\n                  <div class=\"col-sm-8\">{{user?.name}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Email:</label>\n                  <div class=\"col-sm-8\">{{user?.email}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Type:</label>\n                  <div class=\"col-sm-8\">{{user?.type?.title}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Status:</label>\n                  <div class=\"col-sm-8\">{{user?.user_client?.is_enabled ? 'Enabled' : 'Disabled' }}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Role:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngFor=\"let role of user?.roles\">\n                      <button class=\"btn btn-outline-dark btn-xs mb-2\">{{role?.label}}</button>\n                      &nbsp;\n                    </span>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Signature:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngIf=\"user?.signature\">\n                      <img src=\"{{user?.signature_url}}\" alt=\"\" width=\"250px\" />\n                    </span>\n                    <span *ngIf=\"!user?.signature\">\n                      No Signature Added\n                    </span>\n\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Login History\">\n        <ng-template matTabContent>\n          <app-login-history-for-user [userId]=\"user?.id\"></app-login-history-for-user>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Activity Logs\">\n        <ng-template matTabContent>\n          <app-audit-log-list objectType=\"User\" [objectId]=\"user?.id\" [showExportButtons]=\"false\">\n          </app-audit-log-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Tenants\" *ngIf=\"currentUser?.user_type_id === UserTypeEnum.ADMIN\">\n        <ng-template matTabContent>\n          <app-user-clients-list [user]=\"user\"></app-user-clients-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Sessions\">\n        <ng-template matTabContent>\n          <app-user-sessions [user]=\"user\"></app-user-sessions>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </div>\n\n</div>", styles: [".user-node .page-title{margin:20px 0 0}.user-node #information-tabs-wrapper .nav-pills .nav-link{border-radius:0;border:1px solid #007bff;border-right:none;width:190px}.user-node #information-tabs-wrapper .tab-content{padding:20px;border:1px solid #007bff;width:calc(100vw - 200px)}\n"], dependencies: [{ 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: i6.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9$5.MatTabContent, selector: "[matTabContent]" }, { kind: "component", type: i9$5.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i9$5.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: LoginHistoryForUserComponent, selector: "app-login-history-for-user", inputs: ["userId"] }, { kind: "component", type: AuditLogListComponent, selector: "app-audit-log-list", inputs: ["objectId", "objectType", "showFilter", "showExportButtons", "userId", "disableFilterPatchingFromUrl", "scrollContainer"] }, { kind: "component", type: UserClientsListComponent, selector: "app-user-clients-list", inputs: ["user"] }, { kind: "component", type: UserSessionsComponent, selector: "app-user-sessions", inputs: ["user"] }] }); }
+class UserClientsListModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientsListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserClientsListModule, declarations: [UserClientsListComponent], imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule,
+            UserClientEnableDisableButtonModule], exports: [UserClientsListComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientsListModule, imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule,
+            UserClientEnableDisableButtonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserViewComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'user-view', template: "<div class=\"mat-typography m-4\" *ngIf=\"user\">\n  <h1 class=\"text-center\">{{user.name}}</h1>\n\n  <div class=\"border\">\n    <mat-tab-group>\n      <mat-tab label=\"Basic Information\">\n        <ng-template matTabContent>\n          <div class=\"row m-4\">\n            <div class=\"col-4\">\n              <div class=\"bordered-section\">\n                <div class=\"row\" *ngIf=\"currentUser?.user_type_id != 3\">\n                  <button type=\"button\" mat-icon-button (click)=\"editUser(user)\">\n                    <mat-icon>edit</mat-icon>\n                  </button>\n                  <button mat-stroked-button color=\"warn\" *ngIf=\"!user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('enable')\">\n                    Enable\n                  </button>\n                  <button mat-stroked-button color=\"primary\" *ngIf=\"user.user_client?.is_enabled\"\n                    (click)=\"enableOrDisableUser('disable')\">Disable</button>\n                </div>\n\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Name:</label>\n                  <div class=\"col-sm-8\">{{user?.name}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Email:</label>\n                  <div class=\"col-sm-8\">{{user?.email}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Type:</label>\n                  <div class=\"col-sm-8\">{{user?.type?.title}}</div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Status:</label>\n                  <div class=\"col-sm-8\">{{user?.user_client?.is_enabled ? 'Enabled' : 'Disabled' }}\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Role:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngFor=\"let role of user?.roles\">\n                      <button class=\"btn btn-outline-dark btn-xs mb-2\">{{role?.label}}</button>\n                      &nbsp;\n                    </span>\n                  </div>\n                </div>\n                <div class=\"row\">\n                  <label class=\"col-sm-4 control-label\">Signature:</label>\n                  <div class=\"col-sm-8\">\n                    <span *ngIf=\"user?.signature\">\n                      <img src=\"{{user?.signature_url}}\" alt=\"\" width=\"250px\" />\n                    </span>\n                    <span *ngIf=\"!user?.signature\">\n                      No Signature Added\n                    </span>\n\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Login History\">\n        <ng-template matTabContent>\n          <app-login-history-for-user [userId]=\"user?.id\"></app-login-history-for-user>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Activity Logs\">\n        <ng-template matTabContent>\n          <app-audit-log-list objectType=\"User\" [objectId]=\"user?.id\" [showExportButtons]=\"false\">\n          </app-audit-log-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Tenants\" *ngIf=\"currentUser?.user_type_id === UserTypeEnum.ADMIN\">\n        <ng-template matTabContent>\n          <app-user-clients-list [user]=\"user\"></app-user-clients-list>\n        </ng-template>\n      </mat-tab>\n      <mat-tab label=\"Sessions\">\n        <ng-template matTabContent>\n          <app-user-sessions [user]=\"user\"></app-user-sessions>\n        </ng-template>\n      </mat-tab>\n    </mat-tab-group>\n  </div>\n\n</div>", styles: [".user-node .page-title{margin:20px 0 0}.user-node #information-tabs-wrapper .nav-pills .nav-link{border-radius:0;border:1px solid #007bff;border-right:none;width:190px}.user-node #information-tabs-wrapper .tab-content{padding:20px;border:1px solid #007bff;width:calc(100vw - 200px)}\n"] }]
-        }], ctorParameters: () => [{ type: UserService }, { type: i1$5.ActivatedRoute }, { type: ConfigService }, { type: HttpService }, { type: i1.MatDialog }, { type: CurrentUserService }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserClientsListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UserClientsListComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                        UserClientEnableDisableButtonModule
+                    ],
+                    exports: [UserClientsListComponent]
+                }]
+        }] });
 
-const routes$A = [
-    { path: '', component: UsersViewAllComponent, canActivate: [AuthenticationGuard] },
-    { path: ':id', component: UserViewComponent, canActivate: [AuthenticationGuard] },
-    { path: ':id/app-admin-view', loadChildren: () => Promise.resolve().then(function () { return appAdminUserView_module; }).then(mod => mod.AppAdminUserViewModule), canActivate: [AuthenticationGuard] },
-    // fallback when no prior route found
-    { path: '**', redirectTo: '', pathMatch: 'full' },
-];
-// @dynamic
-class UserRoutingProvider {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, imports: [i1$5.RouterModule], exports: [RouterModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, imports: [RouterModule.forChild(routes$A), RouterModule] }); }
+class UserSessionsModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsModule, declarations: [UserSessionsComponent], imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule], exports: [UserSessionsComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsModule, imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserRoutingProvider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserSessionsModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [RouterModule.forChild(routes$A)],
-                    exports: [RouterModule]
+                    declarations: [UserSessionsComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                    ],
+                    exports: [UserSessionsComponent]
                 }]
         }] });
 
@@ -5286,101 +5450,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class MaterialModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, exports: [MatButtonModule,
-            MatCheckboxModule,
-            MatCommonModule,
-            MatDialogModule,
-            MatFormFieldModule,
-            MatIconModule,
-            MatInputModule,
-            MatLineModule,
-            MatMenuModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatPseudoCheckboxModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSortModule,
-            MatTableModule,
-            MatCardModule,
-            MatDividerModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatListModule,
-            MatTooltipModule,
-            MatButtonToggleModule,
-            MatSidenavModule,
-            MatProgressBarModule,
-            MatSlideToggleModule,
-            MatTabsModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, imports: [MatButtonModule,
-            MatCheckboxModule,
-            MatCommonModule,
-            MatDialogModule,
-            MatFormFieldModule,
-            MatIconModule,
-            MatInputModule,
-            MatLineModule,
-            MatMenuModule,
-            MatNativeDateModule,
-            MatOptionModule,
-            MatProgressSpinnerModule,
-            MatPseudoCheckboxModule,
-            MatRippleModule,
-            MatSelectModule,
-            MatSortModule,
-            MatTableModule,
-            MatCardModule,
-            MatDividerModule,
-            MatChipsModule,
-            MatDatepickerModule,
-            MatListModule,
-            MatTooltipModule,
-            MatButtonToggleModule,
-            MatSidenavModule,
-            MatProgressBarModule,
-            MatSlideToggleModule,
-            MatTabsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        MatButtonModule,
-                        MatCheckboxModule,
-                        MatCommonModule,
-                        MatDialogModule,
-                        MatFormFieldModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatLineModule,
-                        MatMenuModule,
-                        MatNativeDateModule,
-                        MatOptionModule,
-                        MatProgressSpinnerModule,
-                        MatPseudoCheckboxModule,
-                        MatRippleModule,
-                        MatSelectModule,
-                        MatSortModule,
-                        MatTableModule,
-                        MatCardModule,
-                        MatDividerModule,
-                        MatChipsModule,
-                        MatDatepickerModule,
-                        MatListModule,
-                        MatTooltipModule,
-                        MatButtonToggleModule,
-                        MatSidenavModule,
-                        MatProgressBarModule,
-                        MatSlideToggleModule,
-                        MatTabsModule
-                    ]
-                }]
-        }] });
-
 class CoreModule {
     constructor(parentModule) {
         // Import guard
@@ -10939,16 +11008,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+class UserEnableButtonModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserEnableButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserEnableButtonModule, declarations: [UserEnableButtonComponent], imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule], exports: [UserEnableButtonComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserEnableButtonModule, imports: [CommonModule,
+            MaterialModule,
+            FlexLayoutModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserEnableButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [UserEnableButtonComponent],
+                    imports: [
+                        CommonModule,
+                        MaterialModule,
+                        FlexLayoutModule,
+                    ],
+                    exports: [UserEnableButtonComponent]
+                }]
+        }] });
+
 class UserModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: UserModule, declarations: [UsersViewAllComponent,
             UserFormComponent,
             UserExploreComponent,
-            UserViewComponent,
-            UserEnableButtonComponent,
-            UserClientsListComponent,
-            UserClientEnableDisableButtonComponent,
-            UserSessionsComponent], imports: [CommonModule,
+            UserViewComponent], imports: [CommonModule,
             UserRoutingProvider,
             MaterialModule,
             FlexLayoutModule,
@@ -10964,13 +11051,14 @@ class UserModule {
             MatProgressBarModule,
             MatTableModule,
             MatSortModule,
-            DataTableModule], exports: [UserViewComponent,
+            DataTableModule,
+            UserEnableButtonModule,
+            UserClientsListModule,
+            UserSessionsModule], exports: [UserViewComponent,
             UsersViewAllComponent,
-            UserEnableButtonComponent,
-            UserClientsListComponent,
-            UserClientEnableDisableButtonComponent,
-            UserSessionsComponent,
-            UserClientsListComponent] }); }
+            UserEnableButtonModule,
+            UserClientsListModule,
+            UserSessionsModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserModule, imports: [CommonModule,
             UserRoutingProvider,
             MaterialModule,
@@ -10987,7 +11075,12 @@ class UserModule {
             MatProgressBarModule,
             MatTableModule,
             MatSortModule,
-            DataTableModule] }); }
+            DataTableModule,
+            UserEnableButtonModule,
+            UserClientsListModule,
+            UserSessionsModule, UserEnableButtonModule,
+            UserClientsListModule,
+            UserSessionsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: UserModule, decorators: [{
             type: NgModule,
@@ -11010,25 +11103,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         MatTableModule,
                         MatSortModule,
                         DataTableModule,
+                        UserEnableButtonModule,
+                        UserClientsListModule,
+                        UserSessionsModule
                     ],
                     declarations: [
                         UsersViewAllComponent,
                         UserFormComponent,
                         UserExploreComponent,
                         UserViewComponent,
-                        UserEnableButtonComponent,
-                        UserClientsListComponent,
-                        UserClientEnableDisableButtonComponent,
-                        UserSessionsComponent
                     ],
                     exports: [
                         UserViewComponent,
                         UsersViewAllComponent,
-                        UserEnableButtonComponent,
-                        UserClientsListComponent,
-                        UserClientEnableDisableButtonComponent,
-                        UserSessionsComponent,
-                        UserClientsListComponent
+                        UserEnableButtonModule,
+                        UserClientsListModule,
+                        UserSessionsModule
                     ]
                 }]
         }] });
@@ -12974,6 +13064,10 @@ class CompanyInformationComponent extends TechlifyFormComponentInterface {
         this.clientService = clientService;
         this.alertService = alertService;
         this.location = location;
+        // If we are updating as a client admin, we need to pass a client object
+        this.isAppAdmin = false;
+        this.saved = new EventEmitter();
+        this.cancelled = new EventEmitter();
         this.errorMessages = {
             name: {
                 required: 'The name field is required.'
@@ -12991,10 +13085,12 @@ class CompanyInformationComponent extends TechlifyFormComponentInterface {
         });
     }
     ngOnInit() {
-        this.user = this.currentUserService.getUser();
-        const client = this.user?.client;
-        if (client) {
-            this.form.patchValue({ ...client });
+        if (!this.isAppAdmin) {
+            this.user = this.currentUserService.getUser();
+            this.client = this.user?.client;
+        }
+        if (this.client) {
+            this.form.patchValue({ ...this.client });
         }
     }
     save() {
@@ -13005,12 +13101,19 @@ class CompanyInformationComponent extends TechlifyFormComponentInterface {
         }
         const data = { ...this.form.value };
         this.isWorking = true;
-        this.clientService.update(data).subscribe({
-            next: () => {
+        let request = this.clientService.store(data);
+        if (data?.id) {
+            request = this.clientService.update(data);
+        }
+        request.subscribe({
+            next: (response) => {
                 this.isWorking = false;
-                // update user
-                this.currentUserService.getUserObservable(true).subscribe();
                 this.alertService.addAlert('The company information saved successfully!', 'success');
+                this.saved.emit(response?.item);
+                if (this.isAppAdmin) {
+                    // update user
+                    this.currentUserService.getUserObservable(true).subscribe();
+                }
             },
             error: () => (this.isWorking = false)
         });
@@ -13021,10 +13124,15 @@ class CompanyInformationComponent extends TechlifyFormComponentInterface {
         }
     }
     redirectBack() {
-        this.location.back();
+        if (this.isAppAdmin) {
+            this.cancelled.emit();
+        }
+        else {
+            this.location.back();
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInformationComponent, deps: [{ token: FormValidatorService }, { token: i1$4.FormBuilder }, { token: CurrentUserService }, { token: ClientService }, { token: AlertService }, { token: i2$1.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInformationComponent, isStandalone: true, selector: "app-company-information", usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <form\n        [formGroup]=\"form\"\n        class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\"\n        (submit)=\"save()\"\n      >\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Name</mat-label>\n          <input matInput formControlName=\"name\">\n          <mat-error *ngIf=\"isFieldValid('name')\">\n            {{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n          <mat-label>Email</mat-label>\n          <input matInput formControlName=\"email\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50%)\">\n          <mat-label>Phone</mat-label>\n          <input matInput formControlName=\"phone\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Address</mat-label>\n          <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>TIN</mat-label>\n          <input matInput formControlName=\"tin\">\n        </mat-form-field>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Logo</p>\n          <app-file-upload-button\n            *ngIf=\"!form?.value?.logo\"\n            [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'logo')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.logo\"\n            [path]=\"form.value?.logo\"\n            (removed)=\"form.get('logo')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Letterhead Image</p>\n          <app-file-upload-button\n            *ngIf=\"!form.value?.letterhead_image\"\n            [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.letterhead_image\"\n            [path]=\"form.value?.letterhead_image\"\n            (removed)=\"form.get('letterhead_image')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n          <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n            Save\n          </button>\n          <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n            Cancel\n          </button>\n        </div>\n      </form>\n    </mat-card-content>\n  </mat-card>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FileUploadButtonComponent, selector: "app-file-upload-button", inputs: ["config"], outputs: ["uploaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: ImagePreviewComponent, selector: "app-image-preview", inputs: ["path", "height"], outputs: ["removed"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInformationComponent, isStandalone: true, selector: "app-company-information", inputs: { client: "client", isAppAdmin: "isAppAdmin" }, outputs: { saved: "saved", cancelled: "cancelled" }, usesInheritance: true, ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center\" *ngIf=\"!isAppAdmin\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <ng-container >\n        <ng-container *ngTemplateOutlet=\"tenantForm\"></ng-container>\n      </ng-container>\n    </mat-card-content>\n  </mat-card>\n</div>\n\n<ng-container *ngIf=\"isAppAdmin\">\n  <ng-container *ngTemplateOutlet=\"tenantForm\"></ng-container>\n</ng-container>\n\n<ng-template #tenantForm>\n  <h4 class=\"fw-bold\">{{ client?.id ? 'Edit' : 'Create' }} Tenant</h4>\n  <form [formGroup]=\"form\" class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\" (submit)=\"save()\">\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\">\n      <mat-error *ngIf=\"isFieldValid('name')\">\n        {{ getErrorMessage('name') }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n      <mat-label>Email</mat-label>\n      <input matInput formControlName=\"email\">\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(50%)\">\n      <mat-label>Phone</mat-label>\n      <input matInput formControlName=\"phone\">\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>Address</mat-label>\n      <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>TIN</mat-label>\n      <input matInput formControlName=\"tin\">\n    </mat-form-field>\n\n    <div style=\"width: calc(50% - 0.5rem)\">\n      <p>Logo</p>\n      <app-file-upload-button\n        *ngIf=\"!form?.value?.logo\"\n        [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n        (uploaded)=\"onFileUploaded($event, 'logo')\"\n      ></app-file-upload-button>\n      <app-image-preview\n        *ngIf=\"form.value?.logo\"\n        [path]=\"form.value?.logo\"\n        (removed)=\"form.get('logo')?.setValue('')\"\n      ></app-image-preview>\n    </div>\n\n    <div style=\"width: calc(50% - 0.5rem)\">\n      <p>Letterhead Image</p>\n      <app-file-upload-button\n        *ngIf=\"!form.value?.letterhead_image\"\n        [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n        (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n      ></app-file-upload-button>\n      <app-image-preview\n        *ngIf=\"form.value?.letterhead_image\"\n        [path]=\"form.value?.letterhead_image\"\n        (removed)=\"form.get('letterhead_image')?.setValue('')\"\n      ></app-image-preview>\n    </div>\n\n    <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n      <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n        Save\n      </button>\n      <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n        Cancel\n      </button>\n    </div>\n  </form>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: FileUploadButtonComponent, selector: "app-file-upload-button", inputs: ["config"], outputs: ["uploaded"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: ImagePreviewComponent, selector: "app-image-preview", inputs: ["path", "height"], outputs: ["removed"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInformationComponent, decorators: [{
             type: Component,
@@ -13041,33 +13149,85 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         NgIf,
                         MatError,
                         ImagePreviewComponent,
-                    ], template: "<div class=\"d-flex justify-content-center align-items-center\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <form\n        [formGroup]=\"form\"\n        class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\"\n        (submit)=\"save()\"\n      >\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Name</mat-label>\n          <input matInput formControlName=\"name\">\n          <mat-error *ngIf=\"isFieldValid('name')\">\n            {{ getErrorMessage('name') }}\n          </mat-error>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n          <mat-label>Email</mat-label>\n          <input matInput formControlName=\"email\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(50%)\">\n          <mat-label>Phone</mat-label>\n          <input matInput formControlName=\"phone\">\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>Address</mat-label>\n          <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n        </mat-form-field>\n\n        <mat-form-field style=\"width: calc(100%)\">\n          <mat-label>TIN</mat-label>\n          <input matInput formControlName=\"tin\">\n        </mat-form-field>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Logo</p>\n          <app-file-upload-button\n            *ngIf=\"!form?.value?.logo\"\n            [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'logo')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.logo\"\n            [path]=\"form.value?.logo\"\n            (removed)=\"form.get('logo')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(50% - 0.5rem)\">\n          <p>Letterhead Image</p>\n          <app-file-upload-button\n            *ngIf=\"!form.value?.letterhead_image\"\n            [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n            (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n          ></app-file-upload-button>\n          <app-image-preview\n            *ngIf=\"form.value?.letterhead_image\"\n            [path]=\"form.value?.letterhead_image\"\n            (removed)=\"form.get('letterhead_image')?.setValue('')\"\n          ></app-image-preview>\n        </div>\n\n        <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n          <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n            Save\n          </button>\n          <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n            Cancel\n          </button>\n        </div>\n      </form>\n    </mat-card-content>\n  </mat-card>\n</div>\n" }]
-        }], ctorParameters: () => [{ type: FormValidatorService }, { type: i1$4.FormBuilder }, { type: CurrentUserService }, { type: ClientService }, { type: AlertService }, { type: i2$1.Location }] });
+                        NgTemplateOutlet,
+                    ], template: "<div class=\"d-flex justify-content-center align-items-center\" *ngIf=\"!isAppAdmin\">\n  <mat-card style=\"width: 50%\">\n    <mat-card-content>\n      <mat-card-title>Company Information</mat-card-title>\n    </mat-card-content>\n    <mat-card-content class=\"mt-3\">\n      <ng-container >\n        <ng-container *ngTemplateOutlet=\"tenantForm\"></ng-container>\n      </ng-container>\n    </mat-card-content>\n  </mat-card>\n</div>\n\n<ng-container *ngIf=\"isAppAdmin\">\n  <ng-container *ngTemplateOutlet=\"tenantForm\"></ng-container>\n</ng-container>\n\n<ng-template #tenantForm>\n  <h4 class=\"fw-bold\">{{ client?.id ? 'Edit' : 'Create' }} Tenant</h4>\n  <form [formGroup]=\"form\" class=\"d-flex flex-wrap justify-content-start align-items-center gap-2\" (submit)=\"save()\">\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>Name</mat-label>\n      <input matInput formControlName=\"name\">\n      <mat-error *ngIf=\"isFieldValid('name')\">\n        {{ getErrorMessage('name') }}\n      </mat-error>\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(50% - 0.5rem)\">\n      <mat-label>Email</mat-label>\n      <input matInput formControlName=\"email\">\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(50%)\">\n      <mat-label>Phone</mat-label>\n      <input matInput formControlName=\"phone\">\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>Address</mat-label>\n      <textarea matInput formControlName=\"address\" rows=\"3\"></textarea>\n    </mat-form-field>\n\n    <mat-form-field style=\"width: calc(100%)\">\n      <mat-label>TIN</mat-label>\n      <input matInput formControlName=\"tin\">\n    </mat-form-field>\n\n    <div style=\"width: calc(50% - 0.5rem)\">\n      <p>Logo</p>\n      <app-file-upload-button\n        *ngIf=\"!form?.value?.logo\"\n        [config]=\"{ fileId: 'client-logo-' + this.form.value?.id, accept: 'image/*'}\"\n        (uploaded)=\"onFileUploaded($event, 'logo')\"\n      ></app-file-upload-button>\n      <app-image-preview\n        *ngIf=\"form.value?.logo\"\n        [path]=\"form.value?.logo\"\n        (removed)=\"form.get('logo')?.setValue('')\"\n      ></app-image-preview>\n    </div>\n\n    <div style=\"width: calc(50% - 0.5rem)\">\n      <p>Letterhead Image</p>\n      <app-file-upload-button\n        *ngIf=\"!form.value?.letterhead_image\"\n        [config]=\"{ fileId: 'client-letterhead-' + this.form.value?.id, accept: 'image/*'}\"\n        (uploaded)=\"onFileUploaded($event, 'letterhead_image')\"\n      ></app-file-upload-button>\n      <app-image-preview\n        *ngIf=\"form.value?.letterhead_image\"\n        [path]=\"form.value?.letterhead_image\"\n        (removed)=\"form.get('letterhead_image')?.setValue('')\"\n      ></app-image-preview>\n    </div>\n\n    <div style=\"width: calc(100%)\" class=\"d-flex justify-content-end align-items-center gap-3\">\n      <button [disabled]=\"isWorking\" mat-raised-button color=\"primary\" type=\"submit\">\n        Save\n      </button>\n      <button [disabled]=\"isWorking\" mat-flat-button type=\"button\" (click)=\"redirectBack()\">\n        Cancel\n      </button>\n    </div>\n  </form>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: FormValidatorService }, { type: i1$4.FormBuilder }, { type: CurrentUserService }, { type: ClientService }, { type: AlertService }, { type: i2$1.Location }], propDecorators: { client: [{
+                type: Input
+            }], isAppAdmin: [{
+                type: Input
+            }], saved: [{
+                type: Output
+            }], cancelled: [{
+                type: Output
+            }] } });
+
+class TenantFormButtonComponent {
+    constructor(matDialog) {
+        this.matDialog = matDialog;
+        this.saved = new EventEmitter();
+        this.isAppAdmin = false;
+    }
+    showForm(templateRef) {
+        this.matDialog.open(templateRef, { width: '600px' });
+    }
+    onSaved(client) {
+        this.saved.emit(client);
+        this.matDialog.closeAll();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantFormButtonComponent, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantFormButtonComponent, isStandalone: true, selector: "app-tenant-form-button", inputs: { client: "client", isAppAdmin: "isAppAdmin" }, outputs: { saved: "saved" }, ngImport: i0, template: "<mat-icon class=\"cursor-pointer\" (click)=\"showForm(formTemplate)\">{{ client ? 'edit' : 'add' }}</mat-icon>\n\n<ng-template #formTemplate>\n  <div mat-dialog-content>\n    <app-company-information [client]=\"client\" [isAppAdmin]=\"isAppAdmin\" (saved)=\"onSaved($event)\"\n                             (cancelled)=\"matDialog.closeAll()\"></app-company-information>\n  </div>\n</ng-template>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: CompanyInformationComponent, selector: "app-company-information", inputs: ["client", "isAppAdmin"], outputs: ["saved", "cancelled"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantFormButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-tenant-form-button', standalone: true, imports: [
+                        MaterialModule,
+                        CompanyInformationComponent
+                    ], template: "<mat-icon class=\"cursor-pointer\" (click)=\"showForm(formTemplate)\">{{ client ? 'edit' : 'add' }}</mat-icon>\n\n<ng-template #formTemplate>\n  <div mat-dialog-content>\n    <app-company-information [client]=\"client\" [isAppAdmin]=\"isAppAdmin\" (saved)=\"onSaved($event)\"\n                             (cancelled)=\"matDialog.closeAll()\"></app-company-information>\n  </div>\n</ng-template>\n" }]
+        }], ctorParameters: () => [{ type: i1.MatDialog }], propDecorators: { client: [{
+                type: Input
+            }], saved: [{
+                type: Output
+            }], isAppAdmin: [{
+                type: Input
+            }] } });
 
 class CompanyInfoDisplayComponent {
     constructor(currentUserService) {
         this.currentUserService = currentUserService;
         this.forceReload = true;
+        this.isEditAllowed = false;
+        this.isAppAdmin = false;
     }
     ngOnInit() {
+        this.loadData();
+    }
+    loadData() {
         if (this.forceReload) {
             this.currentUserService.getUserObservable(true).subscribe((user) => {
                 this.client = user?.client;
             });
         }
     }
+    onSaved(client) {
+        this.client = client;
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInfoDisplayComponent, deps: [{ token: CurrentUserService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInfoDisplayComponent, isStandalone: true, selector: "app-company-info-display", inputs: { client: "client", forceReload: "forceReload" }, ngImport: i0, template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div>\n    <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CompanyInfoDisplayComponent, isStandalone: true, selector: "app-company-info-display", inputs: { client: "client", forceReload: "forceReload", isEditAllowed: "isEditAllowed", isAppAdmin: "isAppAdmin" }, ngImport: i0, template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div class=\"w-100\">\n    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n      <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n      <app-tenant-form-button (saved)=\"onSaved($event)\" *ngIf=\"isEditAllowed\" [client]=\"client\" [isAppAdmin]=\"isAppAdmin\">\n      </app-tenant-form-button>\n    </div>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TenantFormButtonComponent, selector: "app-tenant-form-button", inputs: ["client", "isAppAdmin"], outputs: ["saved"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CompanyInfoDisplayComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-company-info-display', standalone: true, imports: [
-                        NgIf
-                    ], template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div>\n    <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n" }]
+                        NgIf,
+                        TenantFormButtonComponent
+                    ], template: "<div *ngIf=\"client\" class=\"d-flex justify-content-start align-items-start gap-2\">\n  <img *ngIf=\"client?.logo\" [src]=\"client?.logo\" class=\"img img-thumbnail\" style=\"max-height: 75px\" alt=\"\">\n  <div class=\"w-100\">\n    <div class=\"d-flex justify-content-between align-items-center gap-2\">\n      <h3 class=\"text-dark mb-1\">{{ client?.name }}</h3>\n      <app-tenant-form-button (saved)=\"onSaved($event)\" *ngIf=\"isEditAllowed\" [client]=\"client\" [isAppAdmin]=\"isAppAdmin\">\n      </app-tenant-form-button>\n    </div>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.address\">\n      {{ client?.address }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.phone\">\n      {{ client?.phone }}\n    </p>\n    <p class=\"mb-1 text-secondary\" *ngIf=\"client?.email\">\n      {{ client?.email }}\n    </p>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: CurrentUserService }], propDecorators: { client: [{
                 type: Input
             }], forceReload: [{
                 type: Input
+            }], isEditAllowed: [{
+                type: Input
+            }], isAppAdmin: [{
+                type: Input
             }] } });
 
 class TechlifyAppService extends TechlifyServiceBaseClass {
@@ -13158,15 +13318,16 @@ class TenantListWidgetComponent extends TechlifyListingControllerInterface {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantListWidgetComponent, deps: [{ token: ClientService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantListWidgetComponent, isStandalone: true, selector: "app-tenant-list-widget", usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content>\n    <mat-card-title>Tenants</mat-card-title>\n  </mat-card-content>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\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\"> {{ element?.name }}</td>\n      </ng-container>\n\n      <!-- Users Column -->\n      <ng-container matColumnDef=\"Users\">\n        <th mat-header-cell *matHeaderCellDef> Users </th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.users_count }}</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 element\">\n          <mat-icon class=\"cursor-pointer\" [routerLink]=\"['/app-admin/tenants', element?.id, 'view']\">\n            visibility\n          </mat-icon>\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    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: TenantListWidgetComponent, isStandalone: true, selector: "app-tenant-list-widget", usesInheritance: true, ngImport: i0, template: "<mat-card>\n  <mat-card-content>\n    <mat-card-title class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h4 class=\"mb-0\">Tenants</h4>\n      <app-tenant-form-button [isAppAdmin]=\"true\" class=\"mt-2\" (saved)=\"reload()\">\n      </app-tenant-form-button>\n    </mat-card-title>\n  </mat-card-content>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\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\"> {{ element?.name }}</td>\n      </ng-container>\n\n      <!-- Users Column -->\n      <ng-container matColumnDef=\"Users\">\n        <th mat-header-cell *matHeaderCellDef> Users </th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.users_count }}</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 element\">\n          <mat-icon class=\"cursor-pointer\" [routerLink]=\"['/app-admin/tenants', element?.id, 'view']\">\n            visibility\n          </mat-icon>\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    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i8$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i13.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i13.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i13.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i13.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i13.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i13.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i13.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i13.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i13.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i13.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: TenantFormButtonComponent, selector: "app-tenant-form-button", inputs: ["client", "isAppAdmin"], outputs: ["saved"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: TenantListWidgetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-tenant-list-widget', standalone: true, imports: [
                         MaterialModule,
                         NgIf,
-                        RouterLink
-                    ], template: "<mat-card>\n  <mat-card-content>\n    <mat-card-title>Tenants</mat-card-title>\n  </mat-card-content>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\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\"> {{ element?.name }}</td>\n      </ng-container>\n\n      <!-- Users Column -->\n      <ng-container matColumnDef=\"Users\">\n        <th mat-header-cell *matHeaderCellDef> Users </th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.users_count }}</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 element\">\n          <mat-icon class=\"cursor-pointer\" [routerLink]=\"['/app-admin/tenants', element?.id, 'view']\">\n            visibility\n          </mat-icon>\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    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n" }]
+                        RouterLink,
+                        TenantFormButtonComponent
+                    ], template: "<mat-card>\n  <mat-card-content>\n    <mat-card-title class=\"d-flex justify-content-start align-items-center gap-2\">\n      <h4 class=\"mb-0\">Tenants</h4>\n      <app-tenant-form-button [isAppAdmin]=\"true\" class=\"mt-2\" (saved)=\"reload()\">\n      </app-tenant-form-button>\n    </mat-card-title>\n  </mat-card-content>\n  <mat-card-content class=\"p-0\">\n    <table mat-table [dataSource]=\"models\" class=\"w-100\">\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\"> {{ element?.name }}</td>\n      </ng-container>\n\n      <!-- Users Column -->\n      <ng-container matColumnDef=\"Users\">\n        <th mat-header-cell *matHeaderCellDef> Users </th>\n        <td mat-cell *matCellDef=\"let element\">{{ element?.users_count }}</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 element\">\n          <mat-icon class=\"cursor-pointer\" [routerLink]=\"['/app-admin/tenants', element?.id, 'view']\">\n            visibility\n          </mat-icon>\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    <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n  </mat-card-content>\n</mat-card>\n" }]
         }], ctorParameters: () => [{ type: ClientService }] });
 
 class AppAdminHomeComponent {
@@ -13348,7 +13509,8 @@ class AppAdminUserViewModule {
             LoginHistoryForUserModule,
             AuditLogListModule,
             AppAdminUserViewRoutingProvider,
-            UserModule], exports: [AppAdminUserViewComponent] }); }
+            UserClientsListModule,
+            UserSessionsModule], exports: [AppAdminUserViewComponent] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAdminUserViewModule, imports: [CommonModule,
             MaterialModule,
             FlexLayoutModule,
@@ -13357,7 +13519,8 @@ class AppAdminUserViewModule {
             LoginHistoryForUserModule,
             AuditLogListModule,
             AppAdminUserViewRoutingProvider,
-            UserModule] }); }
+            UserClientsListModule,
+            UserSessionsModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AppAdminUserViewModule, decorators: [{
             type: NgModule,
@@ -13371,7 +13534,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         LoginHistoryForUserModule,
                         AuditLogListModule,
                         AppAdminUserViewRoutingProvider,
-                        UserModule,
+                        UserClientsListModule,
+                        UserSessionsModule
                     ],
                     declarations: [
                         AppAdminUserViewComponent
@@ -13395,5 +13559,5 @@ var appAdminUserView_module = /*#__PURE__*/Object.freeze({
  * Generated bundle index. Do not edit.
  */
 
-export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AppAdminHomeComponent, AppAdminModule, AppAdminUserViewComponent, AppAdminUserViewModule, AppSwitcherComponent, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ClientService, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, CompanyInfoDisplayComponent, CompanyInformationComponent, ConfigService, CoreModule, CredentialsService, CurrentUserService, DEFAULT_SELECTED_VALUE, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFileService, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginComponent, LoginFormFieldsComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, NgxTechlifyUsersModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelector, PageEvent, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleModule, RoleRoutingProvider, RoleService, RolesViewAllComponent, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFormComponentInterface, TechlifyListingControllerInterface, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyServiceBaseClass, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, TenantListWidgetComponent, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientsListComponent, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserExploreComponent, UserFormComponent, UserListPageConfig, UserMenuComponent, UserMenuModule, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UserViewComponent, UsersViewAllComponent, UtilityModule, ViewerConfig, WrapPipe, calculateTimeline, esfur, estlr, esulr };
+export { AccessControlConfigModule, ActionPopup, ActionPopupComponent, ActionPopupModule, AlertService, ApiPrefixInterceptor, AppAdminHomeComponent, AppAdminModule, AppAdminUserViewComponent, AppAdminUserViewModule, AppSwitcherComponent, AuditLogForModelComponent, AuditLogForModelModule, AuditLogForModelRoutingModule, AuditLogListComponent, AuditLogListFilterComponent, AuditLogListFilterModule, AuditLogListFilterRoutingModule, AuditLogListModule, AuditLogListRoutingModule, AuditLogModule, AuditLogRoutingModule, AuditLogViewComponent, AuditLogViewModelComponent, AuditLogViewModelModule, AuditLogViewModelRoutingModule, AuditLogViewModule, AuditLogViewRoutingModule, AuditLogsViewModelComponent, AuditLogsViewModelModule, AuditLogsViewModelRoutingModule, AuthenticationGuard, AuthenticationService, CacheInterceptor, ChangePasswordModule, ClientService, ColumnConfig, ColumnSelectorComponent, ColumnSelectorModule, CommentFormComponent, CompanyInfoDisplayComponent, CompanyInformationComponent, ConfigService, CoreModule, CredentialsService, CurrentUserService, DEFAULT_SELECTED_VALUE, DataManager, DataTable, DataTableComponent, DataTableModule, DateUtils, DateValidator, DocumentViewerComponent, DocumentViewerModule, EmailSubscriptionForUserComponent, EmailSubscriptionForUserModule, EmailSubscriptionForUserRoutingModule, EmailSubscriptionModule, EmailSubscriptionRoutingModule, EmailSubscriptionTypeFormComponent, EmailSubscriptionTypeFormModule, EmailSubscriptionTypeFormRoutingModule, EmailSubscriptionTypeListComponent, EmailSubscriptionTypeListModule, EmailSubscriptionTypeListRoutingModule, EmailSubscriptionTypeModule, EmailSubscriptionTypeRoutingModule, EmailSubscriptionUserFormComponent, EmailSubscriptionUserFormModule, EmailSubscriptionUserFormRoutingModule, EmailSubscriptionUserListComponent, EmailSubscriptionUserListFilterComponent, EmailSubscriptionUserListFilterModule, EmailSubscriptionUserListFilterRoutingModule, EmailSubscriptionUserListModule, EmailSubscriptionUserListRoutingModule, EmailSubscriptionUserModule, EmailSubscriptionUserRoutingModule, EntityFileFormComponent, EntityFileService, EntityFilesViewAllComponent, EntityFilesViewAllModule, ErrorHandlerInterceptor, ErrorHandlerService, ErrorSnackComponent, ExportExcelButtonComponent, ExportExcelModule, FileDragdropUploaderComponent, FileDragdropUploaderModule, FileDropperComponent, FileDropperConfig, FileDropperModule, FilterService, ForgotPasswordComponent, ForgotPasswordModule, ForgotPasswordRoutingModule, FormValidatorService, HTTP_DYNAMIC_INTERCEPTORS, HttpCacheService, HttpService, ImportCsvComponent, ImportCsvModule, LoaderComponent, LoaderModule, LogLevel, Logger, LoginComponent, LoginFormFieldsComponent, LoginHistoryForUserComponent, LoginHistoryForUserModule, LoginHistoryForUserRoutingModule, LoginModule, LoginRoutingModule, MaterialModule, MultiUserConfig, NgxTechlifyUsersModule, NoteFormComponent, NoteListComponent, NoteModule, NumItemsSelector, NumberInputButtonComponent, NumberInputButtonModule, NumberSelector, PageEvent, Permission, PermissionModule, PermissionRoutingProvider, PermissionsManagementComponent, ProfileEditComponent, ProfileModule, ProfileRoutingModule, ReadMoreComponent, ReadMoreModule, RequestHelperService, ResetPasswordComponent, ResetPasswordModule, ResetPasswordRoutingModule, ResetPasswordService, RestrictorTypeSelectorComponent, RestrictorTypeSelectorModule, RestrictorsModule, Role, RoleFormButtonComponent, RoleFormComponent, RoleModule, RoleRoutingProvider, RoleService, RolesViewAllComponent, RouteReusableStrategy, SearchableSelectorComponent, SearchableSelectorModule, SignUpComponent, SignupModule, SignupRoutingModule, SnackModule, StorageService, SuccessSnackComponent, TechlifyCompanySwitcherComponent, TechlifyCompanySwitcherModule, TechlifyConfig, TechlifyFeatureEnabledDirective, TechlifyFeatureListingComponent, TechlifyFeatureModule, TechlifyFeatureRoutes, TechlifyFormComponentInterface, TechlifyListingControllerInterface, TechlifyNotificationForUserComponent, TechlifyNotificationForUserModule, TechlifyNotificationForUserRoutingModule, TechlifyNotificationModule, TechlifyNotificationRoutingModule, TechlifyServiceBaseClass, TechlifyTaggerTagFormConfigModel, TechlifyTaggerTagFormFieldComponent, TechlifyTaggerTagFormFieldModule, TechlifyTaggerTagSelectorComponent, TechlifyTaggerTagSelectorModule, TechlifyUpdateHistoryModule, TechlifyUpdateModule, TechlifyUpdateService, TechlifyUpdatesTeaserComponent, TechlifyUpdatesTeaserModule, TenantFormButtonComponent, TenantListWidgetComponent, Timeline, TimelineFilterComponent, TimelineFilterModule, TokenInterceptor, UpdateNotifierComponent, UpdateNotifierModule, User, UserClientEnableDisableButtonComponent, UserClientEnableDisableButtonModule, UserClientsListComponent, UserClientsListModule, UserConfig, UserConfigService, UserDataService, UserEnableButtonComponent, UserEnableButtonModule, UserExploreComponent, UserFormComponent, UserListPageConfig, UserMenuComponent, UserMenuModule, UserModule, UserRoutingProvider, UserSelectorComponent, UserSelectorModule, UserService, UserSessionsComponent, UserSessionsModule, UserViewComponent, UsersViewAllComponent, UtilityModule, ViewerConfig, WrapPipe, calculateTimeline, esfur, estlr, esulr };
 //# sourceMappingURL=ngx-techlify-core.mjs.map