@tuki-io/tuki-widgets 0.0.72 → 0.0.74

package/proxy.conf.js

@@ -0,0 +1,23 @@
+module.exports = [
+  {
+    context: [
+      "/api",
+      "/restorepassword",
+      "/logout",
+      "/registration",
+      "/docs",
+      "/swagger-ui",
+      "/v3/api-docs"
+    ],
+    // target: "http://192.168.0.103:8080",
+    // target: "http:// 192.168.0.191:8080",
+    // target: "http://localhost:3000",
+    //  target: "http://localhost:8088",
+    // target: "https://dev.tuki.io/webex",
+    target: "https://dev.tuki.io/webex",
+    // target: "http://192.168.10.56:8080",
+    secure: false
+  }
+];
+
+

package/tsconfig.json

@@ -0,0 +1,46 @@
+/* To learn more about this file see: https://angular.io/config/tsconfig. */
+{
+  "compileOnSave": false,
+  "build": {
+    "builder": "@angular-devkit/build-ng-packagr:build",
+    "options": {
+      "preserveSymlinks": true,
+      "tsConfig": "projects/button/tsconfig.lib.json",
+      "project": "projects/button/ng-package.json"
+    }
+  },
+  "compilerOptions": {
+    "preserveSymlinks": true,
+    "paths": {
+      "@tuki/widgets": [
+        "dist/tuki/widgets"
+      ]
+    },
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2020",
+    "module": "es2020",
+    "lib": [
+      "es2020",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "enableI18nLegacyMessageIdFormat": false,
+    "strictInjectionParameters": true,
+    "strictInputAccessModifiers": true,
+    "strictTemplates": true
+  }
+}

package/di2mt/api/api.endpoints.ts

@@ -1,20 +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'
-    },
-    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',
-        UPGRADE_SITE: '/api/migration/webex/sites/:siteId'
-    }
-};

package/di2mt/shared/components/table-filters/table-filters.component.scss

@@ -1,52 +0,0 @@
-:host .filters-wrapper {
-  display: flex;
-  gap: 1rem;
-  flex-wrap: wrap;
-  align-items: center;
-  padding: 0;
-
-  .filter {
-    .search-field,
-    .select-field {
-      width: 100%;
-      // min-width: 200px;
-
-      .search-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        margin-right: 0.25rem;
-        padding: 0;
-
-        img {
-          width: 24px;
-          height: 24px;
-          object-fit: contain;
-          opacity: 0.6;
-          vertical-align: middle;
-        }
-      }
-    }
-
-    ::ng-deep {
-      .mat-form-field-appearance-outline .mat-form-field-wrapper {
-        margin: 0 !important;
-        padding: 0 !important;
-      }
-      .mat-form-field-infix {
-        padding: 0.5rem 1rem !important;
-      }
-      .mat-form-field-label-wrapper {
-        top: -1.1rem !important;
-      }
-      .mat-form-field-infix .mat-input-element {
-        // margin-top: -2.0625em;
-        transform: translateX(-16px) translateY(-4px) !important;
-      }
-
-      .mat-select-value {
-        transform: translateY(-4px) !important;
-      }
-    }
-  }
-}

package/di2mt/widgets/site-upgrade/site-upgrade-data-table/site-upgrade-data-table.component.html

