@brggroup/share-lib 0.0.90 → 0.0.91

package/fesm2022/brggroup-share-lib.mjs

@@ -543,212 +543,6 @@ class TokenStorage {
     }
 }
 
-class SessionManagerService {
-    zone;
-    constructor(zone) {
-        this.zone = zone;
-    }
-    handlers;
-    idleTimer;
-    refreshTimer;
-    heartbeatTimer;
-    static IDLE_MIN = 15;
-    REFRESH_BEFORE = 120;
-    get IDLE_TIME() {
-        return (SessionManagerService.IDLE_MIN || 0) * 60 * 1000;
-    }
-    LEADER_KEY = 'APP_SESSION_LEADER';
-    HEARTBEAT_KEY = 'APP_SESSION_HEARTBEAT';
-    ACTIVITY_KEY = 'APP_LAST_ACTIVITY';
-    SESSION_EVENT = 'APP_SESSION_EVENT';
-    LOGIN_EVENT = 'APP_LOGIN_EVENT';
-    LOGOUT_EVENT = 'APP_LOGOUT_EVENT';
-    ACTIVITY_EVENT = 'APP_ACTIVITY_EVENT';
-    TOKEN_REFRESH_EVENT = 'APP_TOKEN_REFRESH_EVENT';
-    tabId = crypto.randomUUID();
-    isLeader = false;
-    refreshLock = false;
-    channel = null;
-    /* -------------------------------- START -------------------------------- */
-    start(handlers) {
-        if (this.IDLE_TIME <= 0)
-            return;
-        this.handlers = handlers;
-        if ('BroadcastChannel' in window) {
-            this.channel = new BroadcastChannel('APP_SESSION');
-            this.listenChannel();
-        }
-        this.listenActivity();
-        this.updateActivity();
-        this.resetIdle();
-        this.electLeader();
-    }
-    stop() {
-        clearTimeout(this.idleTimer);
-        clearTimeout(this.refreshTimer);
-        clearInterval(this.heartbeatTimer);
-    }
-    /* -------------------------------- ACTIVITY -------------------------------- */
-    listenActivity() {
-        const events = ['mousemove', 'keydown', 'click', 'scroll'];
-        events.forEach((e) => {
-            window.addEventListener(e, this.onActivity, true);
-        });
-    }
-    onActivity = this.debounce(() => {
-        this.updateActivity();
-        this.resetIdle();
-        this.broadcast(this.ACTIVITY_EVENT);
-    }, 1000);
-    updateActivity() {
-        localStorage.setItem(this.ACTIVITY_KEY, Date.now().toString());
-    }
-    /* -------------------------------- IDLE -------------------------------- */
-    resetIdle() {
-        clearTimeout(this.idleTimer);
-        const last = Number(localStorage.getItem(this.ACTIVITY_KEY) || Date.now());
-        const remain = this.IDLE_TIME - (Date.now() - last);
-        if (remain <= 0) {
-            this.logout();
-            return;
-        }
-        this.zone.runOutsideAngular(() => {
-            this.idleTimer = setTimeout(() => {
-                this.zone.run(() => this.logout());
-            }, remain);
-        });
-    }
-    /* -------------------------------- LEADER -------------------------------- */
-    electLeader() {
-        const leader = localStorage.getItem(this.LEADER_KEY);
-        if (!leader) {
-            this.becomeLeader();
-            return;
-        }
-        this.checkLeaderHeartbeat();
-    }
-    becomeLeader() {
-        this.isLeader = true;
-        localStorage.setItem(this.LEADER_KEY, this.tabId);
-        this.startHeartbeat();
-        this.scheduleRefresh();
-    }
-    startHeartbeat() {
-        this.heartbeatTimer = setInterval(() => {
-            localStorage.setItem(this.HEARTBEAT_KEY, Date.now().toString());
-        }, 2000);
-    }
-    checkLeaderHeartbeat() {
-        setTimeout(() => {
-            const beat = Number(localStorage.getItem(this.HEARTBEAT_KEY) || 0);
-            if (Date.now() - beat > 5000) {
-                this.becomeLeader();
-            }
-        }, 3000);
-    }
-    /* -------------------------------- REFRESH TOKEN -------------------------------- */
-    scheduleRefresh() {
-        if (!this.isLeader)
-            return;
-        clearTimeout(this.refreshTimer);
-        const token = this.handlers.getToken();
-        if (!token)
-            return;
-        const exp = this.parseJwt(token).exp * 1000;
-        const delay = exp - Date.now() - this.REFRESH_BEFORE * 1000;
-        if (delay <= 0) {
-            this.refreshToken();
-            return;
-        }
-        this.refreshTimer = setTimeout(() => {
-            this.refreshToken();
-        }, delay);
-    }
-    async refreshToken() {
-        if (!this.isLeader || this.refreshLock)
-            return;
-        this.refreshLock = true;
-        try {
-            const res = await this.handlers.refreshToken();
-            if (res?.IsSuccess) {
-                this.broadcast(this.TOKEN_REFRESH_EVENT);
-                this.scheduleRefresh();
-            }
-            else {
-                this.logout();
-            }
-        }
-        catch {
-            this.logout();
-        }
-        finally {
-            this.refreshLock = false;
-        }
-    }
-    /* -------------------------------- CHANNEL -------------------------------- */
-    listenChannel() {
-        if (!this.channel)
-            return;
-        this.channel.onmessage = (msg) => {
-            const type = msg.data?.type;
-            if (type === this.ACTIVITY_EVENT) {
-                this.resetIdle();
-            }
-            if (type === this.LOGOUT_EVENT) {
-                console.log('APP_SESSION CHANNEL: ', this.LOGOUT_EVENT);
-                this.handlers.logout();
-            }
-            if (type === this.LOGIN_EVENT) {
-                console.log('APP_SESSION CHANNEL: ', this.LOGIN_EVENT);
-                location.reload();
-            }
-            if (type === this.TOKEN_REFRESH_EVENT) {
-                console.log('APP_SESSION CHANNEL: ', this.TOKEN_REFRESH_EVENT);
-                this.scheduleRefresh();
-            }
-        };
-    }
-    broadcast(type) {
-        if (this.channel) {
-            this.channel.postMessage({ type });
-        }
-        else {
-            localStorage.setItem(this.SESSION_EVENT, JSON.stringify({ type, t: Date.now() }));
-        }
-    }
-    broadcastLogin() {
-        this.broadcast(this.LOGIN_EVENT);
-    }
-    broadcastLogout() {
-        this.broadcast(this.LOGOUT_EVENT);
-    }
-    /* -------------------------------- LOGOUT -------------------------------- */
-    logout() {
-        this.handlers.logout();
-        this.broadcast(this.LOGOUT_EVENT);
-    }
-    /* -------------------------------- UTILS -------------------------------- */
-    debounce(fn, delay) {
-        let timer;
-        return () => {
-            clearTimeout(timer);
-            timer = setTimeout(() => fn(), delay);
-        };
-    }
-    parseJwt(token) {
-        const payload = token.split('.')[1];
-        return JSON.parse(atob(payload));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i0.NgZone }] });
-
 const URLs$4 = {
     login: '/api/Auth/Login',
     register: '/api/Auth/Register',
@@ -762,7 +556,6 @@ class AuthService extends HTTPService {
     commonService = inject(CommonService);
     router = inject(Router);
     translate = inject(TranslateService);
-    sessionManager = inject(SessionManagerService);
     /* ----------------------------------------
         TOKEN
     ---------------------------------------- */
@@ -808,7 +601,6 @@ class AuthService extends HTTPService {
             }
             this.notiService.success('Đăng nhập thành công');
             TokenStorage.saveToken(res);
-            this.sessionManager.broadcastLogin();
             if (returnUrl) {
                 this.router.navigateByUrl(returnUrl);
             }
@@ -824,28 +616,11 @@ class AuthService extends HTTPService {
             headers: new HttpHeaders().set('Content-Type', 'application/json'),
         }));
     }
