@ieeesa-npm/tenants 0.4.4 → 0.5.0

package/src/lib/components/view-tenant-group-types/view-tenant-group-types.component.html

@@ -1,10 +0,0 @@
-<div class="ieeesa-view-tenant-group-types">
-  <ieeesa-data-table
-    *ngIf="columnSchema.length"
-    [headerElementClassName]="headerElementClassName"
-    [customStickyHeaderNeeded]="true"
-    [isCellTextOverflowEllipsis]="true"
-    [tableDataInfo]="groupTypes"
-    [columnSchemaInfo]="columnSchema"
-  ></ieeesa-data-table>
-</div>

package/src/lib/components/view-tenant-group-types/view-tenant-group-types.component.scss

@@ -1,44 +0,0 @@
-@import "styles.scss";
-
-.ieeesa-view-tenant-group-types {
-  .ieeesa-data-table {
-    padding-top: 2.5em;
-    &__content {
-      margin-top: 0px !important;
-      .mdc-data-table {
-        &__header-cell {
-          padding: 14px 12px;
-          box-shadow: $ieeesa-box-shadow-17 !important;
-        }
-      }
-      .mdc-data-table {
-        &__cell {
-          padding: 4px 14px;
-        }
-      }
-      .cdk-column-groupType {
-        min-width: 10em;
-        max-width: 10em;
-      }
-      .cdk-column-description {
-        min-width: 12em;
-        max-width: 12em;
-      }
-      .cdk-column-rosterType {
-        min-width: 6em;
-        max-width: 6em;
-      }
-      .cdk-column-applicableRoles,
-      .cdk-column-settings {
-        min-width: 10em;
-        max-width: 10em;
-      }
-      .mat-mdc-icon-button {
-        color: $ieeesa-blue;
-      }
-    }
-    @media (max-width: $ieeesa-mobile-min-width) {
-      padding-top: 1em;
-    }
-  }
-}

package/src/lib/components/view-tenant-group-types/view-tenant-group-types.component.spec.ts

