tango-app-ui-shared 3.3.1-beta.9 → 3.3.1-controlcenter.2

package/lib/modules/layout/header/navbar/navbar.component.d.ts

@@ -38,6 +38,7 @@ export declare class NavbarComponent implements OnInit, OnDestroy {
     updateNotification(data: any, btnDetails: any): void;
     handleNotification(): void;
     viewAll(type: any): void;
+    redirecttonotification(): void;
     onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "lib-navbar", never, { "appHeaderDefaulMenuDisplay": { "alias": "appHeaderDefaulMenuDisplay"; "required": false; }; "isRtl": { "alias": "isRtl"; "required": false; }; }, {}, never, never, false, never>;

package/lib/modules/layout/layout.module.d.ts

@@ -26,17 +26,18 @@ import * as i24 from "./toolbar/single-store/single-store.component";
 import * as i25 from "./header/notifications-inner/notifications-inner.component";
 import * as i26 from "./components/csm-assign-confirmation/csm-assign-confirmation.component";
 import * as i27 from "./toolbar/traffic-header/traffic-header/traffic-header.component";
-import * as i28 from "@angular/common";
-import * as i29 from "@angular/router";
-import * as i30 from "../../i18n/translation.module";
-import * as i31 from "ng-inline-svg-2";
-import * as i32 from "@ng-bootstrap/ng-bootstrap";
-import * as i33 from "@ngx-translate/core";
-import * as i34 from "../common/common-shared.module";
-import * as i35 from "@angular/forms";
-import * as i36 from "ngx-daterangepicker-material";
+import * as i28 from "./toolbar/trax-header/trax-header.component";
+import * as i29 from "@angular/common";
+import * as i30 from "@angular/router";
+import * as i31 from "../../i18n/translation.module";
+import * as i32 from "ng-inline-svg-2";
+import * as i33 from "@ng-bootstrap/ng-bootstrap";
+import * as i34 from "@ngx-translate/core";
+import * as i35 from "../common/common-shared.module";
+import * as i36 from "@angular/forms";
+import * as i37 from "ngx-daterangepicker-material";
 export declare class LayoutModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, [typeof i1.LayoutComponent, typeof i2.HeaderComponent, typeof i3.ContentComponent, typeof i4.FooterComponent, typeof i5.ScriptsInitComponent, typeof i6.ToolbarComponent, typeof i7.PageTitleComponent, typeof i8.HeaderMenuComponent, typeof i9.SidebarComponent, typeof i10.SidebarLogoComponent, typeof i11.SidebarMenuComponent, typeof i12.SidebarFooterComponent, typeof i13.NavbarComponent, typeof i14.AccountingComponent, typeof i15.ClassicComponent, typeof i16.ExtendedComponent, typeof i17.ReportsComponent, typeof i18.SaasComponent, typeof i19.KeeniconComponent, typeof i20.LayoutScrollTopComponent, typeof i21.ClientSettingsComponent, typeof i22.DatepickerComponent, typeof i23.DateSingleSelectComponent, typeof i24.SingleStoreComponent, typeof i25.NotificationsInnerComponent, typeof i26.CsmAssignConfirmationComponent, typeof i27.TrafficHeaderComponent], [typeof i28.CommonModule, typeof i29.RouterModule, typeof i30.TranslationModule, typeof i31.InlineSVGModule, typeof i32.NgbDropdownModule, typeof i32.NgbProgressbarModule, typeof i32.NgbTooltipModule, typeof i33.TranslateModule, typeof i34.CommonSharedModule, typeof i35.FormsModule, typeof i36.NgxDaterangepickerMd], [typeof i29.RouterModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<LayoutModule, [typeof i1.LayoutComponent, typeof i2.HeaderComponent, typeof i3.ContentComponent, typeof i4.FooterComponent, typeof i5.ScriptsInitComponent, typeof i6.ToolbarComponent, typeof i7.PageTitleComponent, typeof i8.HeaderMenuComponent, typeof i9.SidebarComponent, typeof i10.SidebarLogoComponent, typeof i11.SidebarMenuComponent, typeof i12.SidebarFooterComponent, typeof i13.NavbarComponent, typeof i14.AccountingComponent, typeof i15.ClassicComponent, typeof i16.ExtendedComponent, typeof i17.ReportsComponent, typeof i18.SaasComponent, typeof i19.KeeniconComponent, typeof i20.LayoutScrollTopComponent, typeof i21.ClientSettingsComponent, typeof i22.DatepickerComponent, typeof i23.DateSingleSelectComponent, typeof i24.SingleStoreComponent, typeof i25.NotificationsInnerComponent, typeof i26.CsmAssignConfirmationComponent, typeof i27.TrafficHeaderComponent, typeof i28.TraxHeaderComponent], [typeof i29.CommonModule, typeof i30.RouterModule, typeof i31.TranslationModule, typeof i32.InlineSVGModule, typeof i33.NgbDropdownModule, typeof i33.NgbProgressbarModule, typeof i33.NgbTooltipModule, typeof i34.TranslateModule, typeof i35.CommonSharedModule, typeof i36.FormsModule, typeof i37.NgxDaterangepickerMd], [typeof i30.RouterModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LayoutModule>;
 }

package/lib/modules/layout/sidebar/sidebar-menu/sidebar-menu.component.d.ts

@@ -11,6 +11,7 @@ export declare class SidebarMenuComponent implements OnInit {
     authlocalStorageToken: string;
     oldDashboardRoutingUrl: any;
     clientData: any;
+    headerFilters: any;
     constructor(authService: AuthService, gs: GlobalStateService, router: Router);
     private readonly destroy$;
     ngOnInit(): void;

package/lib/modules/layout/toolbar/toolbar.component.d.ts

@@ -32,12 +32,13 @@ export declare class ToolbarComponent implements OnInit, OnDestroy {
     users: any;
     selectedFilters: any;
     trafficdatepicker: boolean;
+    traxdatepicker: boolean;
     constructor(layout: LayoutService, router: Router, route: ActivatedRoute, gs: GlobalStateService);
     ngOnInit(): void;
     updateProps(config: ILayout): void;
     ngOnDestroy(): void;
     showPageTitle(): boolean;
-    setUIProperties(singleSelect: boolean, multiSelect: boolean, datepicker: boolean, singleStore: boolean, singleSelectdatepicker: boolean, trafficdatepicker: boolean): void;
+    setUIProperties(singleSelect: boolean, multiSelect: boolean, datepicker: boolean, singleStore: boolean, singleSelectdatepicker: boolean, trafficdatepicker: boolean, traxdatepicker: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "lib-toolbar", never, { "currentLayoutType": { "alias": "currentLayoutType"; "required": false; }; "appToolbarLayout": { "alias": "appToolbarLayout"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/modules/layout/toolbar/traffic-header/traffic-header/traffic-header.component.d.ts

@@ -3,9 +3,11 @@ import dayjs from "dayjs";
 import "dayjs/locale/en";
 import { AuthService } from "../../../../../services/auth.service";
 import { GlobalStateService } from "tango-app-ui-global";
+import { Router } from "@angular/router";
 import * as i0 from "@angular/core";
 export declare class TrafficHeaderComponent implements OnInit {
     private auth;
+    private router;
     gs: GlobalStateService;
     private cd;
     dayjs: typeof dayjs;
@@ -28,7 +30,8 @@ export declare class TrafficHeaderComponent implements OnInit {
     locationLabel: any[];
     groupLabel: any[];
     users: any;
-    constructor(auth: AuthService, gs: GlobalStateService, cd: ChangeDetectorRef);
+    url: any;
+    constructor(auth: AuthService, router: Router, gs: GlobalStateService, cd: ChangeDetectorRef);
     onClick(event: MouseEvent): void;
     closeDropdown1(): void;
     ngOnInit(): void;

package/lib/modules/layout/toolbar/trax-header/trax-header.component.d.ts

@@ -0,0 +1,80 @@
+import { ChangeDetectorRef, OnInit } from "@angular/core";
+import dayjs from "dayjs";
+import "dayjs/locale/en";
+import { GlobalStateService } from "tango-app-ui-global";
+import { Router } from "@angular/router";
+import { AuthService } from "../../../../services/auth.service";
+import * as i0 from "@angular/core";
+export declare class TraxHeaderComponent implements OnInit {
+    private auth;
+    private router;
+    gs: GlobalStateService;
+    private cd;
+    dayjs: typeof dayjs;
+    isCustomDate: (m: dayjs.Dayjs) => false | "invalid-date";
+    selectedDateRange: any;
+    selectedFilters: any;
+    Opendropdown: boolean;
+    dropdownOpen: string | null;
+    searchLocationText: string;
+    searchGroupText: string;
+    locations: any[];
+    filteredLocations: any[];
+    groupsData: any[];
+    filteredGroups: any[];
+    filteredStores: any[];
+    stores: any[];
+    searchStoreText: string;
+    clientList: any;
+    selectedClient: any;
+    locationLabel: any[];
+    groupLabel: any[];
+    users: any;
+    url: any;
+    constructor(auth: AuthService, router: Router, gs: GlobalStateService, cd: ChangeDetectorRef);
+    onClick(event: MouseEvent): void;
+    closeDropdown1(): void;
+    ngOnInit(): void;
+    private syncWithLocalStorage;
+    private emitAndStoreFilters;
+    /**
+     * Reset selectedFilters and all related arrays to empty states
+     */
+    private resetFilters;
+    getClient(): void;
+    onClientSelect(event: any): void;
+    ranges: any;
+    onStartDateChange(event: any): void;
+    datechange(event: any): void;
+    opendropdown(e: MouseEvent): void;
+    getLocations(): void;
+    isAllLocationsSelected(): boolean;
+    selectedLocationsLabel(): string;
+    removeLocation(): void;
+    getGroups(): void;
+    toggleDropdown(type: 'location' | 'group' | 'store'): void;
+    handleGroupDropdownClick(): void;
+    resetSelectedGroups(): void;
+    selectedGroupsLabel(): string;
+    removeGroup(): void;
+    isAllGroupsSelected(): boolean;
+    getStore(): void;
+    resetSelectedStores(): void;
+    selectedStoresLabel(): string;
+    isAllStoresSelected(): boolean;
+    updateSelectedStores(): void;
+    toggleSelectAllLocations(event: any): void;
+    toggleSelectAllStores(event: Event): void;
+    updateSelectedLocations(): void;
+    toggleSelectAllGroups(event: any): void;
+    updateSelectedGroups(): void;
+    Reset(): void;
+    Apply(): void;
+    filterLocations(): void;
+    filterGroups(): void;
+    filterStores(): void;
+    closeDropdown(): void;
+    clickOutside(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TraxHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TraxHeaderComponent, "lib-trax-header", never, {}, {}, never, never, false, never>;
+}

package/lib/modules/notification/notification/notification.component.d.ts

@@ -1,10 +1,10 @@
-import { ChangeDetectorRef, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
 import { GlobalStateService, PageInfoService } from 'tango-app-ui-global';
 import { ActivatedRoute, Router } from '@angular/router';
 import { NotificationService } from '../../../services/notification.service';
 import { ToastService } from '../../../services/toast.service';
 import * as i0 from "@angular/core";
-export declare class NotificationComponent implements OnInit {
+export declare class NotificationComponent implements OnInit, OnDestroy {
     private pageInfo;
     gs: GlobalStateService;
     private route;
@@ -16,6 +16,8 @@ export declare class NotificationComponent implements OnInit {
     showdownload: boolean;
     loading: boolean;
     noData: boolean;
+    downloadloading: boolean;
+    downloadnoData: boolean;
     itemsPerPage: number;
     currentPage: number;
     totalItems: number;
@@ -31,15 +33,27 @@ export declare class NotificationComponent implements OnInit {
     private readonly destroy$;
     notification: any;
     total: any;
+    downloads: any[];
+    headerData: any;
+    searchInput: any;
+    sortColumName: string;
+    sortDirection: any;
+    searchValue: string;
+    tabtype: any;
+    user_id: any;
     constructor(pageInfo: PageInfoService, gs: GlobalStateService, route: ActivatedRoute, service: NotificationService, cd: ChangeDetectorRef, toast: ToastService, router: Router);
     ngOnInit(): void;
+    ngOnDestroy(): void;
     setPageData(): void;
     notificationList(): void;
     updateNotification(data: any, btnDetails: any): void;
     chooseManager(type: any): void;
+    setPaginationSizes(): void;
     onPageChange(pageOffset: number): void;
     onPageSizeChange(pageSize: number): void;
     paginationSize(): number;
+    downloadmanagerList(): void;
+    downloadFile(record: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NotificationComponent, "lib-notification", never, {}, {}, never, never, false, never>;
 }

package/lib/services/notification.service.d.ts

@@ -7,6 +7,7 @@ export declare class NotificationService {
     private gs;
     paymentSubscriptionApiUrl: any;
     clientApiUrl: string;
+    traxUrl: any;
     private reloadDataSubject;
     reloadData$: Observable<boolean>;
     clientId: BehaviorSubject<string>;
@@ -22,6 +23,7 @@ export declare class NotificationService {
     updateRemind(_id: any): Observable<any>;
     updateSubscription(data: any): Observable<any>;
     trialApproved(data: any): Observable<any>;
+    getdownloadlist(data: any): Observable<any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tango-app-ui-shared",
-  "version": "3.3.1-beta.9",
+  "version": "3.3.1-controlcenter.2",
   "peerDependencies": {
     "@angular/common": "^17.0.0",
     "@angular/core": "^17.0.0"

package/fesm2022/tango-app-ui-shared-notification.module-CbWXIyly.mjs

@@ -1,238 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component, NgModule } from '@angular/core';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1$1 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import { Subject, takeUntil } from 'rxjs';
-import * as i1 from 'tango-app-ui-global';
-import { NotificationService, ToastService, PaginationComponent, CustomDateFormatPipe, CommonSharedModule } from './tango-app-ui-shared.mjs';
-import '@angular/common/http';
-import 'sweetalert2';
-import '@angular/animations';
-import '@ng-bootstrap/ng-bootstrap';
-import 'rxjs/operators';
-import '@angular/platform-browser';
-import 'dayjs';
-import 'dayjs/locale/en';
-import 'dayjs/plugin/utc';
-import 'dayjs/plugin/timezone';
-import '@angular/forms';
-import 'ngx-daterangepicker-material';
-import 'crypto-js';
-import 'ngx-pagination';
-import '@ngx-translate/core';
-import 'ng-inline-svg-2';
-
-class NotificationComponent {
-    pageInfo;
-    gs;
-    route;
-    service;
-    cd;
-    toast;
-    router;
-    showalert = true;
-    showdownload = false;
-    loading = true;
-    noData = false;
-    itemsPerPage = 10;
-    currentPage = 1;
-    totalItems = 0;
-    paginationSizes = [10, 20, 30];
-    limit = 10;
-    offset = 1;
-    pageSize = 10;
-    user;
-    headerFilter;
-    clientId;
-    _id;
-    data;
-    destroy$ = new Subject();
-    notification;
-    total;
-    constructor(pageInfo, gs, route, service, cd, toast, router) {
-        this.pageInfo = pageInfo;
-        this.gs = gs;
-        this.route = route;
-        this.service = service;
-        this.cd = cd;
-        this.toast = toast;
-        this.router = router;
-    }
-    ngOnInit() {
-        // this.gs.dataRangeValue.pipe(takeUntil(this.destroy$)).subscribe((data: any) => {
-        //   if (data != null) {
-        //     this.user = JSON.parse(localStorage.getItem('user-info') || "")
-        //     this.headerFilter = data;
-        //     this.clientId = this.headerFilter?.clients 
-        //   }
-        // });
-        this.notificationList();
-        this.setPageData();
-        this.service.reloadData$.subscribe(() => {
-            this.notificationList();
-        });
-    }
-    setPageData() {
-        this.pageInfo.setTitle("Alerts");
-        this.pageInfo.setDescription("Track all your activities and notifications here");
-        this.pageInfo.setBreadcrumbs([
-            { title: "", path: "", isActive: false, isSeparator: false },
-        ]);
-    }
-    notificationList() {
-        this.loading = true;
-        let data = {
-            limit: this.limit,
-            offset: this.offset
-        };
-        this.service.notificationList(data)
-            .pipe(takeUntil(this.destroy$))
-            .subscribe({
-            next: (res) => {
-                if (res && res.code == 200) {
-                    this.total = res.data.count;
-                    this.notification = res.data.result || [];
-                    if (this.total < 10) {
-                        this.paginationSizes = [this.total];
-                    }
-                    else {
-                        this.paginationSizes = [10, 20, 30];
-                    }
-                    this.loading = false;
-                    this.noData = false;
-                }
-                else {
-                    this.noData = true;
-                    this.loading = false;
-                    this.notification = [];
-                }
-                this.cd.detectChanges();
-            },
-            error: (err) => {
-                this.noData = true;
-                this.loading = false;
-                this.notification = [];
-            }
-        });
-    }
-    updateNotification(data, btnDetails) {
-        this.loading = true;
-        this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res) => {
-            if (res && res.code == 200) {
-                if (!btnDetails || btnDetails?.redirectionUrl != 'subscribed')
-                    this.toast.getSuccessToast(res.message);
-                setTimeout(() => {
-                    this.notificationList();
-                }, 1000);
-                if (btnDetails && btnDetails?.redirectionUrl != '' && btnDetails?.redirectionUrl.split('/').length > 1) {
-                    this.router.navigateByUrl(btnDetails.redirectionUrl);
-                }
-                if (btnDetails && btnDetails?.redirectionUrl == 'remind') {
-                    this.service.updateRemind(data._id).pipe(takeUntil(this.destroy$)).subscribe(() => { });
-                }
-                if (btnDetails && btnDetails?.redirectionUrl == 'trialApproved') {
-                    let params = {
-                        id: btnDetails.id,
-                        type: 'approve'
-                    };
-                    this.service.trialApproved(params).pipe(takeUntil(this.destroy$)).subscribe(() => { });
-                }
-                if (btnDetails && btnDetails?.redirectionUrl == 'subscribed') {
-                    let params = {
-                        clientId: btnDetails?.clientId,
-                        products: [
-                            {
-                                name: btnDetails.product,
-                                productName: btnDetails.name,
-                                type: "subscription",
-                                content: "new"
-                            }
-                        ]
-                    };
-                    this.service.updateSubscription(params).pipe(takeUntil(this.destroy$)).subscribe((res) => {
-                        if (res && res.code == 200) {
-                            this.toast.getSuccessToast('Product Subscribed Successfully');
-                        }
-                    });
-                }
-                this.cd.detectChanges();
-            }
-        }, (error) => {
-            this.loading = false;
-            this.noData = true;
-        });
-    }
-    chooseManager(type) {
-    }
-    onPageChange(pageOffset) {
-        this.offset = Number(pageOffset);
-        this.notificationList();
-    }
-    onPageSizeChange(pageSize) {
-        this.limit = Number(pageSize);
-        this.offset = 1;
-        this.notificationList();
-    }
-    paginationSize() {
-        console.log('this.limit', this.limit, this.total);
-        if (this.total < 10) {
-            return this.total;
-        }
-        else {
-            return this.limit;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, deps: [{ token: i1.PageInfoService }, { token: i1.GlobalStateService }, { token: i1$1.ActivatedRoute }, { token: NotificationService }, { token: i0.ChangeDetectorRef }, { token: ToastService }, { token: i1$1.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: NotificationComponent, selector: "lib-notification", ngImport: i0, template: "<!-- <div class=\"row buttonsec mb-10\">\r\n    <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n        (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n    <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n        (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n    <div class=\"card-header\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label mb-2\">Alerts Manager</span>\r\n        </h3>\r\n    </div>\r\n    <div class=\"card-body\">\r\n        <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n            <div class=\"flex-lg-row-fluid  mb-20 mb-xl-0\">\r\n                <div class=\"mb-0\">\r\n                    <div>\r\n                        <ng-container *ngIf=\"loading\">\r\n                            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"noData && !loading\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-12 mb-3\">\r\n                                    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                                        <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                                        <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                                        <span class=\"noNotification mt-2\">Any new notification will be shown\r\n                                            here.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n                            <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n                                <div class=\"mb-8 border-value w-100\">\r\n                                            <div class=\"flex-grow-1 me-2\">\r\n                                                <div class=\"row mt-4\">\r\n                                                    <div class=\"col-lg-11\">\r\n                                                        <div class=\"symbol symbol-50px mx-4\">\r\n                                                            <span class=\"mt-2\">\r\n                                                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"\r\n                                                                    fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                    <rect width=\"40\" height=\"40\" rx=\"20\"\r\n                                                                        fill=\"#DAF1FF\" />\r\n                                                                    <g clip-path=\"url(#clip0_12108_56367)\">\r\n                                                                        <path\r\n                                                                            d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n                                                                            stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n                                                                            stroke-linecap=\"round\"\r\n                                                                            stroke-linejoin=\"round\" />\r\n                                                                    </g>\r\n                                                                    <defs>\r\n                                                                        <clipPath id=\"clip0_12108_56367\">\r\n                                                                            <rect width=\"20\" height=\"20\" fill=\"white\"\r\n                                                                                transform=\"translate(10 10)\" />\r\n                                                                        </clipPath>\r\n                                                                    </defs>\r\n                                                                </svg>\r\n                                                            </span>\r\n                                                            <span class=\"alert-title mx-4\">{{ item._source.title }}<span\r\n                                                                    class=\"alertdot m-2\">\u2022</span><span\r\n                                                                    class=\"alertdot\">{{\r\n                                                                    item._source.date | customDateFormat }} Today</span>\r\n                                                            </span>\r\n                                                            <div class=\"alt-desc d-block ms-17\">{{\r\n                                                                item._source.description\r\n                                                                }}</div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <div class=\"col-lg-1\">\r\n                                                        <span (click)=\"updateNotification(item,'')\"\r\n                                                            class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\r\n                                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                                                    stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                                                    stroke-linejoin=\"round\" />\r\n                                                            </svg>\r\n                                                        </span>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"ms-20 mt-2\">\r\n                                                <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n                                                    <button *ngIf=\"!['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"btn btn-sm btn-primary\">{{ cta.buttonName }}</button>\r\n                                                    <span *ngIf=\"['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{\r\n                                                        cta.buttonName }}</span>\r\n                                                </ng-container>\r\n\r\n                                            </div>\r\n                                        <!-- </div> -->\r\n                                    <!-- </div> -->\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n                            <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n                                [paginationSizes]=\"paginationSizes\" [pageSize]=\"paginationSize()\"\r\n                                (pageChange)=\"onPageChange($event)\"\r\n                                (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n        <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n    </div>\r\n</div> -->", styles: [".border-value{border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important;height:155px}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: PaginationComponent, selector: "lib-pagination", inputs: ["collection", "itemsPerPage", "currentPage", "totalItems", "directionLinks", "pageSize", "paginationSizes"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "pipe", type: CustomDateFormatPipe, name: "customDateFormat" }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'lib-notification', template: "<!-- <div class=\"row buttonsec mb-10\">\r\n    <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n        (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n    <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n        (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n    <div class=\"card-header\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label mb-2\">Alerts Manager</span>\r\n        </h3>\r\n    </div>\r\n    <div class=\"card-body\">\r\n        <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n            <div class=\"flex-lg-row-fluid  mb-20 mb-xl-0\">\r\n                <div class=\"mb-0\">\r\n                    <div>\r\n                        <ng-container *ngIf=\"loading\">\r\n                            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"noData && !loading\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-12 mb-3\">\r\n                                    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                                        <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                                        <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                                        <span class=\"noNotification mt-2\">Any new notification will be shown\r\n                                            here.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n                            <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n                                <div class=\"mb-8 border-value w-100\">\r\n                                            <div class=\"flex-grow-1 me-2\">\r\n                                                <div class=\"row mt-4\">\r\n                                                    <div class=\"col-lg-11\">\r\n                                                        <div class=\"symbol symbol-50px mx-4\">\r\n                                                            <span class=\"mt-2\">\r\n                                                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"\r\n                                                                    fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                    <rect width=\"40\" height=\"40\" rx=\"20\"\r\n                                                                        fill=\"#DAF1FF\" />\r\n                                                                    <g clip-path=\"url(#clip0_12108_56367)\">\r\n                                                                        <path\r\n                                                                            d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n                                                                            stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n                                                                            stroke-linecap=\"round\"\r\n                                                                            stroke-linejoin=\"round\" />\r\n                                                                    </g>\r\n                                                                    <defs>\r\n                                                                        <clipPath id=\"clip0_12108_56367\">\r\n                                                                            <rect width=\"20\" height=\"20\" fill=\"white\"\r\n                                                                                transform=\"translate(10 10)\" />\r\n                                                                        </clipPath>\r\n                                                                    </defs>\r\n                                                                </svg>\r\n                                                            </span>\r\n                                                            <span class=\"alert-title mx-4\">{{ item._source.title }}<span\r\n                                                                    class=\"alertdot m-2\">\u2022</span><span\r\n                                                                    class=\"alertdot\">{{\r\n                                                                    item._source.date | customDateFormat }} Today</span>\r\n                                                            </span>\r\n                                                            <div class=\"alt-desc d-block ms-17\">{{\r\n                                                                item._source.description\r\n                                                                }}</div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <div class=\"col-lg-1\">\r\n                                                        <span (click)=\"updateNotification(item,'')\"\r\n                                                            class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\r\n                                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                                                    stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                                                    stroke-linejoin=\"round\" />\r\n                                                            </svg>\r\n                                                        </span>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"ms-20 mt-2\">\r\n                                                <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n                                                    <button *ngIf=\"!['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"btn btn-sm btn-primary\">{{ cta.buttonName }}</button>\r\n                                                    <span *ngIf=\"['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{\r\n                                                        cta.buttonName }}</span>\r\n                                                </ng-container>\r\n\r\n                                            </div>\r\n                                        <!-- </div> -->\r\n                                    <!-- </div> -->\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n                            <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n                                [paginationSizes]=\"paginationSizes\" [pageSize]=\"paginationSize()\"\r\n                                (pageChange)=\"onPageChange($event)\"\r\n                                (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n        <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n    </div>\r\n</div> -->", styles: [".border-value{border-radius:12px!important;border:1.095px solid var(--Gray-200, #EAECF0)!important;background:var(--White, #FFF)!important;height:155px}.buttonsec{border-radius:8px;margin:0;background:var(--gray-50, white);width:100%;height:fit-content;padding:5px}.submenu{background:var(--gray-50, white)!important;color:var(--gray-500, #667085)!important;font-size:16px!important;font-weight:500!important;outline:none!important}.text-primary{color:var(--primary-700, #009BF3)!important;font-size:16px;font-weight:500}.alert-title{color:var(--Gray-900, #101828);font-size:18px;font-style:normal;font-weight:600;line-height:28px}.alt-desc{color:var(--Gray-500, #667085)!important;font-size:14px!important;font-weight:400!important;line-height:20px}.alertdot{color:var(--Gray-500, #667085);font-size:12px;font-weight:400;line-height:18px}.remindlatertext{color:var(--Primary-700, #009BF3);font-size:16px;font-weight:600;line-height:24px;text-decoration-line:underline;text-transform:capitalize}.notificationAlign{color:var(--Gray-900, #101828);text-align:center;font-family:Inter;font-size:16px;font-style:normal;font-weight:600;line-height:24px}.noNotification{color:var(--Gray-500, #667085);text-align:center;font-family:Inter;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.loader .title{width:65%}.loader .link{width:85%}.loader .description{width:95%}.loader .shimmer{padding:15px;width:95%;height:120px;margin:10px auto;background:#fff}.loader .shimmer .image-card{height:90px;width:90px;float:right;border-radius:8px}.loader .stroke{height:15px;background:#777;margin-top:20px}.loader .wrapper{width:0px;animation:fullView .5s forwards linear}@keyframes fullView{to{width:100%}}.loader .animate{animation:shimmer 3s;animation-iteration-count:infinite;background:linear-gradient(to right,#e6e6e6 5%,#ccc 25%,#e6e6e6 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}\n"] }]
-        }], ctorParameters: () => [{ type: i1.PageInfoService }, { type: i1.GlobalStateService }, { type: i1$1.ActivatedRoute }, { type: NotificationService }, { type: i0.ChangeDetectorRef }, { type: ToastService }, { type: i1$1.Router }] });
-
-const routes = [
-    {
-        path: 'alerts',
-        component: NotificationComponent
-    }
-];
-class NotificationRoutingModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationRoutingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotificationRoutingModule, imports: [i1$1.RouterModule], exports: [RouterModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationRoutingModule, imports: [RouterModule.forChild(routes), RouterModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationRoutingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [RouterModule.forChild(routes)],
-                    exports: [RouterModule]
-                }]
-        }] });
-
-class NotificationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, declarations: [NotificationComponent], imports: [CommonModule,
-            NotificationRoutingModule,
-            CommonSharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, imports: [CommonModule,
-            NotificationRoutingModule,
-            CommonSharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: NotificationModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        NotificationComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        NotificationRoutingModule,
-                        CommonSharedModule
-                    ]
-                }]
-        }] });
-
-export { NotificationModule };
-//# sourceMappingURL=tango-app-ui-shared-notification.module-CbWXIyly.mjs.map

package/fesm2022/tango-app-ui-shared-notification.module-CbWXIyly.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"tango-app-ui-shared-notification.module-CbWXIyly.mjs","sources":["../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification/notification.component.html","../../../projects/tango-app-shared/src/lib/modules/notification/notification-routing.module.ts","../../../projects/tango-app-shared/src/lib/modules/notification/notification.module.ts"],"sourcesContent":["import { ChangeDetectorRef, Component, OnInit } from '@angular/core';\r\nimport { GlobalStateService, PageInfoService } from 'tango-app-ui-global';\r\nimport { Subject, takeUntil } from \"rxjs\";\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { NotificationService } from '../../../services/notification.service';\r\nimport { ToastService } from '../../../services/toast.service';\r\n\r\n@Component({\r\n  selector: 'lib-notification',\r\n  templateUrl: './notification.component.html',\r\n  styleUrl: './notification.component.scss'\r\n})\r\nexport class NotificationComponent implements OnInit {\r\n  showalert:boolean = true;\r\n  showdownload:boolean = false;\r\n  loading: boolean = true;\r\n  noData: boolean = false;\r\n  itemsPerPage = 10;\r\n  currentPage = 1;\r\n  totalItems = 0;\r\n  paginationSizes = [10, 20, 30];\r\n  limit: number = 10;\r\n  offset: number = 1;\r\n  pageSize = 10;\r\n  user: any;\r\n  headerFilter: any;\r\n  clientId: any;\r\n  _id:any;\r\n  data:any\r\n  private readonly destroy$ = new Subject();\r\n  notification: any;\r\n  total:any;\r\n\r\n  \r\nconstructor(private pageInfo:PageInfoService,public gs: GlobalStateService, private route: ActivatedRoute, private service:NotificationService,private cd :ChangeDetectorRef,private toast: ToastService, private router:Router){}\r\n  ngOnInit(): void {\r\n    // this.gs.dataRangeValue.pipe(takeUntil(this.destroy$)).subscribe((data: any) => {\r\n\r\n    //   if (data != null) {\r\n    //     this.user = JSON.parse(localStorage.getItem('user-info') || \"\")\r\n    //     this.headerFilter = data;\r\n    //     this.clientId = this.headerFilter?.clients \r\n    //   }\r\n    // });\r\n    this.notificationList()\r\n    this.setPageData();\r\n    this.service.reloadData$.subscribe(() => {\r\n      this.notificationList()\r\n    })\r\n  }\r\n  setPageData() {\r\n    this.pageInfo.setTitle(\"Alerts\");\r\n    this.pageInfo.setDescription(\"Track all your activities and notifications here\");\r\n    this.pageInfo.setBreadcrumbs([\r\n      { title: \"\", path: \"\", isActive: false, isSeparator: false },\r\n    ]);\r\n  }\r\n  notificationList() {\r\n    this.loading = true;\r\n    let data = {\r\n      limit: this.limit,\r\n      offset: this.offset\r\n    };\r\n    this.service.notificationList(data)\r\n      .pipe(takeUntil(this.destroy$))\r\n      .subscribe({\r\n        next: (res: any) => {\r\n          if (res && res.code == 200) {\r\n            this.total = res.data.count;\r\n            this.notification = res.data.result || [];\r\n            if(this.total < 10){\r\n              this.paginationSizes = [this.total]\r\n            }else{\r\n              this.paginationSizes = [10, 20, 30];\r\n            }\r\n            this.loading = false;\r\n            this.noData = false;\r\n          } else {\r\n            this.noData = true;\r\n            this.loading = false;\r\n            this.notification = []; \r\n          }\r\n          this.cd.detectChanges();\r\n        },\r\n        error: (err) => {\r\n          this.noData = true;\r\n          this.loading = false;\r\n          this.notification = [];\r\n        }\r\n      });\r\n  }\r\n\r\n  updateNotification(data: any, btnDetails: any): void {\r\n    this.loading = true;\r\n    this.service.notificationUpdate(data._id).pipe(takeUntil(this.destroy$)).subscribe((res: any) => {\r\n      if (res && res.code == 200) {\r\n        if(!btnDetails || btnDetails?.redirectionUrl != 'subscribed')\r\n          this.toast.getSuccessToast(res.message);\r\n        setTimeout(() => {\r\n          this.notificationList();\r\n        },1000);\r\n        if(btnDetails && btnDetails?.redirectionUrl != '' && btnDetails?.redirectionUrl.split('/').length > 1) {\r\n          this.router.navigateByUrl(btnDetails.redirectionUrl);\r\n        }\r\n        if(btnDetails && btnDetails?.redirectionUrl == 'remind') {\r\n          this.service.updateRemind(data._id).pipe(takeUntil(this.destroy$)).subscribe(() => {})\r\n        }\r\n        if(btnDetails && btnDetails?.redirectionUrl == 'trialApproved') {\r\n          let params = {\r\n            id:btnDetails.id,\r\n            type:'approve'\r\n          }\r\n          this.service.trialApproved(params).pipe(takeUntil(this.destroy$)).subscribe(() => {})\r\n        }\r\n        if(btnDetails && btnDetails?.redirectionUrl == 'subscribed') {\r\n          let params = {\r\n            clientId: btnDetails?.clientId,\r\n            products: [\r\n                {\r\n                    name: btnDetails.product,\r\n                    productName: btnDetails.name,\r\n                    type: \"subscription\",\r\n                    content: \"new\"\r\n                }\r\n            ]\r\n          }\r\n          this.service.updateSubscription(params).pipe(takeUntil(this.destroy$)).subscribe((res:any) => {\r\n            if(res && res.code == 200) {\r\n              this.toast.getSuccessToast('Product Subscribed Successfully');\r\n            }\r\n          })\r\n        }\r\n        this.cd.detectChanges();\r\n      }\r\n    },(error:any) => {\r\n      this.loading = false;\r\n      this.noData = true;\r\n    })\r\n  }\r\n  \r\n  chooseManager(type:any){\r\n\r\n  }\r\n\r\n  onPageChange(pageOffset: number) {\r\n    this.offset = Number(pageOffset);\r\n    this.notificationList();\r\n  }\r\n\r\n  onPageSizeChange(pageSize: number) {\r\n    this.limit = Number(pageSize);\r\n    this.offset = 1;\r\n    this.notificationList();\r\n  }\r\n\r\n  paginationSize(): number {\r\n    console.log('this.limit',this.limit,this.total)\r\n    if (this.total < 10) {\r\n      return this.total;\r\n    } else {\r\n      return this.limit;\r\n    }\r\n  }\r\n\r\n}\r\n","<!-- <div class=\"row buttonsec mb-10\">\r\n    <button [ngClass]=\"showalert?'':'submenu'\" class=\" col-lg-6 btn bg-light-primary text-primary\"\r\n        (click)=\"chooseManager('alert')\">Alerts Manager</button>\r\n    <button [ngClass]=\"showdownload?'':'submenu'\" class=\"col-lg-6 btn bg-light-primary \"\r\n        (click)=\"chooseManager('download')\">Download Manager</button>\r\n</div> -->\r\n\r\n<div class=\"card topbar\">\r\n    <div class=\"card-header\">\r\n        <h3 class=\"card-title align-items-start flex-column\">\r\n            <span class=\"card-label mb-2\">Alerts Manager</span>\r\n        </h3>\r\n    </div>\r\n    <div class=\"card-body\">\r\n        <div class=\"d-flex flex-column flex-xl-row p-7 \">\r\n            <div class=\"flex-lg-row-fluid  mb-20 mb-xl-0\">\r\n                <div class=\"mb-0\">\r\n                    <div>\r\n                        <ng-container *ngIf=\"loading\">\r\n                            <div class=\"row loader  d-flex justify-content-center align-items-center\">\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n                                <div class=\"shimmer\">\r\n                                    <div class=\"wrapper\">\r\n                                        <div class=\"stroke animate title\"></div>\r\n                                        <div class=\"stroke animate link\"></div>\r\n                                        <div class=\"stroke animate description\"></div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </ng-container>\r\n                        <ng-container *ngIf=\"noData && !loading\">\r\n                            <div class=\"row\">\r\n                                <div class=\"col-lg-12 mb-3\">\r\n                                    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n                                        <img class=\"img-src w-25\" src=\"./assets/tango/Icons/noNotification.svg\" alt=\"\">\r\n                                        <span class=\"notificationAlign mt-10\">No New Notification</span>\r\n                                        <span class=\"noNotification mt-2\">Any new notification will be shown\r\n                                            here.</span>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </ng-container>\r\n                        <div class=\"row w-100\" *ngIf=\"notification?.length && !loading\">\r\n\r\n                            <div class=\"col-lg-6\" *ngFor=\"let item of notification;let i=index\">\r\n                                <div class=\"mb-8 border-value w-100\">\r\n                                            <div class=\"flex-grow-1 me-2\">\r\n                                                <div class=\"row mt-4\">\r\n                                                    <div class=\"col-lg-11\">\r\n                                                        <div class=\"symbol symbol-50px mx-4\">\r\n                                                            <span class=\"mt-2\">\r\n                                                                <svg width=\"40\" height=\"40\" viewBox=\"0 0 40 40\"\r\n                                                                    fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                    <rect width=\"40\" height=\"40\" rx=\"20\"\r\n                                                                        fill=\"#DAF1FF\" />\r\n                                                                    <g clip-path=\"url(#clip0_12108_56367)\">\r\n                                                                        <path\r\n                                                                            d=\"M19.9993 23.3333V20M19.9993 16.6666H20.0077M28.3327 20C28.3327 24.6023 24.6017 28.3333 19.9993 28.3333C15.397 28.3333 11.666 24.6023 11.666 20C11.666 15.3976 15.397 11.6666 19.9993 11.6666C24.6017 11.6666 28.3327 15.3976 28.3327 20Z\"\r\n                                                                            stroke=\"#00A3FF\" stroke-width=\"1.66667\"\r\n                                                                            stroke-linecap=\"round\"\r\n                                                                            stroke-linejoin=\"round\" />\r\n                                                                    </g>\r\n                                                                    <defs>\r\n                                                                        <clipPath id=\"clip0_12108_56367\">\r\n                                                                            <rect width=\"20\" height=\"20\" fill=\"white\"\r\n                                                                                transform=\"translate(10 10)\" />\r\n                                                                        </clipPath>\r\n                                                                    </defs>\r\n                                                                </svg>\r\n                                                            </span>\r\n                                                            <span class=\"alert-title mx-4\">{{ item._source.title }}<span\r\n                                                                    class=\"alertdot m-2\">•</span><span\r\n                                                                    class=\"alertdot\">{{\r\n                                                                    item._source.date | customDateFormat }} Today</span>\r\n                                                            </span>\r\n                                                            <div class=\"alt-desc d-block ms-17\">{{\r\n                                                                item._source.description\r\n                                                                }}</div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                    <div class=\"col-lg-1\">\r\n                                                        <span (click)=\"updateNotification(item,'')\"\r\n                                                            class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n                                                            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"\r\n                                                                xmlns=\"http://www.w3.org/2000/svg\">\r\n                                                                <path d=\"M15 5L5 15M5 5L15 15\" stroke=\"#667085\"\r\n                                                                    stroke-width=\"1.67\" stroke-linecap=\"round\"\r\n                                                                    stroke-linejoin=\"round\" />\r\n                                                            </svg>\r\n                                                        </span>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"ms-20 mt-2\">\r\n                                                <ng-container *ngFor=\"let cta of item._source.alertCta\">\r\n                                                    <button *ngIf=\"!['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"btn btn-sm btn-primary\">{{ cta.buttonName }}</button>\r\n                                                    <span *ngIf=\"['remind','cancel'].includes(cta.redirectionUrl)\"\r\n                                                        (click)=\"updateNotification(item,cta)\"\r\n                                                        class=\"text-primary mx-6 remindlatertext cursor-pointer\">{{\r\n                                                        cta.buttonName }}</span>\r\n                                                </ng-container>\r\n\r\n                                            </div>\r\n                                        <!-- </div> -->\r\n                                    <!-- </div> -->\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n                        <div *ngIf=\"notification?.length && !loading\" class=\"my-3\">\r\n                            <lib-pagination [itemsPerPage]=\"limit\" [currentPage]=\"offset\" [totalItems]=\"total\"\r\n                                [paginationSizes]=\"paginationSizes\" [pageSize]=\"paginationSize()\"\r\n                                (pageChange)=\"onPageChange($event)\"\r\n                                (pageSizeChange)=\"onPageSizeChange($event)\"></lib-pagination>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>\r\n\r\n\r\n<!-- <div class=\"col-lg-12 mb-3\">\r\n    <div class=\"card-body d-flex justify-content-center align-items-center flex-column\">\r\n        <img class=\"img-src\" width=\"200px\" src=\"./assets/tango/Icons/Nodata.svg\" alt=\"\">\r\n    </div>\r\n</div> -->","import { NgModule } from '@angular/core';\r\nimport { RouterModule, Routes } from '@angular/router';\r\nimport { NotificationComponent } from './notification/notification.component';\r\n\r\nconst routes: Routes = [\r\n  {\r\n    path:'alerts',\r\n    component:NotificationComponent\r\n  }\r\n];\r\n\r\n@NgModule({\r\n  imports: [RouterModule.forChild(routes)],\r\n  exports: [RouterModule]\r\n})\r\nexport class NotificationRoutingModule { }\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\n\r\nimport { NotificationRoutingModule } from './notification-routing.module';\r\nimport { NotificationComponent } from './notification/notification.component';\r\nimport { CommonSharedModule } from '../common/common-shared.module';\r\n\r\n\r\n@NgModule({\r\n  declarations: [\r\n    NotificationComponent\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    NotificationRoutingModule,\r\n    CommonSharedModule\r\n  ]\r\n})\r\nexport class NotificationModule { }\r\n"],"names":["i2","i3.NotificationService","i4.ToastService","i5","i6.PaginationComponent","i7.CustomDateFormatPipe"],"mappings":"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"}