tango-app-ui-shared 3.0.11 → 3.0.12-dev

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

@@ -8,11 +8,11 @@ import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { filter } from 'rxjs/operators';
 import * as i3 from '@angular/platform-browser';
+import { BehaviorSubject, Subject, throwError, map, catchError } from 'rxjs';
 import dayjs from 'dayjs';
 import 'dayjs/locale/en';
 import utc from 'dayjs/plugin/utc';
 import timezone from 'dayjs/plugin/timezone';
-import { BehaviorSubject, throwError, map, catchError } from 'rxjs';
 import * as i3$1 from '@angular/common/http';
 import * as i4 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -1539,6 +1539,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
             args: [{ selector: 'lib-scripts-init', template: "" }]
         }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1.PageInfoService }, { type: i1$1.Router }, { type: i3.Title }] });
 
+class GlobalStateService {
+    userData = new BehaviorSubject(null);
+    environment = new BehaviorSubject(null);
+    dataRangeValue = new Subject();
+    selectedClient = new BehaviorSubject(null);
+    apply(options) {
+        this.dataRangeValue.next(options);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
 class PageTitleComponent {
     pageInfo;
     cd;
@@ -1584,21 +1602,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImpor
                 type: Input
             }] } });
 
-class GlobalStateService {
-    userData = new BehaviorSubject(null);
-    environment = new BehaviorSubject(null);
-    dataRangeValue = new BehaviorSubject(null);
-    selectedClient = new BehaviorSubject(null);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: GlobalStateService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 class AuthService {
     router;
     gs;
@@ -1711,7 +1714,7 @@ class ClassicComponent {
                     this.selectedFilters.clients = currentIssues;
                     this.selectedFilters.client = headerFilters.client;
                     // }
-                    this.globalService.dataRangeValue.next(this.selectedFilters);
+                    this.globalService.apply(this.selectedFilters);
                     this.cd.detectChanges();
                 }
                 else {
@@ -1855,7 +1858,7 @@ class ClassicComponent {
                 });
             }
         }
-        this.globalService.dataRangeValue.next(this.selectedFilters);
+        this.globalService.apply(this.selectedFilters);
         this.cd.detectChanges();
         this.Opendropdown = false;
         this.selectedValuesArray.forEach((item, index) => {
@@ -2094,15 +2097,20 @@ class ClientSettingsComponent {
                         }
                         else {
                             this.selectedClient = this.clientList[0];
-                            this.gs.selectedClient.next(this.selectedClient);
+                            this.selectedFilters.client = this.selectedClient.clientId;
+                            this.gs.apply(this.selectedFilters);
                             this.cd.detectChanges();
                         }
                         this.selectedFilters.client = headerFilters.client;
-                        this.gs.dataRangeValue.next(this.selectedFilters);
+                        this.gs.apply(this.selectedFilters);
+                        this.cd.detectChanges();
+                    }
+                    else {
+                        this.selectedClient = this.clientList[0];
+                        this.selectedFilters.client = this.selectedClient.clientId;
+                        this.gs.apply(this.selectedFilters);
                         this.cd.detectChanges();
                     }
-                }
-                else {
                 }
             },
         });
@@ -2210,7 +2218,7 @@ class DatepickerComponent {
         }
         const headerFilters = JSON.parse(localStorage.getItem("header-filters") || "{}");
         this.selectedFilters = headerFilters;
-        this.gs.dataRangeValue.next(this.selectedFilters);
+        this.gs.apply(this.selectedFilters);
         this.selectedFilters.date = this.selectedDateRange;
         localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
         this.cd.detectChanges();
@@ -2254,16 +2262,15 @@ class DateSingleSelectComponent {
                         this.clientList.find((obj) => {
                             if (obj.clientId === headerFilters.client) {
                                 this.selectedClient = obj;
-                                this.gs.dataRangeValue.next(this.selectedFilters);
+                                this.gs.apply(this.selectedFilters);
                                 this.cd.detectChanges();
                             }
                         });
                     }
                     else {
                         this.selectedClient = this.clientList[0];
-                        console.log(this.selectedClient);
                         this.selectedFilters.client = this.selectedClient.clientId;
-                        this.gs.dataRangeValue.next(this.selectedFilters);
+                        this.gs.apply(this.selectedFilters);
                         this.cd.detectChanges();
                     }
                 }