@@ -1,92 +0,0 @@
-<div class="wrapper">
-    <div class="site-upgrade-status-wrapper">
-        <tk-summary-card [description]="'Sites are ready to upgrade'" [value]="statusCounts['Ready']"></tk-summary-card>
-        <tk-summary-card [description]="'Sites are not ready'" [value]="statusCounts['Not Ready']" [status]="'Not Ready'"></tk-summary-card>
-        <tk-summary-card [description]="'Sites failed to upgrade'" [value]="statusCounts['Failed']" [status]="'Failed'"></tk-summary-card>
-        <tk-summary-card [description]="'Successfully upgraded'" [value]="statusCounts['Completed']" [status]="'Completed'"></tk-summary-card>
-    </div>
-    <div class="table-action-panel">
-        <tk-table-filters *ngIf="filters.length > 0" [filters]="filters" (filter)="onFilter($event)"></tk-table-filters>
-        <div class="action-wrapper">
-            <span>{{filteredDataCount}} Sites</span>
-        </div>
-    </div>
-    <table mat-table [dataSource]="data" class="site-upgrade-table">
-
-    <!-- Site Column -->
-    <ng-container matColumnDef="site">
-        <th mat-header-cell *matHeaderCellDef>Site</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="site-info">
-                <span class="site-indicator"></span>
-                {{element.siteName}}
-            </div>
-        </td>
-    </ng-container>
-
-    <!-- Ready Users Column -->
-    <ng-container matColumnDef="ready users">
-        <th mat-header-cell *matHeaderCellDef>Ready Users</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="user-count-info">
-                <div class="user-count">{{element.totalReadyUsers}}/{{element.totalUsers}}</div>
-                <div class="user-label">Ready/Total</div>
-            </div>
-        </td>
-    </ng-container>
-
-    <!-- Upgraded Users Column -->
-    <ng-container matColumnDef="upgraded users">
-        <th mat-header-cell *matHeaderCellDef>Upgraded Users</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="user-count-info">
-                <div class="user-count">{{element.totalUpgradedUsers}}/{{element.totalUsers}}</div>
-                <div class="user-label">Upgraded/Total</div>
-            </div>
-        </td>
-    </ng-container>
-
-    <!-- Location Mapping Column -->
-    <ng-container matColumnDef="location mapping">
-        <th mat-header-cell *matHeaderCellDef>Location Mapping</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="status-icon-cell">
-                <img *ngIf="element.locationMapping" src="assets/icons/check2_icon.png" alt="Location Mapping Enabled"/>
-                <img *ngIf="!element.locationMapping" src="assets/icons/issue_icon.png" alt="Location Mapping Disabled"/>
-            </div>
-        </td>
-    </ng-container>
-
-    <!-- PSTN Trunk Column -->
-    <ng-container matColumnDef="pstn trunk">
-        <th mat-header-cell *matHeaderCellDef>PSTN Trunk</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="status-icon-cell">
-                <img *ngIf="element.PSTNTrunk" src="assets/icons/check2_icon.png" alt="PSTN Trunk Enabled"/>
-                <img *ngIf="!element.PSTNTrunk" src="assets/icons/issue_icon.png" alt="PSTN Trunk Disabled"/>
-            </div>
-        </td>
-    </ng-container>
-
-    <!-- Site Upgrade Status Column -->
-    <ng-container matColumnDef="site upgrade status">
-        <th mat-header-cell *matHeaderCellDef>Site Upgrade Status</th>
-        <td mat-cell *matCellDef="let element">
-            <div class="upgrade-status-cell">
-                <ng-container *ngIf="STATUS_ENTRIES[element.upgradeStatus] === 'Ready'; else statusBlock">
-                    <button mat-button color="primary" class="upgrade-button" (click)="upgradeSite(element)">Upgrade</button>
-                </ng-container>
-                <ng-template #statusBlock>
-                    <div class="status-info">
-                        <span class="status-indicator" [ngClass]="getSiteUpgradeStatusClass(element.upgradeStatus)"></span>
-                        <span>{{ STATUS_ENTRIES[element.upgradeStatus] }}</span>
-                    </div>
-                </ng-template>
-            </div>
-        </td>
-    </ng-container>
-
-    <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
-    <tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
-</table>
-</div>

package/di2mt/widgets/site-upgrade/site-upgrade-data-table/site-upgrade-data-table.component.scss

@@ -1,187 +0,0 @@
-@import "../../../styles/variables.scss";
-
-.wrapper {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
-}
-
-.site-upgrade-status-wrapper {
-  display: flex;
-  align-items: center;
-  gap: 1rem;
-  flex-wrap: wrap;
-  margin-bottom: 1rem;
-}
-
-.site-upgrade-table {
-  font-family: $main-font;
-  width: 100%;
-  background: white;
-  border-radius: 8px;
-  overflow: hidden;
-  font-size: 14px;
-
-  .mat-header-row {
-    // background-color: #ededed;
-    font-size: 12px;
-    height: 35px;
-  }
-
-  .mat-cell {
-    border-bottom: 1px solid #d6d6d6;
-  }
-  .mat-header-cell {
-    border-bottom: 1px solid #afafaf;
-  }
-
-  // Site info styling
-  .site-info {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    .site-indicator {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-      background-color: #1170cf;
-    }
-  }
-
-  // Device info styling
-  .device-info {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .device-name-wrapper {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      // margin-bottom: 2px;
-
-      .device-name {
-        font-weight: 500;
-        color: #212121;
-      }
-
-      .device-indicator {
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        background-color: #f8cd00;
-      }
-    }
-
-    .device-model {
-      font-size: 12px;
-      color: #757575;
-    }
-  }
-
-  // Status indicators
-  .status-info {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    .status-indicator {
-      width: 8px;
-      height: 8px;
-      border-radius: 50%;
-
-      &.ready {
-        background-color: #1d805f;
-      }
-
-      &.partial-ready {
-        background-color: #f8cd00;
-      }
-
-      &.not-ready {
-        background-color: #9e9e9e;
-      }
-
-      &.completed {
-        background-color: #1d805f;
-      }
-
-      &.failed {
-        background-color: #f23933;
-      }
-    }
-  }
-
-  // Dependencies styling
-  .dependencies-text {
-    font-size: 12px;
-    background-color: #ffe9e9;
-    padding: 0.25rem 0.5rem;
-    border-radius: 3px;
-    color: #000;
-  }
-
-  // Upgrade status cell
-  .upgrade-status-cell {
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-  }
-
-  // Upgrade button styling
-  .upgrade-button {
-    border: 1px solid #08599c;
-    color: #08599c;
-    background: white;
-    // padding: 6px 16px;
-    border-radius: 20px;
-    font-size: 14px;
-    font-style: normal;
-    font-weight: 500;
-    height: 32px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    &:hover {
-      background-color: #e3f2fd;
-    }
-  }
-
-  // User count info styling
-  .user-count-info {
-    .user-count {
-      font-weight: 500;
-      color: #212121;
-      // margin-bottom: 2px;
-    }
-
-    .user-label {
-      font-size: 12px;
-      color: #757575;
-    }
-  }
-
-  // Status icon cell styling
-  .status-icon-cell {
-    display: flex;
-    align-items: center;
-  }
-}
-
-.action-wrapper {
-  display: flex;
-  align-items: center;
-  flex: 1;
-  justify-content: space-between;
-  gap: 1rem;
-}
-
-.table-action-panel {
-    width: 100%;
-    display: flex;
-    justify-content: flex-start;
-    align-items: center;
-    gap: 1rem;
-}

