@tuki-io/tuki-widgets 0.0.95 → 0.0.97

package/projects/tuki/widgets/di2mt/widgets/site-upgrade/types/user-upgrade.ts

@@ -0,0 +1,27 @@
+import { UpgradeStatus } from "../../../shared/types/constants";
+
+export interface SiteUpgradeRecord {
+  id: number;
+  customerId: string;
+  siteId: number;
+  batchId: number;
+  siteName: string;
+  totalUsers: number;
+  totalReadyUsers: number;
+  totalNotReadyUsers: number;
+  totalUpgradedUsers: number;
+  totalFailedUsers: number;
+  migrationFormId?: number;
+  progress?: number;
+  locationMapping: boolean;
+  PSTNTrunk: boolean;
+  upgradeStatus: UpgradeStatus | string;
+  pending?: boolean;
+  initPending?: boolean;
+  interval?: any;
+  status?: string;
+  isProgressBarAvailable?: boolean;
+  isMigrationInProgress?: boolean;
+  isCUCMInCollectCache?: boolean;
+  isCollected?: boolean;
+};

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/already-upgraded-sites/already-upgraded-sites-card.component.ts

@@ -0,0 +1,52 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { SitesUpgradeSummary } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-already-upgraded-sites-card',
+    template: `
+        <tk-stat-card
+            *ngIf="!loading"
+            [title]="title"
+            [type]="type"
+            [readinessStats]="readinessStats"
+            [upgradeStatus]="upgradeStatus"
+        ></tk-stat-card>
+    `
+})
+export class AlreadyUpgradedSitesCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Upgraded Sites';
+    type: 'site' | 'user' = 'site';
+    readinessStats!: SitesUpgradeSummary;
+    upgradeStatus: any = 'already';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.loading = true;
+        this.upgradeOverviewService.getSitesUpgradeSummary()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/already-upgraded-users/already-upgraded-users-card.component.ts

@@ -0,0 +1,53 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { UsersUpgradeSummary } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+
+@Component({
+    selector: 'tk-already-upgraded-users-card',
+    template: `
+        <tk-stat-card
+            *ngIf="!loading"
+            [title]="title"
+            [type]="type"
+            [readinessStats]="readinessStats"
+            [upgradeStatus]="upgradeStatus"
+        ></tk-stat-card>
+    `
+})
+export class AlreadyUpgradedUsersCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Upgraded Users';
+    type: any = 'user';
+    readinessStats!: UsersUpgradeSummary;
+    upgradeStatus: any = 'already';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.loading = true;
+        this.upgradeOverviewService.getUsersUpgradeSummary()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/preconditions-status-list/preconditions-status-list-card.component.ts

