Chore:

Upgraded to Angular 14

bookie/src/app/sales/discount/discount.component.ts

@@ -1,5 +1,11 @@
 import { Component, Inject } from '@angular/core';
-import { FormArray, FormBuilder, FormControl, FormGroup, Validators } from '@angular/forms';
+import {
+  UntypedFormArray,
+  UntypedFormBuilder,
+  UntypedFormControl,
+  UntypedFormGroup,
+  Validators,
+} from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { round } from 'mathjs';
 import { Observable } from 'rxjs';
@@ -14,14 +20,14 @@ import { DiscountItem } from './discount-item';
 })
 export class DiscountComponent {
   list: DiscountItem[] = [];
-  form: FormGroup;
+  form: UntypedFormGroup;
   dataSource: DiscountDataSource = new DiscountDataSource([]);
 
   displayedColumns = ['name', 'discount'];
 
   constructor(
     public dialogRef: MatDialogRef<DiscountComponent>,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     @Inject(MAT_DIALOG_DATA)
     public data: Observable<DiscountItem[]>,
   ) {
@@ -49,10 +55,11 @@ export class DiscountComponent {
   }
 
   accept(): void {
-    const array = this.form.get('discounts') as FormArray;
+    const array = this.form.get('discounts') as UntypedFormArray;
     for (let i = this.list.length - 1; i >= 0; i--) {
       const item = this.list[i];
-      const control = (array.controls[i] as FormGroup).controls.discount as FormControl;
+      const control = (array.controls[i] as UntypedFormGroup).controls
+        .discount as UntypedFormControl;
       if (
         control.value === null ||
         control.value === '' ||