@tuki-io/tuki-widgets 0.0.134 → 0.0.136

package/projects/tuki/widgets/contact-center/shared/styles/tuki-widgets-theme.scss

@@ -1,13 +0,0 @@
-/* Minimal Material Design styles for Tuki Widgets */
-
-/* Import only the core Material styles needed for our components */
-@import '~@angular/material/prebuilt-themes/indigo-pink.css';
-
-/* Override with Tuki brand colors */
-:root {
-  --tuki-primary-color: #08599C;
-  --tuki-accent-color: #1170CF;
-  --tuki-warn-color: #F23933;
-  --tuki-success-color: #1D805F;
-  --tuki-warning-color: #F8CD00;
-}

package/projects/tuki/widgets/contact-center/shared/styles/variables.scss

@@ -1,94 +0,0 @@
-//@import url( 'https://fonts.googleapis.com/css?family=Roboto:400,700|Material+Icons');
-//@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900');
-@import url('https://fonts.googleapis.com/css?family=Poppins:400,100,200,300,500,600,800,700,900');
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400&display=swap');
-
-@import '../../../../../../node_modules/@angular/material/theming';
-
-$fa-font-path : '../../node_modules/font-awesome/fonts';
-
-//$common-font: Raleway, 'Raleway', sans-serif;
-//$special-font: Raleway, 'Roboto', sans-serif;
-//$content-font: 'Roboto', sans-serif;
-//$buttons-font: Raleway, 'Raleway', sans-serif;
-//$input-font: 'Roboto', sans-serif;
-$menu-font: Poppins, 'Poppins', sans-serif;
-$main-font: Inter, 'Inter', sans-serif;
-//$sub-menu-font: Inter, 'Inter', sans-serif;
-$font-size: 14px;
-$txt-color: rgba(0, 0, 0, 0.87);
-$table-title-color: rgba(0,0,0,.54);;
-$txt-grey-color: #454e5e;
-$header-gradient: linear-gradient(90deg,#0d56aa,#0d56ab);
-$poppins-font: Poppins, 'Poppins', sans-serif;
-
-$icon-color: #8E9FB7;
-$active-color: #0D56AA;
-$icon-box-color: #0773BC;
-$mark-color: #009FDB;
-$hover-color: #0985A0;
-$error-color: #C73636;
-$main-txt-color: #333;
-
-$table-border-color: rgba(0, 0, 0, 0.12);
-$input-border-color: rgba(0, 0, 0, 0.30);
-$bg-color: #F7F9FB;
-
-$error-bg-color: #f2dede;
-$error-border-color: #ebccd1;
-$error-txt-color: #bc1e1b;
-$qob-error-color: #E70707;
-
-$warning-bg-color: #fcf8e3;
-$warning-border-color: #e5e1cd;
-$warning-txt-color: #8a6d3b;
-
-$success-bg-color: #e3f4dc;
-$success-border-color: #b3d692;
-$success-txt-color: #3c763d;
-
-$read-only-txt-color: rgba(0, 0, 0, 0.38);
-$my-menu-txt-color: #555555;
-
-$page-background-color: #F3F6F6;
-$disabled-button-text-color: #BABCC5;
-$dark-elements-color: #2C355D;
-$dark-disabled-btn-color: #DFE3E7;
-$disabled-color: #DFE3E7;
-$link-color: #0985A0;
-$title-color: #0985A0;
-$active-link-color: #0985A0;
-$text-color: #646464;
-$light-border-color: #DEE5EA;
-$icon-background: #D2E5E5;
-
-// QOB style
-$navy: #2399DA;
-$dark-blue: #2C355D;
-$qob-danger-color: #E70707;
-$qob-disabled-color: #D4D4D4;
-
-// WEBEX STYLE
-
-$webex-body-bg: #f7f7f7;
-
-
-$webex-icon-bg: #d0d0d0;
-$webex-icon-color: #2a2a2a;
-$webex-text-color: #252525;
-
-$webex-tr-hover-bg: #ededed;
-$webex-tr-border: #dedede;
-
-$webex-table-th-bg: #f7f7f7;
-$webex-table-th-txt: #636363;
-$webex-table-th-size: 12px;
-
-$webex-table-td-bg: #fff;
-$webex-table-td-txt: #636363;
-$webex-table-td-size: 14px;
-
-$webex-pagination-txt: #636363;
-$webex-pagination-hover-bg: #ededed;
-
-$black-alpha-50: rgba(0, 0, 0, 0.5);

package/projects/tuki/widgets/di2mt/api/api.endpoints.ts

@@ -1,31 +0,0 @@
-export const API = {
-  OVERVIEW: {
-    GET_UPGRADE_PRECONDITIONS: '/api/webex-upgrade/customers/:customerId/preconditions/fetch',
-    GET_SITE_INFRASTRUCTURE: '/api/webex-upgrade/customers/:customerId/infra/fetch',
-    GET_USERS_UPGRADE_SUMMARY: '/api/webex-upgrade/customers/:customerId/users/upgrade/fetch',
-    GET_SITES_UPGRADE_SUMMARY: '/api/webex-upgrade/customers/:customerId/sites/upgrade/fetch',
-    GET_USERS_UPGRADE_READINESS: '/api/webex-upgrade/customers/:customerId/users/readiness/fetch',
-    GET_SITES_UPGRADE_READINESS: '/api/webex-upgrade/customers/:customerId/sites/readiness/fetch'
-  },
-  USER_UPGRADE: {
-    GET_USERS_UPGRADE_DATA: '/api/webex-upgrade/customers/:customerId/user-upgrade',
-    GET_USERS_UPGRADE_STATUS_COUNTS: '/api/webex-upgrade/customers/:customerId/user-upgrades/status-counts',
-    UPGRADE_USER: '/api/migration/webex/sites/:siteId/users/:userId',
-    SINGLE_COLLECT: '/api/migration/webex/singlecollect/features/:featureName',
-    SINGLE_MIGRATION: '/api/migration/webex/singlemigration/features/:featureName',
-    UPGRADE_STATUS: '/api/webex-upgrade/customers/:customerId/users/upgrade-status'
-  },
-  SITE_UPGRADE: {
-    GET_SITES_UPGRADE_DATA: '/api/webex-upgrade/customers/:customerId/site-upgrades',
-    GET_SITES_UPGRADE_STATUS_COUNTS: '/api/webex-upgrade/customers/:customerId/site-upgrades/status-counts',
-    WEBEX_CACHE_COLLECTION: '/api/migration/:migrationType/sites/:siteId/collectbuildwebexcache',
-    UPGRADE_SITE: '/api/migration/webex/sites/:siteId',
-    WEBEX_BATCH_STATUS: "/api/migration/webex/customer/:customerId/batchesstatus",
-    MIGRATE_SITE: "/api/migration/webex/sites/:siteId/migrate",
-    BATCH_STATUS: "/api/e2emigration/batches-status/:customerId",
-    GET_BATCH_SITES: "/api/e2emigration/batch/:customerId/Sites",
-    WEBEX_CACHE_COLLECTION_SITE_LIST: "/api/migration/webex/customers/:customerId/sitelistforcollectbuildwebexcache",
-    WEBEX_CACHE_COLLECTION_CUCM_LIST: "/api/migration/webex/customers/:customerId/cucmlistforcollectbuildwebexcache",
-    MIGRATION_STATUS: "/api/migration/state/webex/customers/:customerId/migrationstatus"
-  }
-};

package/projects/tuki/widgets/di2mt/assets/icons/details_d_icon.svg

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M16.2115 19.5H17.0961V16H16.2115V19.5ZM16.6538 15.0865C16.7743 15.0929 16.8782 15.0509 16.9653 14.9606C17.0525 14.8702 17.0961 14.7647 17.0961 14.6442C17.0961 14.5237 17.0509 14.4199 16.9605 14.3327C16.8701 14.2455 16.7679 14.2019 16.6538 14.2019C16.5333 14.2019 16.4294 14.2455 16.3422 14.3327C16.2551 14.4199 16.2115 14.5237 16.2115 14.6442C16.2115 14.7583 16.2551 14.8606 16.3422 14.951C16.4294 15.0413 16.5333 15.0865 16.6538 15.0865ZM4.99997 3.99998V10.1827V10.1538V20V3.99998ZM7.25 13.75H10.7231C10.8679 13.4692 11.0307 13.2038 11.2115 12.9538C11.3923 12.7038 11.591 12.4692 11.8077 12.25H7.25V13.75ZM7.25 17.75H10.0173C9.98009 17.5 9.9615 17.2516 9.9615 17.0048C9.9615 16.758 9.97688 16.5064 10.0076 16.25H7.25V17.75ZM5.3077 21.5C4.80257 21.5 4.375 21.325 4.025 20.975C3.675 20.625 3.5 20.1974 3.5 19.6923V4.3077C3.5 3.80257 3.675 3.375 4.025 3.025C4.375 2.675 4.80257 2.5 5.3077 2.5H13.25L18.5 7.74995V10.425C18.2538 10.3506 18.0073 10.2933 17.7605 10.2529C17.5137 10.2125 17.2602 10.1891 17 10.1827V8.49995H12.5V3.99998H5.3077C5.23077 3.99998 5.16024 4.03203 5.09612 4.09613C5.03202 4.16024 4.99997 4.23077 4.99997 4.3077V19.6923C4.99997 19.7692 5.03202 19.8397 5.09612 19.9038C5.16024 19.9679 5.23077 20 5.3077 20H10.7615C10.9064 20.2871 11.0692 20.5557 11.25 20.8057C11.4307 21.0557 11.6327 21.2871 11.8557 21.5H5.3077ZM16.6538 12.3462C17.9025 12.3462 18.9647 12.784 19.8403 13.6596C20.7159 14.5352 21.1538 15.5974 21.1538 16.8461C21.1538 18.0948 20.7159 19.157 19.8403 20.0326C18.9647 20.9083 17.9025 21.3461 16.6538 21.3461C15.4051 21.3461 14.3429 20.9083 13.4673 20.0326C12.5916 19.157 12.1538 18.0948 12.1538 16.8461C12.1538 15.5974 12.5916 14.5352 13.4673 13.6596C14.3429 12.784 15.4051 12.3462 16.6538 12.3462Z" fill="#2C355D"/>
-</svg>

package/projects/tuki/widgets/di2mt/assets/icons/icon_play.svg

@@ -1,3 +0,0 @@
-<svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.09567 11.7427L11.3625 9.64421C11.523 9.54226 11.6033 9.40067 11.6033 9.21945C11.6033 9.03821 11.523 8.89615 11.3625 8.79326L8.09567 6.69472C7.92739 6.57933 7.75479 6.5701 7.57787 6.66701C7.40096 6.76391 7.3125 6.91497 7.3125 7.12019V11.3173C7.3125 11.5225 7.40096 11.6736 7.57787 11.7705C7.75479 11.8674 7.92739 11.8581 8.09567 11.7427ZM9.00124 16.3437C8.01579 16.3437 7.08951 16.1567 6.22241 15.7827C5.3553 15.4087 4.60104 14.9012 3.95963 14.26C3.3182 13.6189 2.81041 12.865 2.43624 11.9982C2.06208 11.1315 1.875 10.2054 1.875 9.21999C1.875 8.23454 2.062 7.30826 2.436 6.44116C2.81 5.57405 3.31756 4.81979 3.95869 4.17838C4.59983 3.53695 5.35376 3.02916 6.22048 2.65499C7.08719 2.28083 8.01328 2.09375 8.99873 2.09375C9.98418 2.09375 10.9105 2.28075 11.7776 2.65475C12.6447 3.02875 13.3989 3.53631 14.0403 4.17744C14.6818 4.81858 15.1896 5.57251 15.5637 6.43923C15.9379 7.30594 16.125 8.23203 16.125 9.21748C16.125 10.2029 15.938 11.1292 15.564 11.9963C15.19 12.8634 14.6824 13.6177 14.0413 14.2591C13.4001 14.9005 12.6462 15.4083 11.7795 15.7825C10.9128 16.1566 9.98669 16.3437 9.00124 16.3437ZM8.99998 15.2187C10.675 15.2187 12.0937 14.6375 13.2562 13.475C14.4187 12.3125 15 10.8937 15 9.21873C15 7.54373 14.4187 6.12498 13.2562 4.96248C12.0937 3.79998 10.675 3.21873 8.99998 3.21873C7.32498 3.21873 5.90623 3.79998 4.74373 4.96248C3.58123 6.12498 2.99998 7.54373 2.99998 9.21873C2.99998 10.8937 3.58123 12.3125 4.74373 13.475C5.90623 14.6375 7.32498 15.2187 8.99998 15.2187Z" fill="#2C355D"/>
-</svg>

package/projects/tuki/widgets/di2mt/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "public-api.ts"
-  },
-  "assets": ["./styles/", "./assets/","src/assets"]
-}