@@ -0,0 +1,82 @@
+import { Component, inject, Input, OnDestroy, OnInit } from "@angular/core";
+import { UpgradePreconditions } from "../../types/upgrade-overview";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { Subject, takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+
+@Component({
+    selector: 'tk-preconditions-status-list-card',
+    template: `
+        <tk-status-list-card 
+            [title]="title"
+            [items]="items"
+        ></tk-status-list-card>
+    `,
+    styles: [` :host { width: 100%; } `]
+})
+export class PreconditionsStatusListCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private destroy$ = new Subject<void>();
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Mandatory Preconditions for Upgrade';
+    preconditions!: UpgradePreconditions;
+
+    items: any;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+        
+        this.upgradeOverviewService.getUpgradePreconditions()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((resp) => {
+                this.preconditions = resp;
+                this.init();
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+
+    private init(): void {
+        this.items = [
+            {
+                label: 'Control Hub Integration',
+                description: 'Control Hub Connectivity',
+                status: this.preconditions.controlHubIntegration === 'CONNECTED',
+                tooltip: 'Your tenant must be connected to Webex Control Hub to enable and manage the upgrade process.',
+                link: {
+                    href: 'https://dev.tuki.io/',
+                    tooltip: 'Click below to open the integration setup wizard in Tuki. If the tenant is not yet connected, you will be redirected to create the integration in Control Hub.'
+                }
+            },
+            {
+                label: 'SIP Trunk (Local Gateway)',
+                description: 'CUCM trunk connectivity estabilished',
+                status: true,
+                tooltip: 'CUCM must have an active SIP trunk to the Local Gateway for tenant-wide external calling.',
+                link: {
+                    href: 'https://dev.tuki.io/',
+                    tooltip: 'Confirm that the trunk is configured and connected in CUCM.'
+                }
+            },
+            {
+                label: `${this.preconditions.numberOfAvailableLicences} Available User Licences`,
+                description: 'Webex calling licences provisioned and assgined',
+                status: this.preconditions.numberOfAvailableLicences > 0,
+                tooltip: 'Webex Calling licenses are required for users who are being upgraded.',
+                link: {
+                    href: '',
+                    tooltip: ''
+                }
+            }
+        ];
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component.html

@@ -0,0 +1,7 @@
+  <tk-stat-card
+    *ngIf="!loading"
+    [title]="title"
+    [type]="type"
+    [readinessStats]="readinessStats"
+    [upgradeStatus]="upgradeStatus">
+  </tk-stat-card>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { SitesUpgradeReadiness } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-ready-to-upgrade-sites-card',
+    templateUrl: './ready-to-upgrade-sites-card.component.html',
+    styleUrls: ['./ready-to-upgrade-sites-card.component.scss']
+})
+export class ReadyToUpgradeSitesCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Ready Sites';
+    type: any = 'site';
+    readinessStats!: SitesUpgradeReadiness;
+    upgradeStatus: any = 'ready';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+        
+        this.loading = true;
+        this.upgradeOverviewService.getSitesUpgradeReadiness()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component.html

@@ -0,0 +1,7 @@
+  <tk-stat-card
+    *ngIf="!loading"
+    [title]="title"
+    [type]="type"
+    [readinessStats]="readinessStats"
+    [upgradeStatus]="upgradeStatus">
+  </tk-stat-card>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component.ts

@@ -0,0 +1,45 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { UsersUpgradeReadiness } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-ready-to-upgrade-users-card',
+    templateUrl: './ready-to-upgrade-users-card.component.html',
+    styleUrls: ['./ready-to-upgrade-users-card.component.scss']
+})
+export class ReadyToUpgradeUsersCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title: string = 'Ready Users';
+    type: any = 'user';
+    readinessStats!: UsersUpgradeReadiness;
+    upgradeStatus: any = 'ready';
+
+    loading: boolean = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+        
+        this.loading = true;
+        this.upgradeOverviewService.getUsersUpgradeReadiness()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((stats) => {
+                this.readinessStats = stats;
+                this.loading = false;
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component.ts

@@ -0,0 +1,81 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { SiteInfrastructureSummary } from "../../types/upgrade-overview";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: 'tk-site-infrastructure-status-list-card',
+    template: `
+        <tk-status-list-card 
+            [title]="title"
+            [items]="items"
+        ></tk-status-list-card>
+    `,
+    styles: [` :host { width: 100%; } `]
+})
+export class SiteInfrastructureStatusListCardComponent implements OnInit {
+    title: string = 'Site Preconditions';
+    items: any;
+
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.upgradeOverviewService.getSiteInfrastructureSummary()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((siteInfrastructure) => {
+                this.items = [
+                    {
+                        label: 'PSTN Trunk',
+                        description: 'Public network connectivity',
+                        status: siteInfrastructure.totalPSTNs === siteInfrastructure.totalSites,
+                        totalSites: siteInfrastructure.totalSites,
+                        value: siteInfrastructure.totalPSTNs,
+                        tooltip: 'Public network connectivity is required for external calling.',
+                        link: {
+                            href: 'https://dev.tuki.io/',
+                            tooltip: 'Ensure that the site has a configured PSTN trunk in Control Hub and verify that the connection is established and active. If setup is incomplete, contact your administrator or PSTN provider.'
+                        }
+                    },
+                    {
+                        label: 'Location Mapping',
+                        description: 'Sites defined in Control Hub with proper configuration',
+                        status: siteInfrastructure.totalLocations === siteInfrastructure.totalSites,
+                        totalSites: siteInfrastructure.totalSites,
+                        value: siteInfrastructure.totalLocations,
+                        tooltip: 'Each site must be mapped to a Control Hub location.',
+                        link: {
+                            href: 'https://dev.tuki.io/',
+                            tooltip: 'Click below to open the Tuki mapping tool and complete the site-to-location mapping.'
+                        }
+                    },
+                    {
+                        label: 'Ready users',
+                        description: 'All users in the site are ready or already upgraded',
+                        status: false,
+                        totalSites: 12,
+                        value: siteInfrastructure.totalLocations,
+                        tooltip: 'All users in the site must be ready or already upgraded to ensure a successful migration.',
+                        link: {
+                            href: '',
+                            tooltip: ''
+                        }
+                    }
+                ];
+            });
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component.ts

@@ -0,0 +1,70 @@
+import { Component, Input, OnInit, OnDestroy, inject } from "@angular/core";
+import { UpgradeOverviewService } from "../../upgrade-overview.service";
+import { UsersUpgradeSummary, SitesUpgradeSummary } from "../../types/upgrade-overview";
+import { Subject } from "rxjs";
+import { takeUntil } from "rxjs";
+import { APIService } from "../../../../shared/services/api.service";
+
+@Component({
+    selector: "tk-upgrade-state-comparison-chart-card",
+    template: `
+        <tk-chart-card
+            *ngIf="!loading"
+            [title]="title"
+            [totalUpgraded]="totalUpgraded"
+            [totalNotUpgraded]="totalNotUpgraded"
+        ></tk-chart-card>
+    `,
+    styles: [`
+        :host {
+            width: 100%
+        }    
+    `]
+})
+export class UpgradeStateComparisonChartCardComponent implements OnInit, OnDestroy {
+    private apiService = inject(APIService);
+    private upgradeOverviewService = inject(UpgradeOverviewService);
+    private destroy$ = new Subject<void>();
+    
+    @Input() type: 'Users' | 'Sites' = 'Users';
+    @Input() token!: string;
+    @Input() customerId!: string;
+
+    title!: string;
+    totalUpgraded!: number;
+    totalNotUpgraded!: number;
+
+    loading = false;
+
+    ngOnInit(): void {
+        this.apiService.token = this.token;
+        this.upgradeOverviewService.customerId = this.customerId;
+
+        this.totalUpgraded = 0;
+        this.totalNotUpgraded = 0;
+        this.loading = true;
+        this.title = `Upgraded vs. Not Upgraded ${this.type}`;
+        if (this.type === 'Sites') {
+            this.upgradeOverviewService.getSitesUpgradeSummary()
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((stats: any) => {
+                    this.totalUpgraded = parseInt(stats.totalUpgradedSites);
+                    this.totalNotUpgraded = parseInt(stats.totalReadySites);
+                    this.loading = false;
+                });
+        } else {
+            this.upgradeOverviewService.getUsersUpgradeSummary()
+                .pipe(takeUntil(this.destroy$))
+                .subscribe((stats: any) => {
+                    this.totalUpgraded = parseInt(stats.totalUpgradedUsers);
+                    this.totalNotUpgraded = parseInt(stats.totalReadyUsers);
+                    this.loading = false;
+                });
+        }
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+}

package/{di2mt/widgets/upgrade-overview/types/upgrade-overview.d.ts → projects/tuki/widgets/di2mt/widgets/upgrade-overview/types/upgrade-overview.ts}

@@ -1,14 +1,14 @@
 /**
- *
+ * 
  */
 export type UpgradePreconditions = {
     readonly id: string;
     readonly customerId: string;
     controlHubIntegration: string;
     numberOfAvailableLicences: number;
-};
+}
 /**
- *
+ * 
  */
 export type SiteInfrastructureSummary = {
     readonly id: string;
@@ -16,7 +16,7 @@ export type SiteInfrastructureSummary = {
     totalSites: number;
     totalLocations: number;
     totalPSTNs: number;
-};
+}
 /**
  * @internal
  */
@@ -25,32 +25,34 @@ type _UpgradeSummary = {
     readonly customerId: string;
     total: number;
     totalUpgraded: number;
-    totalReady: number;
-};
+    totalReady: number
+}
 /**
- *
+ * 
  */
 export type UpgradeSummary<T extends 'Users' | 'Sites'> = {
-    [key in keyof _UpgradeSummary as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)]: _UpgradeSummary[key];
-};
+    [
+        key in keyof _UpgradeSummary 
+        as (_UpgradeSummary[key] extends number ? `${key}${T}` : key)
+    ]: _UpgradeSummary[key]
+}
 /**
- *
+ * 
  */