package/di2mt/widgets/site-upgrade/site-upgrade-data-table/site-upgrade-data-table.component.ts

@@ -1,205 +0,0 @@
-import { SelectionModel } from "@angular/cdk/collections";
-import { Component, OnInit, OnDestroy, inject, Input, ViewEncapsulation } from "@angular/core";
-import { MatTableDataSource } from "@angular/material/table";
-import { TableColumn } from "../../../shared/types/data-table";
-import { TableFilter } from "../../../shared/types/table/filter";
-import { SiteUpgradeRecord } from "../types/user-upgrade";
-import { UpgradeOverviewService } from "../../upgrade-overview/upgrade-overview.service";
-import { Subject } from "rxjs";
-import { takeUntil } from "rxjs";
-import { SiteUpgradeService } from "../site-upgrade.service";
-import { STATUS_ENTRIES } from "../../../shared/types/constants";
-import { APIService } from "../../../shared/services/api.service";
-
-@Component({
-    selector: 'tk-site-upgrade-data-table',
-    templateUrl: './site-upgrade-data-table.component.html',
-    styleUrls: ['./site-upgrade-data-table.component.scss'],
-    // encapsulation: ViewEncapsulation.ShadowDom
-})
-export class SiteUpgradeDataTableComponent implements OnInit, OnDestroy {
-    readonly siteUpgradeService = inject(SiteUpgradeService);
-    private readonly apiService = inject(APIService);
-    readonly destroy$ = new Subject<void>();
-    readonly STATUS_ENTRIES = STATUS_ENTRIES
-
-    @Input() token!: string;
-    @Input() customerId!: string;
-
-    columns!: TableColumn[];
-    data!: MatTableDataSource<any>;
-    displayedColumns: string[] = ['site', 'ready users', 'upgraded users', 'location mapping', 'pstn trunk', 'site upgrade status'];
-    selection = new SelectionModel<any>(true, []);
-    filters: TableFilter[] = [];
-    private activeFilters: { [key: string]: any } = {};
-
-    statusCounts: any = {};
-
-    constructor() { }
-
-    ngOnInit(): void {
-        this.apiService.token = this.token;
-        this.siteUpgradeService.customerId = this.customerId;
-
-        this.siteUpgradeService.getSiteUpgradeRecords()
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((records: SiteUpgradeRecord[]) => {
-                this.data = new MatTableDataSource<SiteUpgradeRecord>(records);
-                this.setupCustomFilter();
-                this.initializeFilters(records);
-            });
-
-        this.siteUpgradeService.getSiteUpgradeStatusCounts()
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((statusCounts) => {
-                this.statusCounts['Ready'] = statusCounts['READY'] || 0;
-                this.statusCounts['Not Ready'] = statusCounts['NOT_READY'] || 0;
-                this.statusCounts['Completed'] = statusCounts['COMPLETED'] || 0;
-                this.statusCounts['Failed'] = statusCounts['FAILED'] || 0;
-            });
-    }
-
-    private initializeFilters(records: SiteUpgradeRecord[]): void {
-        // Extract unique sites from actual data
-        const uniqueSites = [...new Set(records.map(record => record.siteName))];
-        const siteOptions = uniqueSites.map(site => ({
-            label: site,
-            value: site.toLowerCase().replace(/\s+/g, '-')
-        }));
-
-        // Extract unique statuses from actual data
-        const uniqueStatuses = [...new Set(records.map(record => record.upgradeStatus))];
-        const statusOptions = uniqueStatuses.map(status => ({
-            label: STATUS_ENTRIES[status],
-            value: status.toLowerCase().replace(/\s+/g, '-')
-        }));
-
-        this.filters = [
-            {
-                id: 'sites',
-                type: 'select',
-                columnKey: 'Site',
-                placeholder: 'Sites',
-                options: siteOptions
-            },
-            {
-                id: 'status',
-                type: 'select',
-                columnKey: 'Site Upgrade Status',
-                placeholder: 'Upgrade Status',
-                options: statusOptions
-            }
-        ];
-    }
-
-    onFilter(filterEvent: { key: string, value: any }) {
-        const { key, value } = filterEvent;
-
-        let filterValue: any;
-        if (value && value.value !== undefined) {
-            filterValue = value.value;
-        } else if (value && value.target) {
-            filterValue = value.target.value;
-        } else {
-            filterValue = value;
-        }
-
-        // Handle "All" option or empty values - remove the filter
-        if (filterValue === 'all' || !filterValue || filterValue === '') {
-            delete this.activeFilters[key];
-        } else {
-            this.activeFilters[key] = filterValue;
-        }
-
-        this.applyFilters();
-    }
-
-    private setupCustomFilter() {
-        this.data.filterPredicate = (data: any, filter: string) => {
-            const filters = JSON.parse(filter || '{}');
-
-            for (const [key, value] of Object.entries(filters)) {
-                if (!value) continue;
-
-                switch (key) {
-                    case 'Site':
-                        if (data.siteName !== this.getSiteNameFromValue(value as string)) {
-                            return false;
-                        }
-                        break;
-                    case 'Site Upgrade Status':
-                        if (!this.matchesUpgradeStatus(data.upgradeStatus, value as string)) {
-                            return false;
-                        }
-                        break;
-                }
-            }
-
-            return true;
-        };
-    }
-
-    private applyFilters() {
-        this.data.filter = JSON.stringify(this.activeFilters);
-    }
-
-    private getSiteNameFromValue(value: string): string {
-        // Since we're now using actual site names, just convert back from slug format
-        return value.split('-').map(word =>
-            word.charAt(0).toUpperCase() + word.slice(1)
-        ).join(' ');
-    }
-
-    private matchesUpgradeStatus(status: string, filterValue: string): boolean {
-        // Handle direct status matching for cleaner implementation
-        return status.toLowerCase().replace(/\s+/g, '-') === filterValue.toLowerCase();
-    }
-
-    get filteredDataCount(): number {
-        return this.data?.filteredData?.length || 0;
-    }
-
-    /** Whether the number of selected elements matches the total number of rows. */
-    isAllSelected() {
-        const numSelected = this.selection.selected.length;
-        const numRows = this.data?.data.length || 0;
-        return numSelected === numRows;
-    }
-
-    /** Selects all rows if they are not all selected; otherwise clear selection. */
-    masterToggle() {
-        this.isAllSelected() ?
-            this.selection.clear() :
-            this.data?.data.forEach(row => this.selection.select(row));
-    }
-
-    getLocationMappingClass(locationMapping: boolean): string {
-        return locationMapping ? 'success' : 'error';
-    }
-
-    getSiteUpgradeStatusClass(status: string): string {
-        switch (status.toLowerCase()) {
-            case 'ready':
-                return 'ready';
-            case 'partial ready':
-                return 'partial-ready';
-            case 'completed':
-                return 'completed';
-            case 'failed':
-                return 'failed';
-            case 'not ready':
-                return 'not-ready';
-            default:
-                return 'not-ready';
-        }
-    }
-
-    upgradeSite(site: SiteUpgradeRecord) {
-        this.siteUpgradeService.upgradeSite(site);
-    }
-
-    ngOnDestroy(): void {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-}

package/di2mt/widgets/site-upgrade/site-upgrade.module.ts

@@ -1,24 +0,0 @@
-import { NgModule } from "@angular/core";
-import { SiteUpgradeDataTableComponent } from "./site-upgrade-data-table/site-upgrade-data-table.component";
-import { CommonModule } from "@angular/common";
-import { MatTableModule } from "@angular/material/table";
-import { MatIconModule } from "@angular/material/icon";
-import { MatButtonModule } from "@angular/material/button";
-import { SharedModule } from "../../shared/shared.module";
-
-@NgModule({
-    declarations: [
-        SiteUpgradeDataTableComponent
-    ],
-    imports: [
-        CommonModule, 
-        SharedModule,
-        MatTableModule,
-        MatIconModule,
-        MatButtonModule
-    ],
-    exports: [
-        SiteUpgradeDataTableComponent
-    ]
-})
-export class SiteUpgradeModule { }