@@ -1,410 +0,0 @@
-import {
-  HttpClient,
-  HttpErrorResponse,
-  HttpHandler,
-} from '@angular/common/http';
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatDialog, MatDialogModule } from '@angular/material/dialog';
-import { DataTableComponent, TableColumnType } from '@ieeesa-npm/presentation';
-import { SharedService } from '@ieeesa-npm/shared';
-import { GlobalErrorHandlerService } from '@ieeesa-npm/utility';
-import { TenantsMocks } from '@tenants/assets/tenants-mock';
-import { TenantApplicationsService } from '@tenants/services/tenant-applications.service';
-import { Observable } from 'rxjs';
-import { ViewTenantGroupTypesComponent } from './view-tenant-group-types.component';
-
-describe('ViewTenantGroupTypesComponent', () => {
-  let component: ViewTenantGroupTypesComponent;
-  let fixture: ComponentFixture<ViewTenantGroupTypesComponent>;
-  let tenantsService: TenantApplicationsService;
-  let sharedService: SharedService;
-  let globalErrorHandlerService: GlobalErrorHandlerService;
-
-  const mockFormattedData = [
-    {
-      name: 'Admin',
-      description:
-        'Lorem ipsum dolor sit amet, eos probo brute nostro at, in senserit definitiones per. An mei conceptam delicatissimi',
-      rosterType: 'Individual',
-      businessRule: 'Enable Rosters',
-      roles: 'Admin, Editor, NESC Secretary',
-      hasGroup: true,
-      menuAction: [
-        {
-          id: 1,
-          label: 'Edit Group Type',
-          ariaLabel: 'Edit Group Type',
-          iconURL: '',
-          toolTip: '',
-          isToolTipNeeded: false,
-          isDisabled: false,
-        },
-        {
-          id: 2,
-          label: 'Delete Group Type',
-          ariaLabel: 'Delete Group Type',
-          iconURL: '',
-          toolTip: '',
-          isToolTipNeeded: false,
-          isDisabled: true,
-        },
-      ],
-    },
-    {
-      name: 'Main Committee',
-      description: 'Main Committee',
-      rosterType: 'Individual',
-      businessRule: 'Allow Sub-Groups, Enable Rosters, Has Classification',
-      roles: 'Chair, Vice Chair, Past Chair, Secretary',
-      hasGroup: false,
-      menuAction: [
-        {
-          id: 1,
-          label: 'Edit Group Type',
-          ariaLabel: 'Edit Group Type',
-          iconURL: '',
-          toolTip: '',
-          isToolTipNeeded: false,
-          isDisabled: false,
-        },
-        {
-          id: 2,
-          label: 'Delete Group Type',
-          ariaLabel: 'Delete Group Type',
-          iconURL: '',
-          toolTip: '',
-          isToolTipNeeded: false,
-          isDisabled: false,
-        },
-      ],
-    },
-  ];
-  const mockColumnSchema = [
-    {
-      id: 1,
-      columnDef: 'groupType',
-      heading: 'Group Type',
-      columnType: 'TEXT',
-      cellData: () => {
-        return;
-      },
-    },
-    {
-      id: 2,
-      columnDef: 'rosterType',
-      heading: 'Roster Type',
-      columnType: 'TEXT',
-      cellData: () => {
-        return;
-      },
-    },
-    {
-      id: 3,
-      columnDef: 'description',
-      heading: 'Description',
-      columnType: 'TEXT',
-      cellData: () => {
-        return;
-      },
-    },
-    {
-      id: 4,
-      columnDef: 'applicableRoles',
-      heading: 'Applicable Roles',
-      columnType: 'TEXT',
-      cellData: () => {
-        return;
-      },
-    },
-    {
-      id: 5,
-      columnDef: 'settings',
-      heading: 'Settings',
-      columnType: 'TEXT',
-      cellData: () => {
-        return;
-      },
-    },
-    {
-      id: 6,
-      columnDef: 'action',
-      heading: 'Actions',
-      columnType: 'ACTIONS',
-      cellData: () => {
-        return;
-      },
-    },
-  ];
-
-  const mockTenantInfo = {
-    appId: 'testAppId',
-    appTitle: '',
-    appLogo: '',
-    appHeading: '',
-    appDescription: '',
-    status: true,
-    features: [
-      {
-        featureId: '',
-        featureName: '',
-        isDefault: false,
-      },
-    ],
-  };
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      imports: [
-        ViewTenantGroupTypesComponent,
-        DataTableComponent,
-        MatDialogModule,
-      ],
-      providers: [
-        TenantApplicationsService,
-        SharedService,
-        MatDialog,
-        HttpClient,
-        HttpHandler,
-        GlobalErrorHandlerService,
-      ],
-    });
-    fixture = TestBed.createComponent(ViewTenantGroupTypesComponent);
-    component = fixture.componentInstance;
-    tenantsService = TestBed.inject(TenantApplicationsService);
-    sharedService = TestBed.inject(SharedService);
-    globalErrorHandlerService = TestBed.inject(GlobalErrorHandlerService);
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-  describe('#ngOnInit', () => {
-    it('should fetch group types on initialization', () => {
-      spyOn(tenantsService, 'getSelectedTenantInformation').and.returnValue(
-        mockTenantInfo
-      );
-      spyOn(tenantsService, 'getGroupTypes').and.returnValue(
-        new Observable((subscriber) => {
-          subscriber.next(TenantsMocks.mockGroupTypeResponse);
-        })
-      );
-      component.ngOnInit();
-      expect(tenantsService.getGroupTypes).toHaveBeenCalledWith('testAppId');
-      expect(component.groupTypes).toEqual(mockFormattedData);
-      expect(component.columnSchema.length).toEqual(mockColumnSchema.length);
-      expect(component.columnSchema[0].columnDef).toEqual(
-        mockColumnSchema[0].columnDef
-      );
-      expect(component.columnSchema[1].columnDef).toEqual(
-        mockColumnSchema[1].columnDef
-      );
-    });
-    it('should call get group types if isGroupTypeAddedOrModified', () => {
-      const getGroupTypesSpyOn = spyOn(component, 'getGroupTypes');
-      component['tenantAppService'].isGroupTypeAddedOrModified.next(true);
-      expect(getGroupTypesSpyOn).toHaveBeenCalledTimes(1);
-    });
-    it('should show a custom error while appId is missing in the payload', () => {
-      const mockGroupTypesErrorResponse = {
-        error: {
-          status: false,
-          message: 'Tenant Details not found.',
-          body: { errorCodes: ['2050'] },
-        },
-        status: false,
-        statusText: 'OK',
-      };
-      spyOn(tenantsService, 'getGroupTypes').and.returnValue(
-        new Observable((subscriber) => {
-          subscriber.error(mockGroupTypesErrorResponse);
-        })
-      );
-      spyOn(sharedService, 'handleErrors').and.callThrough();
-      component.ngOnInit();
-      expect(tenantsService.getGroupTypes).toHaveBeenCalled();
-      expect(sharedService.handleErrors).toHaveBeenCalled();
-    });
-
-    it('should throw and handle global error in retrieving getGroupTypes', () => {
-      const mockServerErrorResponse = new HttpErrorResponse({
-        error: 'test',
-      });
-      spyOn(tenantsService, 'getGroupTypes').and.returnValue(
-        new Observable((subscriber) => {
-          subscriber.error(mockServerErrorResponse);
-        })
-      );
-      spyOn(globalErrorHandlerService, 'handleError');
-      component.ngOnInit();
-      expect(globalErrorHandlerService.handleError).toHaveBeenCalledWith(
-        mockServerErrorResponse
-      );
-    });
-  });
-
-  describe('#initializeColumnSchema', () => {
-    it('should return elements groupType attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[0]?.cellData({
-        name: 'Main Committee',
-      });
-      expect(response).toEqual('Main Committee');
-    });
-    it('should initialize column schema with correct properties', () => {
-      component.initializeColumnSchema();
-      expect(component.columnSchema.length).toBe(6);
-      expect(component.columnSchema[0].columnDef).toBe('groupType');
-      expect(component.columnSchema[0].heading).toBeDefined();
-      expect(component.columnSchema[0].columnType).toBe(TableColumnType.TEXT);
-      expect(component.columnSchema[0].cellData({ name: 'Test Group' })).toBe(
-        'Test Group'
-      );
-      expect(component.columnSchema[1].columnDef).toBe('rosterType');
-      expect(component.columnSchema[1].heading).toBeDefined();
-      expect(component.columnSchema[1].columnType).toBe(TableColumnType.TEXT);
-      expect(
-        component.columnSchema[1].cellData({ rosterType: 'Test Roster' })
-      ).toBe('Test Roster');
-    });
-    it('should return elements rosterType attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[1]?.cellData({
-        rosterType: 'User',
-      });
-      expect(response).toEqual('User');
-    });
-    it('should return elements description attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[2]?.cellData({
-        description: 'test description',
-      });
-      expect(response).toBe('test description');
-    });
-    it('should return elements roles attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[3]?.cellData({
-        roles: 'Editor',
-      });
-      expect(response).toBe('Editor');
-    });
-    it('should return elements businessRule attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[4]?.cellData({
-        businessRule: 'Allow Sub-Group',
-      });
-      expect(response).toBe('Allow Sub-Group');
-    });
-    it('should return elements menuAction attribute value', () => {
-      component.initializeColumnSchema();
-      const response = component.columnSchema[5]?.cellData({
-        menuAction: 'Test menu action',
-      });
-      expect(response).toBe('Test menu action');
-    });
-  });
-
-  describe('#formatGroupTypesTableData', () => {
-    it('should format group types data correctly', () => {
-      const formattedData = component.formatGroupTypesTableData(
-        TenantsMocks.mockGroupTypeResponse
-      );
-      expect(formattedData).toEqual(mockFormattedData);
-    });
-    it('should format group types data correctly if roles are null', () => {
-      const mockGroupTypeResponse = {
-        status: true,
-        message: 'SUCCESS',
-        body: [
-          {
-            configFieldId: 'GT_NESC_ae99d4a7-4e31-4a6f-b30a-8102121f8833',
-            configFieldValue: {
-              name: 'Admin',
-              hierarchy: 0,
-              description:
-                'Lorem ipsum dolor sit amet, eos probo brute nostro at, in senserit definitiones per. An mei conceptam delicatissimi',
-              businessRule: {
-                allowSubGroup: false,
-                allowRoster: true,
-                rosterType: 'Individual',
-                allowAlternateVoting: false,
-                manageRosterInApp: true,
-                allowedGroupType: [],
-                isAdmin: true,
-              },
-            },
-            roles: null,
-            hasGroup: true,
-          },
-        ],
-      };
-      const mockFormattedData = [
-        {
-          name: 'Admin',
-          description:
-            'Lorem ipsum dolor sit amet, eos probo brute nostro at, in senserit definitiones per. An mei conceptam delicatissimi',
-          rosterType: 'Individual',
-          businessRule: 'Enable Rosters',
-          roles: '',
-          hasGroup: true,
-          menuAction: [
-            {
-              id: 1,
-              label: 'Edit Group Type',
-              ariaLabel: 'Edit Group Type',
-              iconURL: '',
-              toolTip: '',
-              isToolTipNeeded: false,
-              isDisabled: false,
-            },
-            {
-              id: 2,
-              label: 'Delete Group Type',
-              ariaLabel: 'Delete Group Type',
-              iconURL: '',
-              toolTip: '',
-              isToolTipNeeded: false,
-              isDisabled: true,
-            },
-          ],
-        },
-      ];
-      const formattedData = component.formatGroupTypesTableData(
-        mockGroupTypeResponse
-      );
-      expect(formattedData).toEqual(mockFormattedData);
-    });
-  });
-
-  describe('#transformBusinessRule', () => {
-    it('should transform business rule keys with true value to required strings', () => {
-      const businessRule = {
-        allowSubGroup: true,
-        allowRoster: true,
-        rosterType: 'Individual',
-        allowAlternateVoting: false,
-        manageRosterInApp: true,
-        allowedGroupType: [
-          'GT_NESC_e88d7458-f805-49ad-af28-6ac645ac5a92',
-          'GT_NESC_6645f6e6-a033-4fa4-9b30-724a7e6a6971',
-          'GT_NESC_27242ca1-0fd8-4470-9a54-67f5445884c1',
-        ],
-        hasClassification: true,
-      };
-      const businessRuleString = component.transformBusinessRule(businessRule);
-      expect(businessRuleString).toBe(
-        'Allow Sub-Groups, Enable Rosters, Has Classification'
-      );
-    });
-  });
-
-  describe('#ngOnDestroy', () => {
-    it('should unsubscribe onDestroy', () => {
-      spyOn(component.destroy$, 'next');
-      spyOn(component.destroy$, 'unsubscribe');
-      component.ngOnDestroy();
-      expect(component.destroy$.next).toHaveBeenCalledWith(true);
-      expect(component.destroy$.unsubscribe).toHaveBeenCalled();
-    });
-  });
-});

