tango-app-ui-shared 3.3.1-beta.92 → 3.3.1-beta.93

package/fesm2022/tango-app-ui-shared.mjs

@@ -136,6 +136,9 @@ class AuthService {
     getBrandDetails(id) {
         return this.http.get(`${this.clientApiUrl}/client-details/${id}`);
     }
+    getHeaderUsers(data) {
+        return this.http.post(`${this.trafficApiUrl}/headerUserEmails_v2`, data);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthService, deps: [{ token: i2.Router }, { token: i1.GlobalStateService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AuthService, providedIn: 'root' });
 }
@@ -2809,6 +2812,19 @@ class DatepickerComponent {
             localStorage.setItem("header-filters", JSON.stringify(this.selectedFilters));
             this.gs.dataRangeValue.next(this.selectedFilters);
         }
+        this.getUserInfo(this.selectedFilters.client);
+    }
+    getUserInfo(client) {
+        let obj = {
+            clientId: client ? client : ''
+        };
+        if (client) {
+            this.service.getHeaderUsers(obj).subscribe({
+                next: (e) => {
+                    localStorage.setItem("usersEmail-info", JSON.stringify(e?.data?.userEmailData || []));
+                }
+            });
+        }
     }
     ranges = {
         Today: [this.dayjs(), this.dayjs()],
@@ -3474,9 +3490,22 @@ class TrafficHeaderComponent {
                     // console.log("4")
                     this.cd.detectChanges();
                 }
+                this.getUserInfo(this.selectedFilters.client);
             },
         });
     }
+    getUserInfo(client) {
+        let obj = {
+            clientId: client ? client : ''
+        };
+        if (client) {
+            this.auth.getHeaderUsers(obj).subscribe({
+                next: (e) => {
+                    localStorage.setItem("usersEmail-info", JSON.stringify(e?.data?.userEmailData || []));
+                }
+            });
+        }
+    }
     onClientSelect(event) {
         // Update the selected client
         this.selectedClient = event;
@@ -4276,6 +4305,7 @@ class TraxHeaderComponent {
                     this.cd.detectChanges();
                 }
                 this.getDateRanges();
+                this.getUserInfo(this.selectedFilters?.client);
             },
         });
     }
@@ -4393,6 +4423,18 @@ class TraxHeaderComponent {
             }
         }
     }
