tango-app-ui-shared 3.3.1-beta.2 → 3.3.1-beta.4

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

@@ -3197,7 +3197,11 @@ class TrafficHeaderComponent {
         this.Opendropdown = false;
     }
     ngOnInit() {
-        // this.Reset();
+        this.gs?.manageRefreshTrigger?.subscribe((e) => {
+            if (e) {
+                this.getClient();
+            }
+        });
         const user = JSON.parse(localStorage.getItem('user-info'));
         this.users = user;
         // Fetch client data if the user is of type 'tango'
@@ -3612,7 +3616,15 @@ class TrafficHeaderComponent {
     }
     toggleSelectAllStores(event) {
         const checked = event.target.checked;
+        // Apply the selection to both filtered and full list of stores
         this.filteredStores.forEach(store => store.checked = checked);
+        this.stores.forEach(store => {
+            const filteredStore = this.filteredStores.find(fStore => fStore.storeId === store.storeId);
+            if (filteredStore) {
+                store.checked = checked; // Sync the checked state with full store list
+            }
+        });
+        // Update the selected stores and persist the selection
         this.updateSelectedStores();
     }
     updateSelectedLocations() {
@@ -3756,20 +3768,23 @@ class TrafficHeaderComponent {
     }
     filterStores() {
         const searchText = this.searchStoreText.toLowerCase();
+        // Preserve checked states during filtering
         if (searchText) {
-            // Preserve the checked state during filtering
+            // Filter based on search text while preserving checked state
             this.filteredStores = this.stores
                 .map(store => ({
                 ...store,
-                checked: this.filteredStores.find(s => s.storeId === store.storeId)?.checked || false
+                // Check if the store is already checked in filteredStores, fallback to original stores' checked state
+                checked: this.selectedFilters.stores.find((s) => s.storeId === store.storeId)?.checked || store.checked || false
             }))
                 .filter(store => store.storeName.toLowerCase().includes(searchText));
         }
         else {
-            // Restore the original checked state when search text is cleared
+            // When the search text is cleared, restore the original list with preserved checked states
             this.filteredStores = this.stores.map(store => ({
                 ...store,
-                checked: this.selectedFilters.stores.find((s) => s.storeId === store.storeId)?.checked || false
+                // Preserve the checked state based on the selected filters
+                checked: this.selectedFilters.stores.find((s) => s.storeId === store.storeId)?.checked || store.checked || false
             }));
         }
     }
@@ -4784,16 +4799,15 @@ class Error404Component {
         this.modeService = modeService;
     }
     ngOnInit() {
-        const subscr = this.modeService.mode.asObservable().subscribe((mode) => {
-            document.body.style.backgroundImage =
-                mode === 'dark'
-                    ? 'url(./assets/media/auth/bg1-dark.jpg)'
-                    : 'url(./assets/media/auth/bg1.jpg)';
-        });
-        this.unsubscribe.push(subscr);
+        // const subscr = this.modeService.mode.asObservable().subscribe((mode) => {
+        //   document.body.style.backgroundImage =
+        //     mode === 'dark'
+        //       ? 'url(./assets/media/auth/bg1-dark.jpg)'
+        //       : 'url(./assets/media/auth/bg1.jpg)';
+        // });
+        // this.unsubscribe.push(subscr);
     }
     routeToDashboard() {
-        console.log("dfdf");
         this.router.navigate(['/manage/brands']);
         // setTimeout(() => {
         //   ToggleComponent.reinitialization();
@@ -4809,11 +4823,11 @@ class Error404Component {
         document.body.style.backgroundImage = 'none';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Error404Component, deps: [{ token: i1.Router }, { token: i1$1.ThemeModeService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: Error404Component, selector: "lib-error404", ngImport: i0, template: "<!--begin::Title-->\r\n<h1 class=\"fw-bolder fs-2hx text-gray-900 mb-4\">\r\n  Oops!\r\n</h1>\r\n<!--end::Title-->\r\n\r\n<!--begin::Text-->\r\n<div class=\"fw-semibold fs-6 text-gray-500 mb-7\">\r\n  We can't find that page.\r\n</div>\r\n<!--end::Text-->\r\n\r\n<!--begin::Illustration-->\r\n<div class=\"mb-3\">\r\n  <img src=\"./assets/media/auth/404-error.png\" class=\"mw-100 mh-300px theme-light-show\" alt=\"\" />\r\n  <img src=\"./assets/media/auth/404-error-dark.png\" class=\"mw-100 mh-300px theme-dark-show\" alt=\"\" />\r\n</div>\r\n<!--end::Illustration-->\r\n\r\n<!--begin::Link-->\r\n<div class=\"mb-0\">\r\n  <a (click)=\"routeToDashboard()\" class=\"btn btn-sm btn-primary\">Return Home</a>\r\n</div>\r\n<!--end::Link-->\r\n", styles: [""] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: Error404Component, selector: "lib-error404", ngImport: i0, template: "<!--begin::Title-->\r\n<h1 class=\"fw-bolder fs-2hx text-gray-900 mb-4\">\r\n  Oops!\r\n</h1>\r\n<!--end::Title-->\r\n\r\n<!--begin::Text-->\r\n<div class=\"fw-semibold fs-6 text-gray-500 mb-7\">\r\n  We can't find that page.\r\n</div>\r\n<!--end::Text-->\r\n\r\n<!--begin::Illustration-->\r\n<div class=\"mb-3\">\r\n  <img src=\"./assets/media/auth/404-error.png\" class=\"mw-100 mh-300px theme-light-show\" alt=\"\" />\r\n  <!-- <img src=\"./assets/media/auth/404-error-dark.png\" class=\"mw-100 mh-300px theme-dark-show\" alt=\"\" /> -->\r\n</div>\r\n<!--end::Illustration-->\r\n\r\n<!--begin::Link-->\r\n<div class=\"mb-0\">\r\n  <a (click)=\"routeToDashboard()\" class=\"btn btn-sm btn-primary\">Return Home</a>\r\n</div>\r\n<!--end::Link-->\r\n", styles: [""] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: Error404Component, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-error404', template: "<!--begin::Title-->\r\n<h1 class=\"fw-bolder fs-2hx text-gray-900 mb-4\">\r\n  Oops!\r\n</h1>\r\n<!--end::Title-->\r\n\r\n<!--begin::Text-->\r\n<div class=\"fw-semibold fs-6 text-gray-500 mb-7\">\r\n  We can't find that page.\r\n</div>\r\n<!--end::Text-->\r\n\r\n<!--begin::Illustration-->\r\n<div class=\"mb-3\">\r\n  <img src=\"./assets/media/auth/404-error.png\" class=\"mw-100 mh-300px theme-light-show\" alt=\"\" />\r\n  <img src=\"./assets/media/auth/404-error-dark.png\" class=\"mw-100 mh-300px theme-dark-show\" alt=\"\" />\r\n</div>\r\n<!--end::Illustration-->\r\n\r\n<!--begin::Link-->\r\n<div class=\"mb-0\">\r\n  <a (click)=\"routeToDashboard()\" class=\"btn btn-sm btn-primary\">Return Home</a>\r\n</div>\r\n<!--end::Link-->\r\n" }]
+            args: [{ selector: 'lib-error404', template: "<!--begin::Title-->\r\n<h1 class=\"fw-bolder fs-2hx text-gray-900 mb-4\">\r\n  Oops!\r\n</h1>\r\n<!--end::Title-->\r\n\r\n<!--begin::Text-->\r\n<div class=\"fw-semibold fs-6 text-gray-500 mb-7\">\r\n  We can't find that page.\r\n</div>\r\n<!--end::Text-->\r\n\r\n<!--begin::Illustration-->\r\n<div class=\"mb-3\">\r\n  <img src=\"./assets/media/auth/404-error.png\" class=\"mw-100 mh-300px theme-light-show\" alt=\"\" />\r\n  <!-- <img src=\"./assets/media/auth/404-error-dark.png\" class=\"mw-100 mh-300px theme-dark-show\" alt=\"\" /> -->\r\n</div>\r\n<!--end::Illustration-->\r\n\r\n<!--begin::Link-->\r\n<div class=\"mb-0\">\r\n  <a (click)=\"routeToDashboard()\" class=\"btn btn-sm btn-primary\">Return Home</a>\r\n</div>\r\n<!--end::Link-->\r\n" }]
         }], ctorParameters: () => [{ type: i1.Router }, { type: i1$1.ThemeModeService }] });
 
 class Error500Component {