package/projects/tuki/widgets/di2mt/public-api.ts

@@ -1,27 +0,0 @@
-/*
- * Public API Surface of @tuki-io/tuki-widgets
- */
-
-// Shared Components
-// export * from './shared/shared.module';
-
-// Widget Modules
-export * from './widgets/user-upgrade/user-upgrade.module';
-export * from './widgets/site-upgrade/site-upgrade.module';
-export * from './widgets/upgrade-overview/upgrade-overview.module';
-
-// Components
-// export * from './shared/components/index';
-export * from './widgets/user-upgrade/user-upgrade-data-table/user-upgrade-data-table.component';
-export * from './widgets/site-upgrade/site-upgrade-data-table/site-upgrade-data-table.component';
-export * from './widgets/upgrade-overview/cards/already-upgraded-sites/already-upgraded-sites-card.component';
-export * from './widgets/upgrade-overview/cards/already-upgraded-users/already-upgraded-users-card.component';
-export * from './widgets/upgrade-overview/cards/ready-to-upgrade-sites/ready-to-upgrade-sites-card.component';
-export * from './widgets/upgrade-overview/cards/ready-to-upgrade-users/ready-to-upgrade-users-card.component';
-export * from './widgets/upgrade-overview/cards/preconditions-status-list/preconditions-status-list-card.component';
-export * from './widgets/upgrade-overview/cards/site-infrastructure-status-list/site-infrastructure-status-list-card.component';
-export * from './widgets/upgrade-overview/cards/upgrade-state-comparison-chart/upgrade-state-comparison-chart-card.component';
-export * from './widgets/site-upgrade/progress-bar/progress-bar.component';
-
-// Types
-// export * from './shared/types/data-table';

