Upgrade/angular 14 (#1853)

* Fix Loan product Payment Allocation

* Upgrade to Angular 14

---------

Co-authored-by: Jose Alberto Hernandez <alberto@blue-daemon.local>

src/app/system/account-number-preferences/create-account-number-preference/create-account-number-preference.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { SystemService } from '../../system.service';
 export class CreateAccountNumberPreferenceComponent implements OnInit {
 
   /** Account Number Preferences Form */
-  accountNumberPreferenceForm: FormGroup;
+  accountNumberPreferenceForm: UntypedFormGroup;
   /** Account Number Preferences Template Data */
   accountNumberPreferencesTemplateData: any;
   /** Prefix Type Data */
@@ -30,7 +30,7 @@ export class CreateAccountNumberPreferenceComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/account-number-preferences/edit-account-number-preference/edit-account-number-preference.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { SystemService } from 'app/system/system.service';
 export class EditAccountNumberPreferenceComponent implements OnInit {
 
   /** Account Number Preference Form */
-  accountNumberPreferenceForm: FormGroup;
+  accountNumberPreferenceForm: UntypedFormGroup;
   /** Account Number Preference Data */
   accountNumberPreferenceData: any;
   /** Account Number Preferences Template Data */
@@ -33,7 +33,7 @@ export class EditAccountNumberPreferenceComponent implements OnInit {
    * @param {Router} router Router for navigation.
    */
   constructor(private route: ActivatedRoute,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private router: Router) {
     this.route.data.subscribe((data: { accountNumberPreference: any, accountNumberPreferencesTemplate: any }) => {

src/app/system/audit-trails/audit-trails.component.ts

@@ -3,7 +3,7 @@ import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
 import { ActivatedRoute } from '@angular/router';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 
 /** Custom Data Source */
 import { AuditTrailsDataSource } from './audit-trail.datasource';
@@ -99,25 +99,25 @@ export class AuditTrailsComponent implements OnInit, AfterViewInit {
     }
   ];
   /** User form control. */
-  user = new FormControl('');
+  user = new UntypedFormControl('');
   /** From date form control. */
-  fromDate = new FormControl();
+  fromDate = new UntypedFormControl();
   /** Checked from date form control. */
-  checkedFromDate = new FormControl();
+  checkedFromDate = new UntypedFormControl();
   /** Processing result form control. */
-  processingResult = new FormControl();
+  processingResult = new UntypedFormControl();
   /** Action name form control. */
-  actionName = new FormControl();
+  actionName = new UntypedFormControl();
   /** Resource ID form control. */
-  resourceId = new FormControl('');
+  resourceId = new UntypedFormControl('');
   /** To date form control. */
-  toDate = new FormControl();
+  toDate = new UntypedFormControl();
   /** Checked to date form control. */
-  checkedToDate = new FormControl();
+  checkedToDate = new UntypedFormControl();
   /** Entity name form control. */
-  entityName = new FormControl();
+  entityName = new UntypedFormControl();
   /** Checker form control. */
-  checker = new FormControl();
+  checker = new UntypedFormControl();
 
   /** Paginator for audit trails table. */
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;

src/app/system/codes/create-code/create-code.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit  } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { ConfigurationWizardService } from '../../../configuration-wizard/config
 export class CreateCodeComponent implements OnInit, AfterViewInit {
 
   /** Code form. */
-  codeForm: FormGroup;
+  codeForm: UntypedFormGroup;
 
   /* Reference of create code form */
   @ViewChild('codeFormRef') codeFormRef: ElementRef<any>;
@@ -32,7 +32,7 @@ export class CreateCodeComponent implements OnInit, AfterViewInit {
    * @param {ConfigurationWizardService} configurationWizardService ConfigurationWizard Service.
    * @param {PopoverService} popoverService PopoverService.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router,

src/app/system/codes/edit-code/edit-code.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { SystemService } from '../../system.service';
 export class EditCodeComponent implements OnInit {
 
   /** Code Form */
-  codeForm: FormGroup;
+  codeForm: UntypedFormGroup;
   /** Code Data */
   codeData: any;
 
@@ -28,7 +28,7 @@ export class EditCodeComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/codes/view-code/view-code.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators, FormArray } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormArray } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 
 /** Custom Services */
@@ -25,7 +25,7 @@ export class ViewCodeComponent implements OnInit {
   /** Code Values Data */
   codeValuesData: any[];
   /** Code Values Form */
-  codeValuesForm: FormGroup;
+  codeValuesForm: UntypedFormGroup;
   /** Code Value Row Status */
   codeValueRowStatus: string[] = [];
 
@@ -40,7 +40,7 @@ export class ViewCodeComponent implements OnInit {
   constructor(private route: ActivatedRoute,
               private systemService: SystemService,
               private router: Router,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private dialog: MatDialog) {
     this.route.data.subscribe((data: { code: any, codeValues: any }) => {
       this.codeData = data.code;
@@ -70,8 +70,8 @@ export class ViewCodeComponent implements OnInit {
    * Gets the code values form array.
    * @returns {FormArray} Code values form array.
    */
-  get codeValues(): FormArray {
-    return this.codeValuesForm.get('codeValues') as FormArray;
+  get codeValues(): UntypedFormArray {
+    return this.codeValuesForm.get('codeValues') as UntypedFormArray;
   }
 
   /**
@@ -96,7 +96,7 @@ export class ViewCodeComponent implements OnInit {
    * Creates a code value row in code values form.
    * @param {any} codeValue Code value.
    */
-  createCodeValuesRow(codeValue?: any): FormGroup {
+  createCodeValuesRow(codeValue?: any): UntypedFormGroup {
     return this.formBuilder.group({
       'name': [{ value: codeValue ? codeValue.name : '', disabled: true }, Validators.required],
       'description': [{ value: codeValue ? codeValue.description : '', disabled: true }],

src/app/system/configurations/business-date-tab/business-date-tab.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 
 import { ActivatedRoute } from '@angular/router';
 import { Alert } from 'app/core/alert/alert.model';
@@ -30,7 +30,7 @@ export class BusinessDateTabComponent implements OnInit {
   /** COB date */
   cobDate = new Date();
   /** business Date form. */
-  businessDateForm: FormGroup;
+  businessDateForm: UntypedFormGroup;
   /** Business data. */
   businessDateData: any;
 
@@ -49,7 +49,7 @@ export class BusinessDateTabComponent implements OnInit {
   constructor(
     private systemService: SystemService,
     private settingsService: SettingsService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private dateUtils: Dates,
     private alertService: AlertService) {}
 

src/app/system/configurations/global-configurations-tab/edit-configuration/edit-configuration.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { SettingsService } from 'app/settings/settings.service';
 
@@ -23,7 +23,7 @@ export class EditConfigurationComponent implements OnInit {
   maxDate = new Date();
 
   /** Global Configuration form. */
-  configurationForm: FormGroup;
+  configurationForm: UntypedFormGroup;
   /** Configuration. */
   configuration: any;
 
@@ -35,7 +35,7 @@ export class EditConfigurationComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private settingsService: SettingsService,
               private route: ActivatedRoute,

src/app/system/configure-maker-checker-tasks/configure-maker-checker-tasks.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import * as _ from 'lodash';
 
 /** Custom Services */
@@ -24,8 +24,8 @@ export class ConfigureMakerCheckerTasksComponent implements OnInit, AfterViewIni
   previousGrouping = '';
   checkboxesChanged: Boolean = false;
   currentGrouping: string;
-  formGroup: FormGroup;
-  backupform: FormGroup;
+  formGroup: UntypedFormGroup;
+  backupform: UntypedFormGroup;
 
   permissions: {
     permissions: { code: string, id: number }[]
@@ -53,7 +53,7 @@ export class ConfigureMakerCheckerTasksComponent implements OnInit, AfterViewIni
    */
   constructor(private route: ActivatedRoute,
     private systemService: SystemService,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private router: Router,
     private configurationWizardService: ConfigurationWizardService,
     private popoverService: PopoverService ) {
@@ -78,7 +78,7 @@ export class ConfigureMakerCheckerTasksComponent implements OnInit, AfterViewIni
     });
   }
 
-  createMemberGroup(permission: any): FormGroup {
+  createMemberGroup(permission: any): UntypedFormGroup {
     return this.formBuilder.group({
       ...permission,
       ...{
@@ -140,14 +140,14 @@ export class ConfigureMakerCheckerTasksComponent implements OnInit, AfterViewIni
    * Backups the valued
    */
   backupCheckValues() {
-    this.backupform = _.cloneDeep(this.formGroup) as FormGroup;
+    this.backupform = _.cloneDeep(this.formGroup) as UntypedFormGroup;
   }
 
   /**
    * Restores the checkboxes to previous data on clicking cancel
    */
   restoreCheckboxes() {
-    this.formGroup = _.cloneDeep(this.backupform) as FormGroup;
+    this.formGroup = _.cloneDeep(this.backupform) as UntypedFormGroup;
   }
 
   isTaskEnable(value: any) {

src/app/system/entity-to-entity-mapping/entity-to-entity-mapping.component.ts

@@ -8,7 +8,7 @@ import { ActivatedRoute } from '@angular/router';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { SettingsService } from 'app/settings/settings.service';
 
 /** Custom Components */
@@ -63,7 +63,7 @@ export class EntityToEntityMappingComponent implements OnInit {
   entityMappingsListData: MatTableDataSource<any>;
 
   /** Filter Preference Form */
-  filterPreferenceForm: FormGroup;
+  filterPreferenceForm: UntypedFormGroup;
   /** List of Entity to Entity Mapping */
   displayedColumns: string[] = ['entitymapping'];
   /** Columns for details of a chosen mapping */
@@ -80,7 +80,7 @@ export class EntityToEntityMappingComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    */
   constructor(private route: ActivatedRoute,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private systemService: SystemService,
     private dateUtils: Dates,
     private dialog: MatDialog,

src/app/system/external-services/amazon-s3/edit-amazon-s3/edit-amazon-s3.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
@@ -19,7 +19,7 @@ export class EditAmazonS3Component implements OnInit {
   /** Amazon S3 Configuration data */
   amazonS3ConfigurationData: any;
   /** Amazon S3 Configuration Form */
-  amazonS3ConfigurationForm: FormGroup;
+  amazonS3ConfigurationForm: UntypedFormGroup;
   /** Secret Key input field type. */
   secretKeyInputType: string;
   /** Access Key field type. */
@@ -32,7 +32,7 @@ export class EditAmazonS3Component implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/external-services/email/edit-email/edit-email.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
@@ -21,7 +21,7 @@ export class EditEmailComponent implements OnInit {
   /** Email Configuration data */
   emailConfigurationData: any;
   /** Email Configuration Form */
-  emailConfigurationForm: FormGroup;
+  emailConfigurationForm: UntypedFormGroup;
 
   /**
    * Retrieves the Email configuration data from `resolve`.
@@ -30,7 +30,7 @@ export class EditEmailComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/external-services/notification/edit-notification/edit-notification.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
@@ -19,7 +19,7 @@ export class EditNotificationComponent implements OnInit {
   /** Notification Configuration data */
   notificationConfigurationData: any;
   /** Notification Configuration Form */
-  notificationConfigurationForm: FormGroup;
+  notificationConfigurationForm: UntypedFormGroup;
 
   /**
    * Retrieves the Notification configuration data from `resolve`.
@@ -28,7 +28,7 @@ export class EditNotificationComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/external-services/sms/edit-sms/edit-sms.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
@@ -19,7 +19,7 @@ export class EditSMSComponent implements OnInit {
   /** SMS Configuration data */
   smsConfigurationData: any;
   /** SMS Configuration Form */
-  smsConfigurationForm: FormGroup;
+  smsConfigurationForm: UntypedFormGroup;
 
   /**
    * Retrieves the SMS configuration data from `resolve`.
@@ -28,7 +28,7 @@ export class EditSMSComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) {

src/app/system/manage-data-tables/column-dialog/column-dialog.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Data Imports */
 import { columnTypeData } from '../column-type-data';
@@ -17,7 +17,7 @@ import { columnTypeData } from '../column-type-data';
 export class ColumnDialogComponent implements OnInit {
 
   /** Column Form. */
-  columnForm: FormGroup;
+  columnForm: UntypedFormGroup;
   /** Column Type Data */
   columnTypeData = columnTypeData;
 
@@ -27,7 +27,7 @@ export class ColumnDialogComponent implements OnInit {
    * @param {any} data Provides the column codes and values for the form (if available).
    */
   constructor(public dialogRef: MatDialogRef<ColumnDialogComponent>,
-              public formBuilder: FormBuilder,
+              public formBuilder: UntypedFormBuilder,
               @Inject(MAT_DIALOG_DATA) public data: any) { }
 
   /**

src/app/system/manage-data-tables/create-data-table/create-data-table.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, TemplateRef, ElementRef, ViewChild, AfterViewInit  } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
@@ -34,7 +34,7 @@ import { DatatableColumn } from '../datatable-column.model';
 export class CreateDataTableComponent implements OnInit, AfterViewInit {
 
   /** Data Table Form */
-  dataTableForm: FormGroup;
+  dataTableForm: UntypedFormGroup;
   /** Application Table Data */
   appTableData = appTableData;
   entitySubTypeData = entitySubTypeData;
@@ -79,7 +79,7 @@ export class CreateDataTableComponent implements OnInit, AfterViewInit {
    * @param {ConfigurationWizardService} configurationWizardService ConfigurationWizard Service.
    * @param {PopoverService} popoverService PopoverService.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router,

src/app/system/manage-data-tables/edit-data-table/edit-data-table.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
@@ -29,7 +29,7 @@ import { DatatableColumn } from '../datatable-column.model';
 export class EditDataTableComponent implements OnInit {
 
   /** Data Table Form. */
-  dataTableForm: FormGroup;
+  dataTableForm: UntypedFormGroup;
   /** Data Table Data. */
   dataTableData: any;
   entitySubTypeData = entitySubTypeData;
@@ -81,7 +81,7 @@ export class EditDataTableComponent implements OnInit {
    * @param {MatDialog} dialog Dialog Reference.
    */
   constructor(private systemService: SystemService,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private route: ActivatedRoute,
               private router: Router,
               private dialog: MatDialog) {

src/app/system/manage-hooks/add-event-dialog/add-event-dialog.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 
 /**
  * Add Event Dialog Component.
@@ -14,7 +14,7 @@ import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 export class AddEventDialogComponent implements OnInit {
 
   /** Event Form. */
-  eventForm: FormGroup;
+  eventForm: UntypedFormGroup;
   /** Entity Data. */
   entityData: Array<any> = new Array<any>();
   /** Action Data. */
@@ -26,7 +26,7 @@ export class AddEventDialogComponent implements OnInit {
    * @param {any} data Provides grouping, entities and actions data to fill dropdowns.
    */
   constructor(public dialogRef: MatDialogRef<AddEventDialogComponent>,
-              public formBuilder: FormBuilder,
+              public formBuilder: UntypedFormBuilder,
               @Inject(MAT_DIALOG_DATA) public data: any) {
   }
 

src/app/system/manage-hooks/create-hook/create-hook.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
@@ -27,7 +27,7 @@ export class CreateHookComponent implements OnInit {
   /** Hooks Template Data. */
   hooksTemplateData: any;
   /** Hook Form. */
-  hookForm: FormGroup;
+  hookForm: UntypedFormGroup;
   /** Columns to be displayed in events table. */
   displayedColumns: string[] = ['entityName', 'actionName', 'actions'];
   /** Data source for events table. */
@@ -48,7 +48,7 @@ export class CreateHookComponent implements OnInit {
   constructor(private route: ActivatedRoute,
               private systemService: SystemService,
               private router: Router,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private dialog: MatDialog) {
     this.route.data.subscribe((data: { hooksTemplate: any }) => {
       this.hooksTemplateData = data.hooksTemplate;

src/app/system/manage-hooks/edit-hook/edit-hook.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
 import { MatSort } from '@angular/material/sort';
@@ -29,7 +29,7 @@ export class EditHookComponent implements OnInit {
   /** Hook Data. */
   hookData: any;
   /** Hook Form. */
-  hookForm: FormGroup;
+  hookForm: UntypedFormGroup;
   /** Columns to be displayed in events table. */
   displayedColumns: string[] = ['entityName', 'actionName', 'actions'];
   /** Data source for events table. */
@@ -52,7 +52,7 @@ export class EditHookComponent implements OnInit {
   constructor(private route: ActivatedRoute,
               private systemService: SystemService,
               private router: Router,
-              private formBuilder: FormBuilder,
+              private formBuilder: UntypedFormBuilder,
               private dialog: MatDialog) {
     this.route.data.subscribe(( data: { hooksTemplate: any, hook: any }) => {
       this.hooksTemplateData = data.hooksTemplate;

src/app/system/manage-jobs/scheduler-jobs/edit-scheduler-job/edit-scheduler-job.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormBuilder, Validators } from '@angular/forms';
 
 /** Custom Services */
 import { SystemService } from 'app/system/system.service';
@@ -31,7 +31,7 @@ export class EditSchedulerJobComponent implements OnInit {
   constructor(private route: ActivatedRoute,
               private systemService: SystemService,
               private router: Router,
-              private formBuilder: FormBuilder ) {
+              private formBuilder: UntypedFormBuilder ) {
     this.route.data.subscribe((data: { jobSelected: any }) => {
       this.jobData = data.jobSelected;
     });

src/app/system/manage-jobs/workflow-jobs/workflow-jobs.component.ts

@@ -1,6 +1,6 @@
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormControl, Validators } from '@angular/forms';
+import { UntypedFormControl, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatTable } from '@angular/material/table';
 import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.component';
@@ -24,7 +24,7 @@ export class WorkflowJobsComponent implements OnInit {
   jobStepsDataBase: any = [];
   jobStepName: String = null;
 
-  jobName = new FormControl('', Validators.required);
+  jobName = new UntypedFormControl('', Validators.required);
 
   @ViewChild('table') table: MatTable<JobStep>;
 

src/app/system/manage-reports/create-report/create-report.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators, FormArray } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators, FormArray } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
@@ -25,7 +25,7 @@ import { DeleteDialogComponent } from 'app/shared/delete-dialog/delete-dialog.co
 export class CreateReportComponent implements OnInit {
 
   /** Report Form. */
-  reportForm: FormGroup;
+  reportForm: UntypedFormGroup;
   /** Report Template Data. */
   reportTemplateData: any;
   /** Data passed to dialog. */
@@ -56,7 +56,7 @@ export class CreateReportComponent implements OnInit {
    * @param {Router} router Router for navigation.
    * @param {MatDialog} dialog Dialog Reference.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router,

src/app/system/manage-reports/edit-report/edit-report.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit, ViewChild } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { MatPaginator } from '@angular/material/paginator';
@@ -38,7 +38,7 @@ export class EditReportComponent implements OnInit {
       reportParameterName: undefined
     };
   /** Report Form. */
-  reportForm: FormGroup;
+  reportForm: UntypedFormGroup;
   /** Columns to be displayed in report parameters table. */
   displayedColumns: string[] = ['parameterName', 'parameterNamePassed', 'actions'];
   /** Data source for report parameters table. */
@@ -61,7 +61,7 @@ export class EditReportComponent implements OnInit {
    * @param {Router} router Router for navigation.
    * @param {MatDialog} dialog Dialog Reference.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private route: ActivatedRoute,
               private router: Router,
               private systemService: SystemService,

src/app/system/manage-reports/report-parameter-dialog/report-parameter-dialog.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports */
 import { Component, OnInit, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 
 /**
  * Report Parameter Dialog Component.
@@ -14,7 +14,7 @@ import { FormGroup, FormBuilder, Validators } from '@angular/forms';
 export class ReportParameterDialogComponent implements OnInit {
 
   /** Report Parameter Form. */
-  reportParameterForm: FormGroup;
+  reportParameterForm: UntypedFormGroup;
 
   /**
    * @param {MatDialogRef} dialogRef Component reference to dialog.
@@ -22,7 +22,7 @@ export class ReportParameterDialogComponent implements OnInit {
    * @param {any} data Provides the allowed parameters and values for the form (if available).
    */
   constructor(public dialogRef: MatDialogRef<ReportParameterDialogComponent>,
-              public formBuilder: FormBuilder,
+              public formBuilder: UntypedFormBuilder,
               @Inject(MAT_DIALOG_DATA) public data: any) {
   }
 

src/app/system/manage-surveys/create-survey/create-survey.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, FormArray, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, UntypedFormArray, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
@@ -22,7 +22,7 @@ import { CancelDialogComponent } from '../../../shared/cancel-dialog/cancel-dial
 export class CreateSurveyComponent implements OnInit {
 
   /** Survey form. */
-  surveyForm: FormGroup;
+  surveyForm: UntypedFormGroup;
 
   /**
    * @param {FormBuilder} formBuilder Form Builder.
@@ -31,7 +31,7 @@ export class CreateSurveyComponent implements OnInit {
    * @param {Router} router Router for navigation.
    * @param {MatDialog} dialog Dialog reference.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router,
@@ -61,8 +61,8 @@ export class CreateSurveyComponent implements OnInit {
    * Gets the questions form array.
    * @returns {FormArray} Questions form array.
    */
-  get questionDatas(): FormArray {
-    return this.surveyForm.get('questionDatas') as FormArray;
+  get questionDatas(): UntypedFormArray {
+    return this.surveyForm.get('questionDatas') as UntypedFormArray;
   }
 
   /**
@@ -70,15 +70,15 @@ export class CreateSurveyComponent implements OnInit {
    * @param {number} questionIndex Index of question to retrieve responses from.
    * @returns {FormArray} Responses form array.
    */
-  getResponseDatas(questionIndex: number): FormArray {
-    return this.surveyForm.get(['questionDatas', questionIndex, 'responseDatas']) as FormArray;
+  getResponseDatas(questionIndex: number): UntypedFormArray {
+    return this.surveyForm.get(['questionDatas', questionIndex, 'responseDatas']) as UntypedFormArray;
   }
 
   /**
    * Creates a question form group
    * @returns {FormGroup} Question form group.
    */
-  createQuestionForm(): FormGroup {
+  createQuestionForm(): UntypedFormGroup {
     return this.formBuilder.group({
       'key': ['', Validators.required],
       'text': ['', Validators.required],
@@ -109,7 +109,7 @@ export class CreateSurveyComponent implements OnInit {
    * Creates a response form group
    * @returns {FormGroup} Response form group.
    */
-  createResponseForm(): FormGroup {
+  createResponseForm(): UntypedFormGroup {
     return this.formBuilder.group({
       'text': ['', Validators.required],
       'value': ['', [Validators.required, Validators.pattern('^\\s*[-]?\\d{0,4}\\s*$')]],
@@ -131,7 +131,7 @@ export class CreateSurveyComponent implements OnInit {
    * @param {FormArray} responseFormArray Given responses form array.
    * @param {number} index Array index from where response form needs to be removed.
    */
-  removeResponse(responseFormArray: FormArray, index: number) {
+  removeResponse(responseFormArray: UntypedFormArray, index: number) {
     responseFormArray.removeAt(index);
     this.updateSequenceNumber();
   }

src/app/system/manage-surveys/edit-survey/edit-survey.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, FormArray, Validators, FormControl } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, UntypedFormArray, Validators, FormControl } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 import { MatDialog } from '@angular/material/dialog';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
@@ -25,7 +25,7 @@ import { Survey, QuestionData, ResponseData } from './../survey.model';
 export class EditSurveyComponent implements OnInit {
 
   /** Survey form. */
-  surveyForm: FormGroup;
+  surveyForm: UntypedFormGroup;
 
   /**
    * @param {FormBuilder} formBuilder Form Builder.
@@ -34,7 +34,7 @@ export class EditSurveyComponent implements OnInit {
    * @param {Router} router Router for navigation.
    * @param {MatDialog} dialog Dialog reference.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router,
@@ -66,22 +66,22 @@ export class EditSurveyComponent implements OnInit {
   /**
    * Fills all the question forms.
    */
-  prepareQuestionDatas(questionForms: FormArray, questionDatas: Array<QuestionData>) {
+  prepareQuestionDatas(questionForms: UntypedFormArray, questionDatas: Array<QuestionData>) {
     questionDatas.forEach((questionData, idx) => {
       this.addQuestion();
-      const questionForm: FormGroup = <FormGroup>questionForms.at(idx);
+      const questionForm: UntypedFormGroup = <UntypedFormGroup>questionForms.at(idx);
       questionForm.get('key').setValue(questionData.key);
       questionForm.get('text').setValue(questionData.text);
       questionForm.get('description').setValue(questionData.description);
       // questionForm.get('responseDatas').setValue([]);
-      this.prepareResponseDatas((<FormArray>questionForm.get('responseDatas')), questionData.responseDatas, idx);
+      this.prepareResponseDatas((<UntypedFormArray>questionForm.get('responseDatas')), questionData.responseDatas, idx);
     });
   }
 
   /**
    * Fills all the response forms.
    */
-  prepareResponseDatas(responseForms: FormArray, responseDatas: Array<ResponseData>, questionIdx: number) {
+  prepareResponseDatas(responseForms: UntypedFormArray, responseDatas: Array<ResponseData>, questionIdx: number) {
     responseDatas.forEach((responseData, idx) => {
       if (idx) {
         this.addResponse(questionIdx);
@@ -110,8 +110,8 @@ export class EditSurveyComponent implements OnInit {
    * Gets the questions form array.
    * @returns {FormArray} Questions form array.
    */
-  get questionDatas(): FormArray {
-    return this.surveyForm.get('questionDatas') as FormArray;
+  get questionDatas(): UntypedFormArray {
+    return this.surveyForm.get('questionDatas') as UntypedFormArray;
   }
 
   /**
@@ -119,15 +119,15 @@ export class EditSurveyComponent implements OnInit {
    * @param {number} questionIndex Index of question to retrieve responses from.
    * @returns {FormArray} Responses form array.
    */
-  getResponseDatas(questionIndex: number): FormArray {
-    return this.surveyForm.get(['questionDatas', questionIndex, 'responseDatas']) as FormArray;
+  getResponseDatas(questionIndex: number): UntypedFormArray {
+    return this.surveyForm.get(['questionDatas', questionIndex, 'responseDatas']) as UntypedFormArray;
   }
 
   /**
    * Creates a question form group
    * @returns {FormGroup} Question form group.
    */
-  createQuestionForm(): FormGroup {
+  createQuestionForm(): UntypedFormGroup {
     return this.formBuilder.group({
       'key': ['', Validators.required],
       'text': ['', Validators.required],
@@ -158,7 +158,7 @@ export class EditSurveyComponent implements OnInit {
    * Creates a response form group
    * @returns {FormGroup} Response form group.
    */
-  createResponseForm(): FormGroup {
+  createResponseForm(): UntypedFormGroup {
     return this.formBuilder.group({
       'text': ['', Validators.required],
       'value': ['', [Validators.required, Validators.pattern('^\\s*[-]?\\d{0,4}\\s*$')]],
@@ -180,7 +180,7 @@ export class EditSurveyComponent implements OnInit {
    * @param {FormArray} responseFormArray Given responses form array.
    * @param {number} index Array index from where response form needs to be removed.
    */
-  removeResponse(responseFormArray: FormArray, index: number) {
+  removeResponse(responseFormArray: UntypedFormArray, index: number) {
     responseFormArray.removeAt(index);
     this.updateSequenceNumber();
   }

src/app/system/roles-and-permissions/add-role/add-role.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
+import { UntypedFormBuilder, UntypedFormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute } from '@angular/router';
 
 /** Custom Services */
@@ -17,7 +17,7 @@ import { SystemService } from '../../system.service';
 export class AddRoleComponent implements OnInit {
 
   /** Role form. */
-  roleForm: FormGroup;
+  roleForm: UntypedFormGroup;
 
   /**
    * @param {FormBuilder} formBuilder Form Builder.
@@ -25,7 +25,7 @@ export class AddRoleComponent implements OnInit {
    * @param {ActivatedRoute} route Activated Route.
    * @param {Router} router Router for navigation.
    */
-  constructor(private formBuilder: FormBuilder,
+  constructor(private formBuilder: UntypedFormBuilder,
               private systemService: SystemService,
               private route: ActivatedRoute,
               private router: Router) { }

src/app/system/roles-and-permissions/edit-role/edit-role.component.ts

@@ -1,6 +1,6 @@
 /** Angular Imports */
 import { Component, OnInit } from '@angular/core';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 /** Custom Services */
@@ -16,7 +16,7 @@ import { SystemService } from '../../system.service';
 })
 export class EditRoleComponent implements OnInit {
   /** Role Form */
-  roleForm: FormGroup;
+  roleForm: UntypedFormGroup;
   /** Role Data */
   roleData: any;
 
@@ -28,7 +28,7 @@ export class EditRoleComponent implements OnInit {
    * @param {Router} router Router for navigation.
    */
   constructor(
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     private systemService: SystemService,
     private route: ActivatedRoute,
     private router: Router

src/app/system/roles-and-permissions/view-role/view-role.component.ts

@@ -1,7 +1,7 @@
 /** Angular Imports  */
 import { Component, OnInit } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
-import { FormGroup, FormBuilder, Validators } from '@angular/forms';
+import { UntypedFormGroup, UntypedFormBuilder, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { SystemService } from '../../system.service';
 import * as _ from 'lodash';
@@ -40,9 +40,9 @@ export class ViewRoleComponent implements OnInit {
   /** Role ID */
   roleId: any;
   /** Creates permission form  */
-  formGroup: FormGroup;
+  formGroup: UntypedFormGroup;
   /** Creates Backup form */
-  backupform: FormGroup;
+  backupform: UntypedFormGroup;
   /** Temporarily stores Permission data */
   tempPermissionUIData: {
     permissions: { code: string }[]
@@ -63,7 +63,7 @@ export class ViewRoleComponent implements OnInit {
   constructor(private route: ActivatedRoute,
     private systemService: SystemService,
     private router: Router,
-    private formBuilder: FormBuilder,
+    private formBuilder: UntypedFormBuilder,
     public dialog: MatDialog) {
     this.route.data.subscribe((data: { roledetails: any }) => {
       this.rolePermissionService = data.roledetails;
@@ -96,7 +96,7 @@ export class ViewRoleComponent implements OnInit {
 
   }
 
-  createMemberGroup(permission: any): FormGroup {
+  createMemberGroup(permission: any): UntypedFormGroup {
     return this.formBuilder.group({
       ...permission,
       ...{
@@ -171,14 +171,14 @@ export class ViewRoleComponent implements OnInit {
    * Backups the valued
    */
   backupCheckValues() {
-    this.backupform = _.cloneDeep(this.formGroup) as FormGroup;
+    this.backupform = _.cloneDeep(this.formGroup) as UntypedFormGroup;
   }
 
   /**
    * Restores the checkboxes to previous data on clicking cancel
    */
   restoreCheckboxes() {
-    this.formGroup = _.cloneDeep(this.backupform) as FormGroup;
+    this.formGroup = _.cloneDeep(this.backupform) as UntypedFormGroup;
   }
 
   isRoleEnable(value: any) {