-export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>;
+export type UpgradeReadiness<T extends 'Users' | 'Sites'> = Omit<UpgradeSummary<T>, `totalUpgraded${T}`>
 /**
- *
+ * 
  */
 export type UsersUpgradeSummary = UpgradeSummary<'Users'>;
 /**
- *
+ * 
  */
 export type SitesUpgradeSummary = UpgradeSummary<'Sites'>;
 /**
- *
+ * 
  */
-export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>;
+export type UsersUpgradeReadiness = UpgradeReadiness<'Users'>
 /**
- *
+ * 
  */
-export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>;
-export {};
+export type SitesUpgradeReadiness = UpgradeReadiness<'Sites'>

package/projects/tuki/widgets/di2mt/widgets/upgrade-overview/upgrade-overview.module.ts

@@ -0,0 +1,42 @@
+import { NgModule } from "@angular/core";
+import { ReadyToUpgradeUsersCardComponent } from "./cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component";
+import { CommonModule } from "@angular/common";
+import { SharedModule } from "../../shared/shared.module";
+import { ReadyToUpgradeSitesCardComponent } from "./cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component";
+import { AlreadyUpgradedUsersCardComponent } from "./cards/already-upgraded-users/already-upgraded-users-card.component";
+import { AlreadyUpgradedSitesCardComponent } from "./cards/already-upgraded-sites/already-upgraded-sites-card.component";
+import { PreconditionsStatusListCardComponent } from "./cards/preconditions-status-list/preconditions-status-list-card.component";
+import { SiteInfrastructureStatusListCardComponent } from "./cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component";
+import { UpgradeStateComparisonChartCardComponent } from "./cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component";
+import { APIService } from "../../shared/services/api.service";
+import { UserUpgradeService } from "../user-upgrade/user-upgrade.service";
+
+
+@NgModule({
+    declarations: [
+        ReadyToUpgradeUsersCardComponent,
+        ReadyToUpgradeSitesCardComponent,
+        AlreadyUpgradedUsersCardComponent,
+        AlreadyUpgradedSitesCardComponent,
+        PreconditionsStatusListCardComponent,
+        SiteInfrastructureStatusListCardComponent,
+        UpgradeStateComparisonChartCardComponent
+    ],
+    imports: [
+        CommonModule,
+        SharedModule
+    ],
+    exports: [
+        ReadyToUpgradeUsersCardComponent,
+        ReadyToUpgradeSitesCardComponent,
+        AlreadyUpgradedUsersCardComponent,
+        AlreadyUpgradedSitesCardComponent,
+        PreconditionsStatusListCardComponent,
+        SiteInfrastructureStatusListCardComponent,
+        UpgradeStateComparisonChartCardComponent
+    ],
+    providers: [
+    
+    ]
+})
+export class UpgradeOverviewModule {}