package/src/lib/components/view-tenant-group-types/view-tenant-group-types.component.ts

@@ -1,219 +0,0 @@
-import { Component, OnDestroy, OnInit, ViewEncapsulation } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import {
-  DataTableComponent,
-  Menu,
-  TableColumnSchema,
-  TableColumnType,
-} from '@ieeesa-npm/presentation';
-import { Subject, takeUntil } from 'rxjs';
-import * as screenText from '../../assets/constants.json';
-import { TenantApplicationsService } from '../../services/tenant-applications.service';
-import { SharedService } from '@ieeesa-npm/shared';
-import {
-  GroupTypeDetails,
-  GroupTypeSettings,
-  ViewGroupTypeResponse,
-  ViewGroupTypesConfiguration,
-} from '../../models/view-tenant-group-types.model';
-import { Role } from '../../models/roles-and-permissions.model';
-import { GroupRosterType } from '@ieeesa-npm/groups';
-
-/**
- * Component for viewing and managing tenant group types. Fetches the configured group types associated to the selected tenant and displays in tabular view.
- * @export
- * @class ViewTenantGroupTypesComponent
- * @implements {OnInit}
- */
-@Component({
-  selector: 'ieeesa-view-tenant-group-types',
-  standalone: true,
-  imports: [CommonModule, DataTableComponent],
-  templateUrl: './view-tenant-group-types.component.html',
-  styleUrls: ['./view-tenant-group-types.component.scss'],
-  encapsulation: ViewEncapsulation.None,
-})
-export class ViewTenantGroupTypesComponent implements OnInit, OnDestroy {
-  destroy$: Subject<boolean> = new Subject<boolean>();
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  constants: any = screenText;
-  columnHeading = this.constants?.viewGroupTypes?.tableColumns?.heading;
-  settings = this.constants?.viewGroupTypes?.settings;
-  tableRowActions: Menu[] = this.constants?.viewGroupTypes?.actionMenuItems;
-  columnSchema: TableColumnSchema[] = [];
-  groupTypes: GroupTypeDetails[] = [];
-  appId = '';
-  headerElementClassName = '.ieeesa-header';
-  constructor(
-    // eslint-disable-next-line no-unused-vars
-    private tenantAppService: TenantApplicationsService,
-    // eslint-disable-next-line no-unused-vars
-    private sharedService: SharedService // eslint-disable-next-line no-empty-function
-  ) {}
-
-  /**
-   * Fetches group types data from the server and initializes column schema.
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  ngOnInit(): void {
-    this.appId = this.tenantAppService.getSelectedTenantInformation()
-      ?.appId as string;
-    this.getGroupTypes();
-    this.tenantAppService.isGroupTypeAddedOrModified
-      .pipe(takeUntil(this.destroy$))
-      .subscribe((value) => {
-        if (value) {
-          this.getGroupTypes();
-          this.tenantAppService.isGroupTypeAddedOrModified.next(false);
-        }
-      });
-  }
-  /**
-   * Get group types from tenant application service.
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  getGroupTypes(): void {
-    this.tenantAppService
-      .getGroupTypes(this.appId)
-      .pipe(takeUntil(this.destroy$))
-      .subscribe({
-        next: (response: ViewGroupTypeResponse) => {
-          this.initializeColumnSchema();
-          this.groupTypes = this.formatGroupTypesTableData(response);
-          this.tenantAppService.setGroupTypeDetails(response);
-        },
-        error: (error) => {
-          this.sharedService.handleErrors(
-            error,
-            this.constants?.viewGroupTypes?.errors
-          );
-        },
-      });
-  }
-
-  /**
-   * Formats raw group types data into a required format for display.
-   * @param {ViewGroupTypeResponse} groupTypeRes
-   * @return {GroupTypeDetails[]}
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  formatGroupTypesTableData(
-    groupTypeRes: ViewGroupTypeResponse
-  ): GroupTypeDetails[] {
-    const formattedData: GroupTypeDetails[] = [];
-    groupTypeRes?.body?.forEach((item: ViewGroupTypesConfiguration) => {
-      if (
-        item?.configFieldValue?.businessRule?.rosterType !==
-        GroupRosterType?.SYSTEM_USER
-      ) {
-        const { configFieldValue, roles, hasGroup } = item;
-        const { name, description, businessRule } = configFieldValue;
-        const { rosterType, ...restBusinessRule } = businessRule as {
-          rosterType: string;
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-          [key: string]: any;
-        };
-        const businessRuleString = this.transformBusinessRule(restBusinessRule);
-        const roleNames = roles
-          ? roles?.map((role: Role) => role?.roleName).join(', ')
-          : '';
-        const menuAction = JSON.parse(JSON.stringify(this.tableRowActions));
-        menuAction[1].isDisabled = hasGroup;
-
-        formattedData.push({
-          name,
-          description,
-          rosterType,
-          businessRule: businessRuleString,
-          roles: roleNames,
-          hasGroup: item.hasGroup,
-          menuAction,
-        });
-      }
-    });
-    return formattedData;
-  }
-
-  /**
-   * Transforms business rule to required format in string.
-   * @param {*} rule
-   * @return {string}
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  transformBusinessRule(rule: any): string {
-    const ruleStringArray: string[] = [];
-    for (const setting of Object.values(GroupTypeSettings)) {
-      if (rule[setting] === true) {
-        ruleStringArray.push(this.settings[setting]);
-      }
-    }
-    return ruleStringArray.join(', ');
-  }
-
-  /**
-   * Initializes table column schema to display group types in tabular view.
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  initializeColumnSchema(): void {
-    this.columnSchema = [
-      {
-        id: 1,
-        columnDef: 'groupType',
-        heading: this.columnHeading?.groupType,
-        columnType: TableColumnType.TEXT,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.name}`,
-      },
-      {
-        id: 2,
-        columnDef: 'rosterType',
-        heading: this.columnHeading?.rosterType,
-        columnType: TableColumnType.TEXT,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.rosterType}`,
-      },
-      {
-        id: 3,
-        columnDef: 'description',
-        heading: this.columnHeading?.description,
-        columnType: TableColumnType.TEXT,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.description}`,
-      },
-      {
-        id: 4,
-        columnDef: 'applicableRoles',
-        heading: this.columnHeading?.applicableRoles,
-        columnType: TableColumnType.TEXT,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.roles}`,
-      },
-      {
-        id: 5,
-        columnDef: 'settings',
-        heading: this.columnHeading?.settings,
-        columnType: TableColumnType.TEXT,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.businessRule}`,
-      },
-      {
-        id: 6,
-        columnDef: 'action',
-        heading: this.columnHeading?.action,
-        columnType: TableColumnType.ACTIONS,
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        cellData: (element: any) => `${element.menuAction}`,
-      },
-    ];
-  }
-
-  /**
-   * Performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
-   * @memberof ViewTenantGroupTypesComponent
-   */
-  ngOnDestroy(): void {
-    this.destroy$?.next(true);
-    this.destroy$?.unsubscribe();
-  }
-}