tango-app-ui-shared 3.0.62-dev → 3.0.63-dev

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

@@ -4,13 +4,15 @@ import * as i1 from '@angular/router';
 import { NavigationEnd, NavigationCancel, ResolveEnd, NavigationStart, Router, RouterModule } from '@angular/router';
 import * as i1$1 from 'tango-app-ui-global';
 import { MenuComponent, ToggleComponent, ScrollTopComponent, DrawerComponent, StickyComponent, ScrollComponent, GlobalStateService } from 'tango-app-ui-global';
-import { BehaviorSubject, throwError, map, catchError, Subject, takeUntil, take, switchMap } from 'rxjs';
+import { BehaviorSubject, throwError, map, catchError, Subject, filter, takeUntil, take, switchMap } from 'rxjs';
 import * as i3 from '@angular/common/http';
 import { HttpErrorResponse } from '@angular/common/http';
 import Swal from 'sweetalert2';
 import * as i2 from '@angular/common';
 import { DatePipe, CommonModule } from '@angular/common';
-import { filter } from 'rxjs/operators';
+import * as i1$2 from '@ng-bootstrap/ng-bootstrap';
+import { NgbDropdownModule, NgbProgressbarModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
+import { filter as filter$1 } from 'rxjs/operators';
 import * as i3$1 from '@angular/platform-browser';
 import dayjs from 'dayjs';
 import 'dayjs/locale/en';
@@ -23,10 +25,9 @@ import { NgxDaterangepickerMd } from 'ngx-daterangepicker-material';
 import crypto$1 from 'crypto-js';
 import * as i3$3 from 'ngx-pagination';
 import { NgxPaginationModule } from 'ngx-pagination';
-import * as i1$2 from '@ngx-translate/core';
+import * as i1$3 from '@ngx-translate/core';
 import { TranslateModule } from '@ngx-translate/core';
 import { InlineSVGModule } from 'ng-inline-svg-2';
-import { NgbDropdownModule, NgbProgressbarModule, NgbTooltipModule } from '@ng-bootstrap/ng-bootstrap';
 
 class AuthService {
     router;
@@ -101,6 +102,15 @@ class AuthService {
     getPersonalInfo() {
         return this.http.get(`${this.userApiUrl}/profile`).pipe(map((response) => response), catchError(this.handleError));
     }
+    getAssignedUsers(clientId) {
+        return this.http.get(`${this.userApiUrl}/get-assign-client?clientId=${clientId}`);
+    }
+    checkToShowPopup(clientId) {
+        return this.http.get(`${this.clientApiUrl}/show-csm-assign-confirmation?clientId=${clientId}`);
+    }
+    csmAssignClientAction(clientId, data) {
+        return this.http.post(`${this.clientApiUrl}/client-csm-assign-action?clientId=${clientId}`, data);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthService, deps: [{ token: i1.Router }, { token: i1$1.GlobalStateService }, { token: i3.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AuthService, providedIn: 'root' });
 }
@@ -249,6 +259,10 @@ class NotificationService {
     updateRemind(_id) {
         return this.http.post(`${this.paymentSubscriptionApiUrl}/updateRemind/${_id}`, '');
     }
+    updateSubscription(data) {
+        return this.http
+            .put(`${this.paymentSubscriptionApiUrl}/update/subscription/${data.clientId}`, data, {});
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationService, deps: [{ token: i3.HttpClient }, { token: i1$1.GlobalStateService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: NotificationService, providedIn: 'root' });
 }
@@ -314,7 +328,7 @@ class NavbarComponent {
         this.destroy$.complete();
     }
     ngOnInit() {
-        this.router.events.pipe(takeUntil(this.destroy$)).subscribe(() => {
+        this.router.events.pipe(filter(event => event instanceof NavigationEnd)).pipe(takeUntil(this.destroy$)).subscribe(() => {
             let url = this.router.url.split('/');
             if (url.includes('notifications')) {
                 this.showNotification = false;
@@ -322,6 +336,7 @@ class NavbarComponent {
             else {
                 this.showNotification = true;
             }
+            this.notificationList();
         });
         this.notificationList();
     }
@@ -1754,18 +1769,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
             args: [{ selector: 'lib-header', template: "<!--begin::Header container-->\r\n<div class=\"app-container header-style\" id=\"kt_app_header_container\" [ngClass]=\"headerContainerCssClass\">\r\n  <ng-container *ngIf=\"appSidebarDefaultCollapseDesktopEnabled\">\r\n    <div class=\"app-sidebar-collapse-d-flex align-items-center me-3\">\r\n      <!--begin::sidebar toggle-->\r\n      <div class=\"btn btn-icon w-auto px-0 btn-color-muted btn-active-icon-primary\" data-kt-toggle=\"true\"\r\n        data-kt-toggle-target=\"body\" data-kt-toggle-mode=\"on\" data-kt-toggle-name=\"app-sidebar-collapse\">\r\n        <lib-keenicon name=\"double-right\" class=\"fs-1\"></lib-keenicon>\r\n      </div>\r\n      <!--end::sidebar toggle-->\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"appSidebarDisplay\">\r\n    <!--begin::sidebar mobile toggle-->\r\n    <div class=\"d-flex align-items-center d-lg-none ms-n2 me-2\" title=\"Show sidebar menu\">\r\n      <div class=\"btn btn-icon btn-active-color-primary w-35px h-35px\" id=\"kt_app_sidebar_mobile_toggle\">\r\n        <lib-keenicon name=\"abstract-14\" class=\"fs-1\"></lib-keenicon>\r\n      </div>\r\n    </div>\r\n    <!--end::sidebar mobile toggle-->\r\n    <!--begin::Mobile logo-->\r\n    <div class=\"d-flex align-items-center flex-grow-1 flex-lg-grow-0\">\r\n      <a  class=\"d-lg-none\">\r\n        <img alt=\"Logo\" src=\"./assets/tango/sidemenu-icons/tango_logo.svg\" class=\"h-30px\" />\r\n      </a>\r\n    </div>\r\n    <!--end::Mobile logo-->\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"!appSidebarDisplay\">\r\n    <!--begin::Logo-->\r\n    <div class=\"d-flex align-items-center flex-grow-1 flex-lg-grow-0 me-lg-15\">\r\n      <a >\r\n        <ng-container *ngIf=\"currentLayoutType === 'dark-header'\">\r\n          <img alt=\"Logo\" src=\"./assets/tango/sidemenu-icons/tango_logo.svg\"\r\n            class=\"h-20px h-lg-30px app-sidebar-logo-default\" />\r\n        </ng-container>\r\n        <ng-container *ngIf=\"currentLayoutType !== 'dark-header'\">\r\n          <img alt=\"Logo\" src=\"./assets/tango/sidemenu-icons/tango_logo.svg\"\r\n            class=\"h-20px h-lg-30px app-sidebar-logo-default theme-light-show\" />\r\n          <img alt=\"Logo\" src=\"./assets/tango/sidemenu-icons/tango_logo.svg\"\r\n            class=\"h-20px h-lg-30px app-sidebar-logo-default theme-dark-show\" />\r\n        </ng-container>\r\n      </a>\r\n    </div>\r\n    <!--end::Logo-->\r\n  </ng-container>\r\n\r\n  <!--begin::Header wrapper-->\r\n  <div class=\"d-flex align-items-stretch justify-content-between flex-lg-grow-1 header-border\" id=\"kt_app_header_wrapper\">\r\n    <ng-container *ngIf=\"appHeaderDefaultContent === 'menu' && appHeaderDefaulMenuDisplay\">\r\n      <!--begin::Menu wrapper-->\r\n      <div class=\"\r\n    app-header-menu\r\n    app-header-mobile-drawer\r\n    align-items-stretch\r\n\" data-kt-drawer=\"true\" data-kt-drawer-name=\"app-header-menu\" data-kt-drawer-activate=\"{default: true, lg: false}\"\r\n        data-kt-drawer-overlay=\"true\" data-kt-drawer-width=\"225px\" data-kt-drawer-direction=\"end\"\r\n        data-kt-drawer-toggle=\"#kt_app_header_menu_toggle\" data-kt-swapper=\"true\"\r\n        data-kt-swapper-mode=\"{default: 'append', lg: 'prepend'}\"\r\n        data-kt-swapper-parent=\"{default: '#kt_app_body', lg: '#kt_app_header_wrapper'}\">\r\n        <!--begin::Menu-->\r\n        <lib-header-menu\r\n        appPageTitleDirection = ''\r\n        [appPageTitleDescription] = true\r\n        class=\"\r\n        menu\r\n        menu-rounded\r\n        menu-column\r\n        menu-lg-row\r\n        my-5\r\n        my-lg-0\r\n        align-items-stretch\r\n        fw-semibold\r\n        px-2 px-lg-0\r\n    \" id=\"kt_app_header_menu\" data-kt-menu=\"true\"></lib-header-menu>\r\n        <!--end::Menu-->\r\n      </div>\r\n      <!--end::Menu wrapper-->\r\n    </ng-container>\r\n    <!-- <ng-container *ngIf=\"appHeaderDefaultContent === 'page-title' && appPageTitleDisplay\">\r\n      <app-page-title #ktPageTitle class=\"page-title d-flex\"></app-page-title>\r\n    </ng-container> -->\r\n    <lib-navbar class=\"app-navbar flex-shrink-0\" [appHeaderDefaulMenuDisplay]=\"appHeaderDefaulMenuDisplay\"\r\n      [isRtl]=\"false\"></lib-navbar>\r\n  </div>\r\n  <!--end::Header wrapper-->\r\n</div>\r\n<!--end::Header container-->\r\n", styles: [".header-style{background-color:#fff}.header-border{border-bottom:1px solid #EAECF0}\n"] }]
         }], ctorParameters: () => [{ type: i1$1.LayoutService }, { type: i1.Router }] });
 
+class CsmAssignConfirmationComponent {
+    activeModal;
+    clientId;
+    email;
+    mobile;
+    name;
+    constructor(activeModal) {
+        this.activeModal = activeModal;
+    }
+    onSubmit(value) {
+        this.activeModal.close({ clientId: this.clientId, action: value });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CsmAssignConfirmationComponent, deps: [{ token: i1$2.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: CsmAssignConfirmationComponent, selector: "lib-csm-assign-confirmation", inputs: { clientId: "clientId", email: "email", mobile: "mobile", name: "name" }, ngImport: i0, template: "<span class=\"mb-5\">\r\n    <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#FEF0C7\" />\r\n        <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#FFFAEB\" stroke-width=\"8\" />\r\n        <path\r\n            d=\"M27.9998 24V28M27.9998 32H28.0098M26.2898 18.86L17.8198 33C17.6451 33.3024 17.5527 33.6453 17.5518 33.9945C17.5508 34.3437 17.6413 34.6871 17.8142 34.9905C17.9871 35.2939 18.2365 35.5467 18.5375 35.7238C18.8385 35.9009 19.1806 35.9961 19.5298 36H36.4698C36.819 35.9961 37.1611 35.9009 37.4621 35.7238C37.7631 35.5467 38.0124 35.2939 38.1854 34.9905C38.3583 34.6871 38.4488 34.3437 38.4478 33.9945C38.4468 33.6453 38.3544 33.3024 38.1798 33L29.7098 18.86C29.5315 18.5661 29.2805 18.3231 28.981 18.1544C28.6814 17.9858 28.3435 17.8972 27.9998 17.8972C27.656 17.8972 27.3181 17.9858 27.0186 18.1544C26.7191 18.3231 26.468 18.5661 26.2898 18.86Z\"\r\n            stroke=\"#DC6803\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n    </svg>\r\n</span>\r\n\r\n<span class=\"mb-3 title\">\r\n    {{name}} Assigned as Your CSM\r\n</span>\r\n\r\n<span class=\"mb-5 description\">\r\n    {{name}} has been assigned as your Customer Success Manager (CSM). For inquiries about data management, store\r\n    operations, or user management, please contact {{name}}.\r\n</span>\r\n\r\n<span class=\"mb-5 sub-title\">\r\n    Contact Information:\r\n</span>\r\n\r\n<span class=\"mb-5 description\">\r\n    <ul>\r\n        <li>\r\n            Phone: {{mobile}}\r\n        </li>\r\n        <li>\r\n            Email: {{email}}\r\n        </li>\r\n    </ul>\r\n</span>\r\n\r\n<span class=\"mb-10 description\">\r\n    Please approve {{name}}'s access to your data dashboard.\r\n</span>\r\n\r\n<div class=\"d-flex align-items-center justify-content-center\" >\r\n        <button (click)=\"onSubmit('decline')\" class=\"btn btn-outline btn-cust me-5\">Decline</button>\r\n\r\n        <button (click)=\"onSubmit('approve')\" class=\"btn btn-primary btn-cust\">Approve</button>\r\n\r\n</div>", styles: [":host{padding:24px}.title{color:#101828;font-size:18px;font-weight:600;line-height:28px}.sub-title{color:#667085;font-size:14px;font-weight:600;line-height:20px}.description{color:#667085;font-size:14px;font-weight:400;line-height:20px}.btn-cust{width:25%}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: CsmAssignConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-csm-assign-confirmation', template: "<span class=\"mb-5\">\r\n    <svg width=\"56\" height=\"56\" viewBox=\"0 0 56 56\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" fill=\"#FEF0C7\" />\r\n        <rect x=\"4\" y=\"4\" width=\"48\" height=\"48\" rx=\"24\" stroke=\"#FFFAEB\" stroke-width=\"8\" />\r\n        <path\r\n            d=\"M27.9998 24V28M27.9998 32H28.0098M26.2898 18.86L17.8198 33C17.6451 33.3024 17.5527 33.6453 17.5518 33.9945C17.5508 34.3437 17.6413 34.6871 17.8142 34.9905C17.9871 35.2939 18.2365 35.5467 18.5375 35.7238C18.8385 35.9009 19.1806 35.9961 19.5298 36H36.4698C36.819 35.9961 37.1611 35.9009 37.4621 35.7238C37.7631 35.5467 38.0124 35.2939 38.1854 34.9905C38.3583 34.6871 38.4488 34.3437 38.4478 33.9945C38.4468 33.6453 38.3544 33.3024 38.1798 33L29.7098 18.86C29.5315 18.5661 29.2805 18.3231 28.981 18.1544C28.6814 17.9858 28.3435 17.8972 27.9998 17.8972C27.656 17.8972 27.3181 17.9858 27.0186 18.1544C26.7191 18.3231 26.468 18.5661 26.2898 18.86Z\"\r\n            stroke=\"#DC6803\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n    </svg>\r\n</span>\r\n\r\n<span class=\"mb-3 title\">\r\n    {{name}} Assigned as Your CSM\r\n</span>\r\n\r\n<span class=\"mb-5 description\">\r\n    {{name}} has been assigned as your Customer Success Manager (CSM). For inquiries about data management, store\r\n    operations, or user management, please contact {{name}}.\r\n</span>\r\n\r\n<span class=\"mb-5 sub-title\">\r\n    Contact Information:\r\n</span>\r\n\r\n<span class=\"mb-5 description\">\r\n    <ul>\r\n        <li>\r\n            Phone: {{mobile}}\r\n        </li>\r\n        <li>\r\n            Email: {{email}}\r\n        </li>\r\n    </ul>\r\n</span>\r\n\r\n<span class=\"mb-10 description\">\r\n    Please approve {{name}}'s access to your data dashboard.\r\n</span>\r\n\r\n<div class=\"d-flex align-items-center justify-content-center\" >\r\n        <button (click)=\"onSubmit('decline')\" class=\"btn btn-outline btn-cust me-5\">Decline</button>\r\n\r\n        <button (click)=\"onSubmit('approve')\" class=\"btn btn-primary btn-cust\">Approve</button>\r\n\r\n</div>", styles: [":host{padding:24px}.title{color:#101828;font-size:18px;font-weight:600;line-height:28px}.sub-title{color:#667085;font-size:14px;font-weight:600;line-height:20px}.description{color:#667085;font-size:14px;font-weight:400;line-height:20px}.btn-cust{width:25%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.NgbActiveModal }], propDecorators: { clientId: [{
+                type: Input
+            }], email: [{
+                type: Input
+            }], mobile: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
 // import { DrawerComponent } from '../../../kt/components';
 class ContentComponent {
     router;
+    modalService;
+    authService;
+    toastService;
     contentContainerCSSClass = '';
     appContentContiner;
     appContentContainerClass = '';
     unsubscribe = [];
-    constructor(router) {
+    constructor(router, modalService, authService, toastService) {
         this.router = router;
+        this.modalService = modalService;
+        this.authService = authService;
+        this.toastService = toastService;
     }
     ngOnInit() {
         this.routingChanges();
+        this.getAssignedUsers();
     }
     routingChanges() {
         const routerSubscription = this.router.events.subscribe((event) => {
@@ -1778,13 +1828,66 @@ class ContentComponent {
     ngOnDestroy() {
         this.unsubscribe.forEach((sb) => sb.unsubscribe());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ContentComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
+    confirmCsmAssign(clientId, email, mobile, name) {
+        const modalRef = this.modalService.open(CsmAssignConfirmationComponent, {
+            centered: true, size: 'md', scrollable: true,
+        });
+        modalRef.componentInstance.clientId = clientId;
+        modalRef.componentInstance.email = email;
+        modalRef.componentInstance.mobile = mobile;
+        modalRef.componentInstance.name = name;
+        modalRef.result.then((result) => {
+            if (result.action === 'approve' || result.action === 'decline') {
+                let data = {
+                    action: result.action
+                };
+                this.authService.csmAssignClientAction(result.clientId, data).subscribe({
+                    next: (e) => {
+                        this.toastService.getSuccessToast(e.message);
+                    },
+                    error: (e) => {
+                        this.toastService.getErrorToast('Update failed');
+                    }
+                });
+            }
+        });
+    }
+    getAssignedUsers() {
+        let userData = localStorage.getItem('user-info');
+        if (userData) {
+            userData = JSON.parse(userData);
+            if (userData.role === 'superadmin' && userData.userType === 'client') {
+                this.authService.checkToShowPopup(userData?.clientId).subscribe({
+                    next: (res) => {
+                        if (res.data.notifyCsmAssign) {
+                            this.getCsmDetail(userData?.clientId);
+                        }
+                    }
+                });
+            }
+        }
+    }
+    getCsmDetail(clientId) {
+        this.authService.getAssignedUsers(clientId).subscribe({
+            next: (e) => {
+                if (e?.data?.result?.length) {
+                    e?.data?.result.forEach((element) => {
+                        if (element.tangoUserType === 'csm') {
+                            const csm = element?.assignedUser?.[0];
+                            this.confirmCsmAssign(clientId, csm?.email, csm?.mobileNumber, csm?.userName);
+                        }
+                    });
+                }
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ContentComponent, deps: [{ token: i1.Router }, { token: i1$2.NgbModal }, { token: AuthService }, { token: ToastService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ContentComponent, selector: "lib-content", inputs: { contentContainerCSSClass: "contentContainerCSSClass", appContentContiner: "appContentContiner", appContentContainerClass: "appContentContainerClass" }, ngImport: i0, template: "<ng-container *ngIf=\"appContentContiner\">\r\n  <!--begin::Content container-->\r\n  <div id=\"kt_app_content_container\" class=\"app-container\"\r\n    [ngClass]=\"appContentContainerClass + ' ' + contentContainerCSSClass\"\r\n    [ngClass]=\"{'container-xxl': appContentContiner === 'fixed', 'container-fluid': appContentContiner === 'fluid'}\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n  <!--end::Content container-->\r\n</ng-container>\r\n<ng-container *ngIf=\"!appContentContiner\">\r\n  <router-outlet></router-outlet>\r\n</ng-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: "directive", type: i1.RouterOutlet, selector: "router-outlet", inputs: ["name"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-content', template: "<ng-container *ngIf=\"appContentContiner\">\r\n  <!--begin::Content container-->\r\n  <div id=\"kt_app_content_container\" class=\"app-container\"\r\n    [ngClass]=\"appContentContainerClass + ' ' + contentContainerCSSClass\"\r\n    [ngClass]=\"{'container-xxl': appContentContiner === 'fixed', 'container-fluid': appContentContiner === 'fluid'}\">\r\n    <router-outlet></router-outlet>\r\n  </div>\r\n  <!--end::Content container-->\r\n</ng-container>\r\n<ng-container *ngIf=\"!appContentContiner\">\r\n  <router-outlet></router-outlet>\r\n</ng-container>\r\n" }]
-        }], ctorParameters: () => [{ type: i1.Router }], propDecorators: { contentContainerCSSClass: [{
+        }], ctorParameters: () => [{ type: i1.Router }, { type: i1$2.NgbModal }, { type: AuthService }, { type: ToastService }], propDecorators: { contentContainerCSSClass: [{
                 type: Input
             }], appContentContiner: [{
                 type: Input
@@ -1815,7 +1918,7 @@ class ScriptsInitComponent {
         initPageInfo();
         // subscribe to router events
         this.router.events
-            .pipe(filter((event) => event instanceof ResolveEnd))
+            .pipe(filter$1((event) => event instanceof ResolveEnd))
             .subscribe(initPageInfo);
     }
     ngOnInit() {
@@ -2969,7 +3072,7 @@ class ToolbarComponent {
                 URL == `/manage/stores/settings?storeId=${this.storeId}` ||
                 URL == `/manage/stores/zones?storeId=${this.storeId}` ||
                 URL == `/manage/stores/cameras?storeId=${this.storeId}` ||
-                URL == `/manage/stores/infrastructure?storeId=${this.storeId}` ||
+                // URL == `/manage/stores/infrastructure?storeId=${this.storeId}` ||
                 URL == `/manage/stores/mat?storeId=${this.storeId}`) {
                 this.setUIProperties(false, false, false, true, false);
             }
@@ -2988,7 +3091,7 @@ class ToolbarComponent {
                 URL == `/manage/stores/settings?storeId=${this.storeId}` ||
                 URL == `/manage/stores/zones?storeId=${this.storeId}` ||
                 URL == `/manage/stores/cameras?storeId=${this.storeId}` ||
-                URL == `/manage/stores/infrastructure?storeId=${this.storeId}` ||
+                // URL == `/manage/stores/infrastructure?storeId=${this.storeId}` ||
                 URL == `/manage/stores/mat?storeId=${this.storeId}`) {
                 this.setUIProperties(false, false, false, true, false);
             }
@@ -4167,7 +4270,7 @@ class TranslationService {
         return (localStorage.getItem(LOCALIZATION_LOCAL_STORAGE_KEY) ||
             this.translate.getDefaultLang());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TranslationService, deps: [{ token: i1$2.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TranslationService, deps: [{ token: i1$3.TranslateService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TranslationService, providedIn: 'root' });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TranslationService, decorators: [{
@@ -4175,7 +4278,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: i1$2.TranslateService }] });
+        }], ctorParameters: () => [{ type: i1$3.TranslateService }] });
 
 // USA
 const locale$5 = {
@@ -4910,7 +5013,7 @@ const Routing = [
     },
     {
         path: 'notifications',
-        loadChildren: () => import('./tango-app-ui-shared-notification.module-UNDnJK8t.mjs').then((m) => m.NotificationModule),
+        loadChildren: () => import('./tango-app-ui-shared-notification.module-C_ObuoyP.mjs').then((m) => m.NotificationModule),
     },
     {
         path: '',
@@ -5051,7 +5154,8 @@ class LayoutModule {
             DatepickerComponent,
             DateSingleSelectComponent,
             SingleStoreComponent,
-            NotificationsInnerComponent], imports: [CommonModule, i1.RouterModule, TranslationModule,
+            NotificationsInnerComponent,
+            CsmAssignConfirmationComponent], imports: [CommonModule, i1.RouterModule, TranslationModule,
             InlineSVGModule,
             NgbDropdownModule,
             NgbProgressbarModule,
@@ -5113,6 +5217,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         DateSingleSelectComponent,
                         SingleStoreComponent,
                         NotificationsInnerComponent,
+                        CsmAssignConfirmationComponent,
                     ],
                     imports: [
                         CommonModule,