@@ -2281,7 +2288,7 @@ class DateSingleSelectComponent {
                     }
                 });
             }
-            this.gs.dataRangeValue.next(this.selectedFilters);
+            this.gs.apply(this.selectedFilters);
             this.selectedFilters.client = headerFilters.client;
             this.selectedFilters.clients = [headerFilters.clients];
             this.selectedFilters.date = headerFilters.date;
@@ -2295,7 +2302,7 @@ class DateSingleSelectComponent {
     }
     onClientSelect(event) {
         this.selectedClient = event;
-        this.gs.selectedClient.next(this.selectedClient);
+        this.gs.apply(this.selectedClient);
         this.cd.detectChanges();
     }
     ranges = {
@@ -2350,7 +2357,7 @@ class DateSingleSelectComponent {
         this.selectedFilters = headerFilters;
         this.selectedFilters.client = this.selectedClient.clientId;
         this.selectedFilters.date = this.selectedDateRange;
-        this.gs.dataRangeValue.next(this.selectedFilters);
+        this.gs.apply(this.selectedFilters);
         localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: DateSingleSelectComponent, deps: [{ token: AuthService }, { token: GlobalStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
@@ -2391,7 +2398,7 @@ class SingleStoreComponent {
                         this.storeList.find((obj) => {
                             if (obj.storeId === headerFilters.store) {
                                 this.selectedClient = obj;
-                                this.gs.dataRangeValue.next(this.selectedFilters);
+                                this.gs.apply(this.selectedFilters);
                                 this.cd.detectChanges();
                             }
                         });
@@ -2399,8 +2406,8 @@ class SingleStoreComponent {
                     else {
                         this.selectedClient = this.storeList[0];
                         this.selectedFilters.store = this.selectedClient.storeId;
-                        console.log(this.selectedFilters);
-                        this.gs.dataRangeValue.next(this.selectedFilters);
+                        // console.log(this.selectedFilters)
+                        this.gs.apply(this.selectedFilters);
                         this.cd.detectChanges();
                     }
                 }
@@ -2418,7 +2425,7 @@ class SingleStoreComponent {
                     }
                 });
             }
-            this.gs.dataRangeValue.next(this.selectedFilters);
+            this.gs.apply(this.selectedFilters);
             this.selectedFilters.store = headerFilters.store;
             this.selectedFilters.client = headerFilters.client;
             this.selectedFilters.clients = [headerFilters.clients];
@@ -2434,7 +2441,7 @@ class SingleStoreComponent {
     }
     onClientSelect(event) {
         this.selectedClient = event;
-        this.gs.selectedClient.next(this.selectedClient);
+        this.gs.apply(this.selectedClient);
     }
     ranges = {
         'Today': [this.dayjs(), this.dayjs()],
@@ -2487,7 +2494,7 @@ class SingleStoreComponent {
         this.selectedFilters = headerFilters;
         this.selectedFilters.store = this.selectedClient.storeId;
         this.selectedFilters.date = this.selectedDateRange;
-        this.gs.dataRangeValue.next(this.selectedFilters);
+        this.gs.apply(this.selectedFilters);
         localStorage.setItem('header-filters', JSON.stringify(this.selectedFilters));
         this.cd.detectChanges();
     }
@@ -2503,6 +2510,7 @@ class ToolbarComponent {
     layout;
     router;
     route;
+    gs;
     unsubscribe = [];
     // Public props
     currentLayoutType;
@@ -2525,12 +2533,17 @@ class ToolbarComponent {
     datepicker;
     singleSelectdatepicker;
     singleStore;
-    constructor(layout, router, route) {
+    headervalue;
+    storeId;
+    constructor(layout, router, route, gs) {
         this.layout = layout;
         this.router = router;
         this.route = route;
+        this.gs = gs;
     }
     ngOnInit() {
+        // let data:any = JSON.parse(localStorage.getItem('header-filters') || '');
+        // this.storeId =  data.store;
         this.route.queryParams.subscribe((queryParams) => {
             this.querParams = queryParams;
         });
@@ -2576,6 +2589,10 @@ class ToolbarComponent {
         this.unsubscribe.forEach((sb) => sb.unsubscribe());
     }
     showPageTitle() {
+        if ("header-filters" in localStorage) {
+            const data = JSON.parse(localStorage.getItem("header-filters") || "{}");
+            this.storeId = data.store;
+        }
         let url = this.router.url.split("/");
         if (url[2] == 'settings') {
             console.log(this.router.url);
@@ -2599,20 +2616,27 @@ class ToolbarComponent {
             this.singleStore = false;
             this.singleSelectdatepicker = false;
         }
-        else if (this.router.url == "/manage/stores") {
+        else if (this.router.url == "/manage/stores" || this.router.url == "/manage/stores/addition-method" || this.router.url == "/manage/stores/add-single-store" || this.router.url == "manage/stores/edge-app") {
             this.singleSelect = false;
             this.multiSelect = false;
             this.datepicker = false;
             this.singleStore = false;
             this.singleSelectdatepicker = true;
         }
-        else if (this.router.url == "/manage/stores/LKST123/infra-ticket") {
+        else if (this.router.url == `/manage/stores/${this.storeId}/infra-ticket` || this.router.url == `/manage/stores/${this.storeId}/settings`) {
             this.singleSelect = false;
             this.multiSelect = false;
             this.datepicker = false;
             this.singleSelectdatepicker = false;
             this.singleStore = true;
         }
+        else if (this.router.url == "/profile") {
+            this.singleSelect = false;
+            this.multiSelect = false;
+            this.datepicker = false;
+            this.singleStore = false;
+            this.singleSelectdatepicker = false;
+        }
         else {
             this.singleSelect = false;
             this.multiSelect = true;
@@ -2624,13 +2648,13 @@ class ToolbarComponent {
         return (this.appPageTitleDisplay &&
             viewsWithPageTitles.some((t) => t === this.appToolbarLayout));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.8", ngImport: i0, type: ToolbarComponent, deps: [{ token: i1.LayoutService }, { token: i1$1.Router }, { token: i1$1.ActivatedRoute }, { token: GlobalStateService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.8", 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=\"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\">\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\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n\r\n   <ng-container *ngIf=\"datepicker\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker\">\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=\"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</div>\r\n<!--end::Toolbar container-->\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.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" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.8", 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=\"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\">\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\">\r\n    <lib-client-settings class=\"d-flex align-items-center me-5\"></lib-client-settings>\r\n   </ng-container>\r\n\r\n   <ng-container *ngIf=\"datepicker\">\r\n    <lib-datepicker class=\"d-flex align-items-center me-5\"></lib-datepicker>\r\n   </ng-container>\r\n   <ng-container *ngIf=\"singleSelectdatepicker\">\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=\"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</div>\r\n<!--end::Toolbar container-->\r\n" }]
-        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }], propDecorators: { currentLayoutType: [{
+        }], ctorParameters: () => [{ type: i1.LayoutService }, { type: i1$1.Router }, { type: i1$1.ActivatedRoute }, { type: GlobalStateService }], propDecorators: { currentLayoutType: [{
                 type: Input
             }], appToolbarLayout: [{
                 type: Input
@@ -4292,6 +4316,10 @@ const Routing = [
         path: 'manage',
         loadChildren: () => import('./tango-app-ui-shared-manage-wrapper.module-B6GJQNQZ.mjs').then((m) => m.ManageWrapperModule),
     },
+    {
+        path: 'manage/stores/edge-app',
+        loadChildren: () => import('./tango-app-ui-shared-edge-wrapper.module-DM8Er_Bd.mjs').then((m) => m.TangoEdgeAppWrapperModule),
+    },
     {
         path: 'manage/stores/:id',
         loadChildren: () => import('./tango-app-ui-shared-store-wrapper.module-UYYC9an_.mjs').then((m) => m.StoreWrapperModule),