-    /* ----------------------------------------
-        INIT SESSION (reload page)
-    ---------------------------------------- */
-    initSession() {
-        const token = TokenStorage.getToken();
-        if (token) {
-            this.sessionManager.start({
-                refreshToken: () => this.refreshToken(),
-                logout: () => this.signOut(),
-                getToken: () => this.getToken(),
-            });
-        }
-    }
     /* ----------------------------------------
         LOGOUT
     ---------------------------------------- */
-    signOut(broadcastEvent = false) {
+    signOut() {
         TokenStorage.clearToken();
-        if (broadcastEvent) {
-            this.sessionManager.broadcastLogout();
-        }
-        this.sessionManager.stop();
         const currentUrl = this.router.routerState.snapshot.url;
         this.router.navigate(['/login'], {
             queryParams: { returnUrl: currentUrl || '/' },
@@ -1149,6 +924,209 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImpor
                 }]
         }] });
 
+class SessionManagerService {
+    zone;
+    constructor(zone) {
+        this.zone = zone;
+    }
+    authService = inject(AuthService);
+    idleTimer;
+    refreshTimer;
+    heartbeatTimer;
+    static IDLE_MIN = 15;
+    REFRESH_BEFORE = 120;
+    get IDLE_TIME() {
+        return (SessionManagerService.IDLE_MIN || 0) * 60 * 1000;
+    }
+    LEADER_KEY = 'APP_SESSION_LEADER';
+    HEARTBEAT_KEY = 'APP_SESSION_HEARTBEAT';
+    ACTIVITY_KEY = 'APP_LAST_ACTIVITY';
+    SESSION_EVENT = 'APP_SESSION_EVENT';
+    LOGIN_EVENT = 'APP_LOGIN_EVENT';
+    LOGOUT_EVENT = 'APP_LOGOUT_EVENT';
+    ACTIVITY_EVENT = 'APP_ACTIVITY_EVENT';
+    TOKEN_REFRESH_EVENT = 'APP_TOKEN_REFRESH_EVENT';
+    tabId = crypto.randomUUID();
+    isLeader = false;
+    refreshLock = false;
+    channel = null;
+    /* -------------------------------- START -------------------------------- */
+    start() {
+        if (this.IDLE_TIME <= 0)
+            return;
+        console.log('SessionManagerService > start > IDLE_TIME:', SessionManagerService.IDLE_MIN);
+        if ('BroadcastChannel' in window) {
+            this.channel = new BroadcastChannel('APP_SESSION');
+            this.listenChannel();
+        }
+        this.listenActivity();
+        this.updateActivity();
+        this.resetIdle();
+        this.electLeader();
+    }
+    stop() {
+        clearTimeout(this.idleTimer);
+        clearTimeout(this.refreshTimer);
+        clearInterval(this.heartbeatTimer);
+    }
+    async login(username, password, orgid, returnUrl) {
+        var ret = await this.authService.signIn(username, password, orgid, returnUrl);
+        if (ret) {
+            console.log('SessionManagerService > broadcast LOGIN');
+            this.broadcast(this.LOGIN_EVENT);
+        }
+    }
+    logout() {
+        this.authService.signOut();
+        this.broadcast(this.LOGOUT_EVENT);
+    }
+    /* -------------------------------- ACTIVITY -------------------------------- */
+    listenActivity() {
+        const events = ['mousemove', 'keydown', 'click', 'scroll'];
+        events.forEach((e) => {
+            window.addEventListener(e, this.onActivity, true);
+        });
+    }
+    onActivity = this.debounce(() => {
+        this.updateActivity();
+        this.resetIdle();
+        this.broadcast(this.ACTIVITY_EVENT);
+    }, 1000);
+    updateActivity() {
+        localStorage.setItem(this.ACTIVITY_KEY, Date.now().toString());
+    }
+    /* -------------------------------- IDLE -------------------------------- */
+    resetIdle() {
+        clearTimeout(this.idleTimer);
+        const last = Number(localStorage.getItem(this.ACTIVITY_KEY) || Date.now());
+        const remain = this.IDLE_TIME - (Date.now() - last);
+        if (remain <= 0) {
+            this.authService.signOut();
+            return;
+        }
+        this.zone.runOutsideAngular(() => {
+            this.idleTimer = setTimeout(() => {
+                this.zone.run(() => this.authService.signOut());
+            }, remain);
+        });
+    }
+    /* -------------------------------- LEADER -------------------------------- */
+    electLeader() {
+        const leader = localStorage.getItem(this.LEADER_KEY);
+        if (!leader) {
+            this.becomeLeader();
+            return;
+        }
+        this.checkLeaderHeartbeat();
+    }
+    becomeLeader() {
+        this.isLeader = true;
+        localStorage.setItem(this.LEADER_KEY, this.tabId);
+        this.startHeartbeat();
+        this.scheduleRefresh();
+    }
+    startHeartbeat() {
+        this.heartbeatTimer = setInterval(() => {
+            localStorage.setItem(this.HEARTBEAT_KEY, Date.now().toString());
+        }, 2000);
+    }
+    checkLeaderHeartbeat() {
+        setTimeout(() => {
+            const beat = Number(localStorage.getItem(this.HEARTBEAT_KEY) || 0);
+            if (Date.now() - beat > 5000) {
+                this.becomeLeader();
+            }
+        }, 3000);
+    }
+    /* -------------------------------- REFRESH TOKEN -------------------------------- */
+    scheduleRefresh() {
+        if (!this.isLeader)
+            return;
+        clearTimeout(this.refreshTimer);
+        const token = this.authService.getToken();
+        if (!token)
+            return;
+        const exp = this.parseJwt(token).exp * 1000;
+        const delay = exp - Date.now() - this.REFRESH_BEFORE * 1000;
+        if (delay <= 0) {
+            this.refreshToken();
+            return;
+        }
+        this.refreshTimer = setTimeout(() => {
+            this.refreshToken();
+        }, delay);
+    }
+    async refreshToken() {
+        if (!this.isLeader || this.refreshLock)
+            return;
+        this.refreshLock = true;
+        try {
+            const res = await this.authService.refreshToken();
+            if (res?.IsSuccess) {
+                this.broadcast(this.TOKEN_REFRESH_EVENT);
+                this.scheduleRefresh();
+            }
+            else {
+                this.logout();
+            }
+        }
+        catch {
+            this.logout();
+        }
+        finally {
+            this.refreshLock = false;
+        }
+    }
+    /* -------------------------------- CHANNEL -------------------------------- */
+    listenChannel() {
+        if (!this.channel)
+            return;
+        this.channel.onmessage = (msg) => {
+            const type = msg.data?.type;
+            if (type === this.ACTIVITY_EVENT) {
+                this.resetIdle();
+            }
+            if (type === this.LOGOUT_EVENT) {
+                location.reload();
+            }
+            if (type === this.LOGIN_EVENT) {
+                location.reload();
+            }
+            if (type === this.TOKEN_REFRESH_EVENT) {
+                this.scheduleRefresh();
+            }
+        };
+    }
+    broadcast(type) {
+        if (this.channel) {
+            this.channel.postMessage({ type });
+        }
+        else {
+            localStorage.setItem(this.SESSION_EVENT, JSON.stringify({ type, t: Date.now() }));
+        }
+    }
+    /* -------------------------------- UTILS -------------------------------- */
+    debounce(fn, delay) {
+        let timer;
+        return () => {
+            clearTimeout(timer);
+            timer = setTimeout(() => fn(), delay);
+        };
+    }
+    parseJwt(token) {
+        const payload = token.split('.')[1];
+        return JSON.parse(atob(payload));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: SessionManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i0.NgZone }] });
+
 class CustomModalService {
     modal;
     constructor(modal) {
@@ -6358,6 +6336,7 @@ const fadeSlide = trigger('fadeSlide', [
 class LayoutUser extends BaseComponent {
     cms = inject(CommonService);
     authService = inject(AuthService);
+    sessionManager = inject(SessionManagerService);
     breakpointObserver = inject(BreakpointObserver);
     TokenStorage = TokenStorage;
     isXSmall = false;
@@ -6389,7 +6368,7 @@ class LayoutUser extends BaseComponent {
         this.goto('/admin/user_profile');
     }
     logout() {
-        this.authService.signOut(true);
+        this.sessionManager.authService.signOut();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.7", ngImport: i0, type: LayoutUser, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.7", type: LayoutUser, isStandalone: true, selector: "layout-user", usesInheritance: true, ngImport: i0, template: "<nz-badge [nzSize]=\"'small'\" [nzCount]=\"0\">\n  <button nz-button nzType=\"text\" nzSize=\"small\">\n    <nz-icon nzType=\"bell\" nzTheme=\"outline\" style=\"color: #ffffff\" />\n  </button>\n</nz-badge>\n\n<button\n  *ngIf=\"!isXSmall && TokenStorage.getOrgName()\"\n  [@fadeInOut]\n  nz-button\n  nzType=\"text\"\n  nz-dropdown\n  [nzDropdownMenu]=\"menuOrg\"\n  style=\"height: 50px; color: #ffffff\"\n>\n  <nz-icon nzType=\"cluster\" nzTheme=\"outline\" />\n  {{ TokenStorage.getOrgName() }}\n</button>\n\n<nz-dropdown-menu #menuOrg=\"nzDropdownMenu\">\n  <ul nz-menu>\n    @for (org of lstOrg; track $index) {\n      <li *ngIf=\"$index > 0\" nz-menu-divider></li>\n      <li nz-menu-item (click)=\"changeOrg(org)\">\n        <nz-icon nzType=\"swap\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ org.Name }}\n      </li>\n    }\n  </ul>\n</nz-dropdown-menu>\n\n<button nz-button nzType=\"text\" nz-dropdown [nzDropdownMenu]=\"menuUser\" style=\"height: 50px; color: #ffffff\">\n  <nz-icon nzType=\"user\" nzTheme=\"outline\" />\n  {{ TokenStorage.getUserFullname() }}\n</button>\n\n<nz-dropdown-menu #menuUser=\"nzDropdownMenu\">\n  <ul nz-menu>\n    <li *ngIf=\"!(!isXSmall && TokenStorage.getOrgName())\" nz-menu-item>\n      <nz-icon nzType=\"cluster\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TokenStorage.getOrgName() }}\n    </li>\n    <li *ngIf=\"!(!isXSmall && TokenStorage.getOrgName())\" nz-menu-divider></li>\n    <li nz-menu-item (click)=\"gotoSetting()\">\n      <nz-icon nzType=\"setting\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TranslateKey.SETTING | translate }}\n    </li>\n    <li nz-menu-divider></li>\n    <li nz-menu-item (click)=\"logout()\">\n      <nz-icon nzType=\"logout\" nzTheme=\"outline\" />&nbsp;&nbsp; {{ TranslateKey.LOGOUT | translate }}\n    </li>\n  </ul>\n</nz-dropdown-menu>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "ngmodule", type: NzLayoutModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1$2.NzIconDirective, selector: "nz-icon,[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzDropDownModule }, { kind: "directive", type: i4$2.NzMenuDirective, selector: "[nz-menu]", inputs: ["nzInlineIndent", "nzTheme", "nzMode", "nzInlineCollapsed", "nzSelectable"], outputs: ["nzClick"], exportAs: ["nzMenu"] }, { kind: "component", type: i4$2.NzMenuItemComponent, selector: "[nz-menu-item]", inputs: ["nzPaddingLeft", "nzDisabled", "nzSelected", "nzDanger", "nzMatchRouterExact", "nzMatchRouter"], exportAs: ["nzMenuItem"] }, { kind: "directive", type: i4$2.NzMenuDividerDirective, selector: "[nz-menu-divider]", exportAs: ["nzMenuDivider"] }, { kind: "directive", type: i5$3.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i5$3.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i5$3.NzDropdownButtonDirective, selector: "[nz-button][nz-dropdown]" }, { kind: "ngmodule", type: NzGridModule }, { kind: "ngmodule", type: NzFlexModule }, { kind: "ngmodule", type: NzButtonModule }, { kind: "component", type: i8.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i9.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], nz-icon, [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "ngmodule", type: NzTreeModule }, { kind: "ngmodule", type: NzBackTopModule }, { kind: "ngmodule", type: NzDrawerModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: NzInputModule }, { kind: "ngmodule", type: NzSegmentedModule }, { kind: "ngmodule", type: NzBadgeModule }, { kind: "component", type: i8$1.NzBadgeComponent, selector: "nz-badge", inputs: ["nzShowZero", "nzShowDot", "nzStandalone", "nzDot", "nzOverflowCount", "nzColor", "nzStyle", "nzText", "nzTitle", "nzStatus", "nzCount", "nzOffset", "nzSize"], exportAs: ["nzBadge"] }], animations: [fadeInOut] });