@brggroup/share-lib 0.0.89 → 0.0.90

package/fesm2022/brggroup-share-lib.mjs

@@ -567,14 +567,12 @@ class SessionManagerService {
     TOKEN_REFRESH_EVENT = 'APP_TOKEN_REFRESH_EVENT';
     tabId = crypto.randomUUID();
     isLeader = false;
-    isRunning = false;
     refreshLock = false;
     channel = null;
     /* -------------------------------- START -------------------------------- */
     start(handlers) {
-        if (this.IDLE_TIME <= 0 || this.isRunning)
+        if (this.IDLE_TIME <= 0)
             return;
-        this.isRunning = true;
         this.handlers = handlers;
         if ('BroadcastChannel' in window) {
             this.channel = new BroadcastChannel('APP_SESSION');
@@ -585,14 +583,11 @@ class SessionManagerService {
         this.resetIdle();
         this.electLeader();
     }
-    // stop() {
-    //   this.isRunning = false;
-    //   clearTimeout(this.idleTimer);
-    //   clearTimeout(this.refreshTimer);
-    //   clearInterval(this.heartbeatTimer);
-    //   this.channel?.close();
-    //   this.channel = null;
-    // }
+    stop() {
+        clearTimeout(this.idleTimer);
+        clearTimeout(this.refreshTimer);
+        clearInterval(this.heartbeatTimer);
+    }
     /* -------------------------------- ACTIVITY -------------------------------- */
     listenActivity() {
         const events = ['mousemove', 'keydown', 'click', 'scroll'];
@@ -601,8 +596,6 @@ class SessionManagerService {
         });
     }
     onActivity = this.debounce(() => {
-        if (!this.isRunning)
-            return;
         this.updateActivity();
         this.resetIdle();
         this.broadcast(this.ACTIVITY_EVENT);
@@ -612,8 +605,6 @@ class SessionManagerService {
     }
     /* -------------------------------- IDLE -------------------------------- */
     resetIdle() {
-        if (!this.isRunning)
-            return;
         clearTimeout(this.idleTimer);
         const last = Number(localStorage.getItem(this.ACTIVITY_KEY) || Date.now());
         const remain = this.IDLE_TIME - (Date.now() - last);
@@ -657,7 +648,7 @@ class SessionManagerService {
     }
     /* -------------------------------- REFRESH TOKEN -------------------------------- */
     scheduleRefresh() {
-        if (!this.isLeader || !this.isRunning)
+        if (!this.isLeader)
             return;
         clearTimeout(this.refreshTimer);
         const token = this.handlers.getToken();
@@ -674,7 +665,7 @@ class SessionManagerService {
         }, delay);
     }
     async refreshToken() {
-        if (!this.isLeader || this.refreshLock || !this.isRunning)
+        if (!this.isLeader || this.refreshLock)
             return;
         this.refreshLock = true;
         try {
@@ -699,8 +690,6 @@ class SessionManagerService {
         if (!this.channel)
             return;
         this.channel.onmessage = (msg) => {
-            if (!this.isRunning)
-                return;
             const type = msg.data?.type;
             if (type === this.ACTIVITY_EVENT) {
                 this.resetIdle();
@@ -720,8 +709,6 @@ class SessionManagerService {
         };
     }
     broadcast(type) {
-        if (!this.isRunning)
-            return;
         if (this.channel) {
             this.channel.postMessage({ type });
         }
@@ -737,8 +724,6 @@ class SessionManagerService {
     }
     /* -------------------------------- LOGOUT -------------------------------- */
     logout() {
-        if (!this.isRunning)
-            return;
         this.handlers.logout();
         this.broadcast(this.LOGOUT_EVENT);
     }
@@ -823,12 +808,6 @@ class AuthService extends HTTPService {
             }
             this.notiService.success('Đăng nhập thành công');
             TokenStorage.saveToken(res);
-            /* start session manager */
-            this.sessionManager.start({
-                refreshToken: () => this.refreshToken(),
-                logout: () => this.signOut(),
-                getToken: () => this.getToken(),
-            });
             this.sessionManager.broadcastLogin();
             if (returnUrl) {
                 this.router.navigateByUrl(returnUrl);
@@ -861,10 +840,12 @@ class AuthService extends HTTPService {
     /* ----------------------------------------
         LOGOUT
     ---------------------------------------- */
-    signOut() {
+    signOut(broadcastEvent = false) {
         TokenStorage.clearToken();
-        this.sessionManager.broadcastLogout();
-        // this.sessionManager.stop();
+        if (broadcastEvent) {
+            this.sessionManager.broadcastLogout();
+        }
+        this.sessionManager.stop();
         const currentUrl = this.router.routerState.snapshot.url;
         this.router.navigate(['/login'], {
             queryParams: { returnUrl: currentUrl || '/' },
@@ -6408,7 +6389,7 @@ class LayoutUser extends BaseComponent {
         this.goto('/admin/user_profile');
     }
     logout() {
-        this.authService.signOut();
+        this.authService.signOut(true);
     }
     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] });