+    getUserInfo(client) {
+        let obj = {
+            clientId: client ? client : ''
+        };
+        if (client) {
+            this.auth.getHeaderUsers(obj).subscribe({
+                next: (e) => {
+                    localStorage.setItem("usersEmail-info", JSON.stringify(e?.data?.userEmailData || []));
+                }
+            });
+        }
+    }
     opendropdown(e) {
         e.stopPropagation();
         this.Opendropdown = !this.Opendropdown;
@@ -6513,6 +6555,7 @@ class ToolbarComponent {
     router;
     route;
     gs;
+    auth;
     unsubscribe = [];
     // Public props
     currentLayoutType;
@@ -6551,17 +6594,23 @@ class ToolbarComponent {
     traxwithoutdatepicker;
     storesSingle;
     nobWithoutClient;
-    constructor(layout, router, route, gs) {
+    constructor(layout, router, route, gs, auth) {
         this.layout = layout;
         this.router = router;
         this.route = route;
         this.gs = gs;
+        this.auth = auth;
     }
     ngOnInit() {
         if ("user-info" in localStorage) {
             const userData = JSON.parse(localStorage.getItem("user-info") || "{}");
             this.users = userData;
         }
+        if ("header-filters" in localStorage) {
+            const data = JSON.parse(localStorage.getItem("header-filters") || "{}");
+            this.client = data?.client;
+        }
+        this.getUserInfo(this.client ? this.client : this.users.client);
         this.showPageTitle();
         const subscr = this.layout.layoutConfigSubject
             .asObservable()
@@ -6605,7 +6654,9 @@ class ToolbarComponent {
         this.unsubscribe.forEach((sb) => sb.unsubscribe());
         this.destroy$.next(true);
         this.destroy$.complete();
+        // localStorage.removeItem("usersEmail-info");
     }
+    client;
     showPageTitle() {
         let URL = "";
         if ("header-filters" in localStorage) {
@@ -6748,13 +6799,25 @@ class ToolbarComponent {
         this.storesSingle = storesSingle;
         this.nobWithoutClient = nobWithoutClient;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i1.GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
+    getUserInfo(client) {
+        let obj = {
+            clientId: client ? client : ''
+        };
+        if (client) {
+            this.auth.getHeaderUsers(obj).subscribe({
+                next: (e) => {
+                    localStorage.setItem("usersEmail-info", JSON.stringify(e?.data?.userEmailData || []));
+                }
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i1.GlobalStateService }, { token: AuthService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ToolbarComponent, selector: "lib-toolbar", inputs: { currentLayoutType: "currentLayoutType", appToolbarLayout: "appToolbarLayout" }, ngImport: i0, template: "<!--begin::Toolbar container-->\r\n<div id=\"kt_app_toolbar_container\" class=\"app-container\" [ngClass]=\"appToolbarContainerCSSClass\">\r\n  <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' || (gs.userAccess | async)?.userType === 'client' || (gs.userAccess | async)?.userType === 'lead'\"  >\r\n  <ng-container *ngIf=\"showPageTitle()\">\r\n    <lib-page-title [appPageTitleDirection]=\"appPageTitleDirection\" [appPageTitleBreadcrumb]=\"appPageTitleBreadcrumb\"\r\n      [appPageTitleDescription]=\"appPageTitleDescription\" class=\"page-title d-flex flex-wrap me-3\"\r\n      [ngClass]=\"{'flex-column justify-content-center': appPageTitleDirection === 'column', 'align-items-center': appPageTitleDirection !== 'column', appPageTitleCSSClass}\">\r\n    </lib-page-title>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"multiSelect && users.userType ==='tango'\">\r\n    <lib-classic class=\"d-flex align-items-center gap-2 gap-lg-3\"></lib-classic>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"singleSelect && users.userType ==='tango'\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"datepicker && (users.userType ==='client' || users.userType ==='tango')\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker && users.userType ==='tango'\">\r\n    <lib-date-single-select class=\"d-flex align-items-center me-5\"></lib-date-single-select>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleStore\">\r\n    <lib-single-store class=\"d-flex align-items-center me-5\"></lib-single-store>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"trafficdatepicker\">\r\n    <lib-traffic-header class=\"d-flex align-items-center me-5\"></lib-traffic-header>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"traxdatepicker\">\r\n    <lib-trax-header class=\"d-flex align-items-center me-5\"></lib-trax-header>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"traxwithoutdatepicker\">\r\n    <lib-trax-withoutdate class=\"d-flex align-items-center me-5\"></lib-trax-withoutdate>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"storesSingle\">\r\n    <lib-single-storedate class=\"d-flex align-items-center me-5\"></lib-single-storedate>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"nobWithoutClient\">\r\n    <lib-traffic-nob class=\"d-flex align-items-center me-5\"></lib-traffic-nob>\r\n   </ng-container>\r\n   \r\n <!-- <ng-container *ngIf=\"appToolbarLayout === 'extended'\">\r\n    <lib-extended class=\"d-flex align-items-center flex-shrink-0 me-5\"></lib-extended>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'reports'\">\r\n    <lib-reports class=\"d-flex align-items-center overflow-auto\" [appPageTitleDisplay]=\"appPageTitleDisplay\">\r\n    </lib-reports>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'saas'\">\r\n    <lib-saas class=\"d-flex align-items-center gap-2\" [appPageTitleDisplay]=\"appPageTitleDisplay\"></lib-saas>\r\n  </ng-container> -->\r\n</ng-container>\r\n</div>\r\n<!--end::Toolbar container-->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PageTitleComponent, selector: "lib-page-title", inputs: ["appPageTitleDirection", "appPageTitleBreadcrumb", "appPageTitleDescription"] }, { kind: "component", type: ClassicComponent, selector: "lib-classic" }, { kind: "component", type: ClientSettingsComponent, selector: "lib-client-settings" }, { kind: "component", type: DatepickerComponent, selector: "lib-datepicker" }, { kind: "component", type: DateSingleSelectComponent, selector: "lib-date-single-select" }, { kind: "component", type: SingleStoreComponent, selector: "lib-single-store", inputs: ["urlString"] }, { kind: "component", type: TrafficHeaderComponent, selector: "lib-traffic-header" }, { kind: "component", type: TraxHeaderComponent, selector: "lib-trax-header" }, { kind: "component", type: SingleStoredateComponent, selector: "lib-single-storedate" }, { kind: "component", type: TraxWithoutdateComponent, selector: "lib-trax-withoutdate" }, { kind: "component", type: TrafficNobComponent, selector: "lib-traffic-nob" }, { kind: "pipe", type: i4.AsyncPipe, name: "async" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: "lib-toolbar", template: "<!--begin::Toolbar container-->\r\n<div id=\"kt_app_toolbar_container\" class=\"app-container\" [ngClass]=\"appToolbarContainerCSSClass\">\r\n  <ng-container *ngIf=\"(gs.userAccess | async)?.userType === 'tango' || (gs.userAccess | async)?.userType === 'client' || (gs.userAccess | async)?.userType === 'lead'\"  >\r\n  <ng-container *ngIf=\"showPageTitle()\">\r\n    <lib-page-title [appPageTitleDirection]=\"appPageTitleDirection\" [appPageTitleBreadcrumb]=\"appPageTitleBreadcrumb\"\r\n      [appPageTitleDescription]=\"appPageTitleDescription\" class=\"page-title d-flex flex-wrap me-3\"\r\n      [ngClass]=\"{'flex-column justify-content-center': appPageTitleDirection === 'column', 'align-items-center': appPageTitleDirection !== 'column', appPageTitleCSSClass}\">\r\n    </lib-page-title>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"multiSelect && users.userType ==='tango'\">\r\n    <lib-classic class=\"d-flex align-items-center gap-2 gap-lg-3\"></lib-classic>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"singleSelect && users.userType ==='tango'\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"datepicker && (users.userType ==='client' || users.userType ==='tango')\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker && users.userType ==='tango'\">\r\n    <lib-date-single-select class=\"d-flex align-items-center me-5\"></lib-date-single-select>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleStore\">\r\n    <lib-single-store class=\"d-flex align-items-center me-5\"></lib-single-store>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"trafficdatepicker\">\r\n    <lib-traffic-header class=\"d-flex align-items-center me-5\"></lib-traffic-header>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"traxdatepicker\">\r\n    <lib-trax-header class=\"d-flex align-items-center me-5\"></lib-trax-header>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"traxwithoutdatepicker\">\r\n    <lib-trax-withoutdate class=\"d-flex align-items-center me-5\"></lib-trax-withoutdate>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"storesSingle\">\r\n    <lib-single-storedate class=\"d-flex align-items-center me-5\"></lib-single-storedate>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"nobWithoutClient\">\r\n    <lib-traffic-nob class=\"d-flex align-items-center me-5\"></lib-traffic-nob>\r\n   </ng-container>\r\n   \r\n <!-- <ng-container *ngIf=\"appToolbarLayout === 'extended'\">\r\n    <lib-extended class=\"d-flex align-items-center flex-shrink-0 me-5\"></lib-extended>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'reports'\">\r\n    <lib-reports class=\"d-flex align-items-center overflow-auto\" [appPageTitleDisplay]=\"appPageTitleDisplay\">\r\n    </lib-reports>\r\n  </ng-container>\r\n  <ng-container *ngIf=\"appToolbarLayout === 'saas'\">\r\n    <lib-saas class=\"d-flex align-items-center gap-2\" [appPageTitleDisplay]=\"appPageTitleDisplay\"></lib-saas>\r\n  </ng-container> -->\r\n</ng-container>\r\n</div>\r\n<!--end::Toolbar container-->\r\n" }]
-        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i1.GlobalStateService }], propDecorators: { currentLayoutType: [{
+        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i1.GlobalStateService }, { type: AuthService }], propDecorators: { currentLayoutType: [{
                 type: Input
             }], appToolbarLayout: [{
                 type: Input