package/projects/tuki/widgets/di2mt/shared/components/card/card.component.html

@@ -1,11 +0,0 @@
-<article class="card">
-    <header class="card__header">
-        <h2>{{ title }}</h2>
-        <!--<div class="card__menu-button">
-            <img width="18" src="assets/icons/menu_icon.png" alt="Menu Icon">
-        </div>-->
-    </header>
-    <div class="card__content">
-        <ng-content select="card-content"></ng-content>
-    </div>
-</article>

package/projects/tuki/widgets/di2mt/shared/components/card/card.component.scss

@@ -1,48 +0,0 @@
-@import "../../../styles/variables.scss";
-
-:host {
-  display: block;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.card {
-  font-family: $main-font;
-  background-color: white;
-  border-radius: 1rem;
-  padding: 2rem;
-  border: 1px solid hsl(0, 0%, 0%, 0.2);
-  min-width: 300px;
-  // width: fit-content;
-  max-width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  gap: 2.5rem;
-}
-
-.card__header {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  h2 {
-    font-size: 16px;
-    margin: 0;
-  }
-
-  .card__menu-button {
-    position: relative;
-    display: flex;
-    align-items: center;
-  }
-}
-
-.card__content {
-  display: flex;
-  flex-direction: column;
-  gap: 2.5rem;
-  flex-grow: 1;
-}

package/projects/tuki/widgets/di2mt/shared/components/card/card.component.ts

@@ -1,10 +0,0 @@
-import { Component, Input } from "@angular/core";
-
-@Component({
-    selector: 'tk-card',
-    templateUrl: './card.component.html',
-    styleUrls: ['./card.component.scss']
-})
-export class CardComponent {
-    @Input() title!: string;
-}

package/projects/tuki/widgets/di2mt/shared/components/chart-card/chart-card.component.html

@@ -1,15 +0,0 @@
-<tk-card [title]="title">
-    <ng-container ngProjectAs="card-content">
-        <div class="chart-container">
-            <apx-chart
-                [series]="chartOptions.series"
-                [chart]="chartOptions.chart"
-                [labels]="chartOptions.labels"
-                [colors]="chartOptions.colors"
-                [legend]="chartOptions.legend"
-                [plotOptions]="chartOptions.plotOptions"
-                [dataLabels]="chartOptions.dataLabels">
-            </apx-chart>
-        </div>
-    </ng-container>
-</tk-card>

package/projects/tuki/widgets/di2mt/shared/components/chart-card/chart-card.component.scss

@@ -1,38 +0,0 @@
-:host {
-    width: 100%;
-    display: block;
-    height: 100%;
-    box-sizing: border-box;
-}
-
-.chart-container {
-    width: 100%;
-    // height: 100%;
-    height: 220px;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    padding: 0;
-    
-    apx-chart {
-        width: 100%;
-        max-width: 400px;
-    }
-}
-
-// Override ApexCharts legend styles to match the design
-:host ::ng-deep .apexcharts-legend {
-    display: flex !important;
-    flex-direction: column !important;
-    justify-content: center !important;
-    // height: 100% !important;
-    
-    .apexcharts-legend-marker {
-        border-radius: 2px !important;
-    }
-    
-    .apexcharts-legend-text {
-        font-weight: 500 !important;
-        color: #333 !important;
-    }
-}

package/projects/tuki/widgets/di2mt/shared/components/chart-card/chart-card.component.ts

@@ -1,76 +0,0 @@
-import { Component, Input, OnInit } from "@angular/core";
-import { ApexChart, ApexPlotOptions, ApexLegend, ApexDataLabels, ApexNonAxisChartSeries } from "ng-apexcharts";
-
-export type ChartOptions = {
-    series: ApexNonAxisChartSeries;
-    chart: ApexChart;
-    labels: string[];
-    colors: string[];
-    legend: ApexLegend;
-    plotOptions: ApexPlotOptions;
-    dataLabels: ApexDataLabels;
-};
-
-@Component({
-    selector: 'tk-chart-card',
-    templateUrl: './chart-card.component.html',
-    styleUrls: ['./chart-card.component.scss']
-})
-export class ChartCardComponent implements OnInit {
-    @Input() title!: string;
-    @Input() totalUpgraded!: number;
-    @Input() totalNotUpgraded!: number;
-
-    public chartOptions!: ChartOptions;
-
-    ngOnInit() {
-        this.initChartOptions();
-    }
-
-    private initChartOptions(): void {
-        if (this.totalUpgraded === 0)
-            this.totalNotUpgraded = 100;
-
-        this.chartOptions = {
-            series: [this.totalUpgraded, this.totalNotUpgraded],
-            chart: {
-                type: "donut",
-                height: 250
-            },
-            labels: ["MT", "DI"],
-            colors: ["#808080", "#16A693"],
-            legend: {
-                position: "right",
-                offsetY: 0,
-                fontSize: "14px",
-                // markers: {
-                //     size: 16,
-                //     strokeWidth: 0,
-                //     shape: 'circle'
-                // },
-                itemMargin: {
-                    horizontal: 20,
-                    vertical: 2
-                },
-                formatter: (seriesName, opts) => {
-                    const percentage = this.roundPercentage((opts.w.globals.series[opts.seriesIndex] / (opts.w.globals.series[0] + opts.w.globals.series[1])) * 100);
-                    return seriesName + " " + percentage + "%";
-                }
-            },
-            plotOptions: {
-                pie: {
-                    donut: {
-                        size: "75%"
-                    }
-                }
-            },
-            dataLabels: {
-                enabled: false
-            }
-        };
-    }
-
-    private roundPercentage(value: number): number {
-        return Number((Math.round(value * 100) / 100).toFixed(1));
-    }
-}

package/projects/tuki/widgets/di2mt/shared/components/index.ts

@@ -1,6 +0,0 @@
-export * from './card/card.component';
-export * from './chart-card/chart-card.component';
-export * from './stat-card/stat-card.component';
-export * from './status-list-card/status-list-card.component';
-export * from './summary-card/summary-card.component';
-export * from './table-filters/table-filters.component';

package/projects/tuki/widgets/di2mt/shared/components/stat-card/stat-card.component.html

@@ -1,43 +0,0 @@
-<tk-card [title]="title">
-  <ng-container ngProjectAs="card-content">
-    <div class="card__content-info">
-      <div class="card__content-wrapper">
-        <img width="42" [src]="'assets/icons/' + type + '.png'" alt="" />
-        <div class="card__content-text">
-          <div class="card__content-label">
-            {{ upgradeStatus === 'ready' ? stats?.totalReady : stats?.totalUpgraded }}
-            {{ type === 'user' ? 'Users' : 'Sites' }}</div>
-          <div class="card__content-description">{{ upgradeStatus === 'ready' ? 'Ready to Upgrade' : 'Already Upgraded' }}</div>
-        </div>
-      </div>
-    </div>
-    <div class="card__content-progress-wrapper">
-      <div class="card__content-progress">
-        <div class="card__content-progress-label">
-          <span>{{ readyPercentage }}%</span>
-          <span>From all {{ stats?.total }} {{ type === 'user' ? 'users' : 'sites' }}</span>
-        </div>
-        <div class="card__content-progress-bar">
-          <div
-            class="card__content-progress-bar-fill ready"
-            [class.already]="upgradeStatus === 'already'"
-            [style.width.%]="readyPercentage"
-          ></div>
-        </div>
-      </div>
-      <div *ngIf="upgradeStatus === 'already'" class="card__content-progress">
-        <div class="card__content-progress-label">
-          <span>{{ upgradedPercentage }}%</span>
-          <span>From all {{ stats?.totalReady }} ready {{ type === 'user' ? 'users' : 'sites' }}</span>
-        </div>
-        <div class="card__content-progress-bar">
-          <div
-            class="card__content-progress-bar-fill ready"
-            [class.already]="upgradeStatus === 'already'"
-            [style.width.%]="upgradedPercentage"
-          ></div>
-        </div>
-      </div>
-    </div>
-  </ng-container>
-</tk-card>

package/projects/tuki/widgets/di2mt/shared/components/stat-card/stat-card.component.scss

@@ -1,74 +0,0 @@
-:host {
-  display: block;
-  height: 100%;
-  box-sizing: border-box;
-}
-
-.card__content-info {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.card__content-text {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-
-  .card__content-label {
-    font-size: 20px;
-  }
-
-  .card__content-description {
-    font-size: 12px;
-  }
-}
-
-.card__content-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 1rem;
-}
-
-.card__content-wrapper:first-child {
-  display: flex;
-  gap: 0.5rem;
-}
-
-.card__content-progress-wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.card__content-progress {
-  display: flex;
-  flex-direction: column;
-  gap: 0.25rem;
-  font-size: 14px;
-
-  .card__content-progress-label {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0.05rem;
-  }
-
-  .card__content-progress-bar {
-    background-color: #ededed;
-    border-radius: 10rem;
-    .card__content-progress-bar-fill {
-      height: 10px;
-      border-radius: inherit;
-    }
-  }
-}
-
-.ready {
-  background-color: #0A78CC;
-}
-
-.already {
-  background-color: #16A693;
-}

package/projects/tuki/widgets/di2mt/shared/components/stat-card/stat-card.component.ts

@@ -1,44 +0,0 @@
-import { Component, Input, OnInit } from "@angular/core";
-import { SitesUpgradeReadiness, SitesUpgradeSummary, UsersUpgradeReadiness, UsersUpgradeSummary } from "../../../widgets/upgrade-overview/types/upgrade-overview";
-
-@Component({
-    selector: 'tk-stat-card',
-    templateUrl: './stat-card.component.html',
-    styleUrls: ['./stat-card.component.scss']
-})
-export class StatCardComponent implements OnInit {
-    @Input() title!: string;
-    @Input() type!: 'site' | 'user';
-    @Input() readinessStats: any;
-    @Input() upgradeStatus!: 'ready' | 'already';
-
-    stats: any;
-
-    ngOnInit() {        
-        if (this.type === 'user') {
-            this.stats = {
-                id: this.readinessStats?.id,
-                customerId: this.readinessStats?.customerId,
-                total: this.readinessStats?.['totalUsers'],
-                totalReady: this.readinessStats?.['totalReadyUsers'],
-                totalUpgraded: this.readinessStats?.['totalUpgradedUsers'],
-            }
-        } else {
-            this.stats = {
-                id: this.readinessStats?.id,
-                customerId: this.readinessStats?.customerId,
-                total: this.readinessStats?.['totalSites'],
-                totalReady: this.readinessStats?.['totalReadySites'],
-                totalUpgraded: this.readinessStats?.['totalUpgradedSites'],
-            }
-        }
-    }
-
-    get readyPercentage() {
-        return (this.stats?.totalReady / this.stats?.total * 100) >> 0;
-    }
-
-    get upgradedPercentage() {
-        return (this.stats?.totalUpgraded / this.stats?.total * 100) >> 0;
-    }
-}

package/projects/tuki/widgets/di2mt/shared/components/status-list-card/status-list-card.component.html

@@ -1,57 +0,0 @@
-<tk-card [title]="title">
-    <ng-container ngProjectAs="card-content">
-        <div class="card__list-wrapper">
-            <div class="card__list-item" *ngFor="let item of items; trackBy: trackByFn">
-                <img *ngIf="item.status" src="{{ 'assets/icons/check_icon.png' }}" alt="">
-                <img *ngIf="!item.status" src="{{ 'assets/icons/warning_icon.png' }}" alt="">
-                <div 
-                    class="card__item-info"
-                    (mouseover)="onMouseOverItemText($event, item.label)"
-                    (mouseleave)="onMouseLeaveItemText($event, item.label)">
-                    <div 
-                        class="card__item-text-wrapper">
-                        <div class="card__item-text"
-                            [matTooltip]="item.tooltip"
-                            [matTooltipPosition]="'above'">
-                            <div class="card__item-label">
-                                {{ item.label }}
-                            </div>
-                            <div class="card__item-description">
-                                {{ item.description }}
-                            </div>
-                        </div>
-                        <div
-                            class="card__item-link-wrapper"
-                            *ngIf="item.link.href && hoveredItemLabel === item.label && displayLink"
-                            [matTooltip]="item.link.tooltip"
-                            [matTooltipPosition]="'right'">
-                            <mat-icon>open_in_new</mat-icon>
-                        </div>
-                    </div>
-                    <div
-                        *ngIf="title.includes('Site')"
-                        class="card__item-stats"
-                        (mouseover)="onMouseOverItemStats($event, item.label)"
-                        (mouseleave)="onMouseLeaveItemStats($event, item.label)">
-                        <div class="card__item-numbers">
-                            {{ item.value }}/{{ item.totalSites }}
-                        </div>
-                        <div class="card__item-numbers-description">
-                            Ready/All
-                        </div>
-
-                        <div class="card__item-stats-dialog" [class.fade-in]="hoveredItemLabel === item.label && displayStatsDialog">
-                            <div class="card__item-stats-dialog-item">
-                                <span class="name">Atlanta</span>
-                                <div class="status">
-                                    <span class="indicator"></span>
-                                    <span class="status-text">Ready</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-    </ng-container>
-</tk-card>