Chore:

Upgraded to Angular 14

bookie/src/app/sales/receive-payment/receive-payment.component.ts

@@ -1,5 +1,10 @@
 import { Component, ElementRef, Inject, ViewChild } from '@angular/core';
-import { FormArray, FormBuilder, FormControl, FormGroup } from '@angular/forms';
+import {
+  UntypedFormArray,
+  UntypedFormBuilder,
+  UntypedFormControl,
+  UntypedFormGroup,
+} from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { distinctUntilChanged, map, tap } from 'rxjs/operators';
 
@@ -25,14 +30,14 @@ export class ReceivePaymentComponent {
   reason = '';
   displayReason: boolean;
   displayTable: boolean;
-  form: FormGroup;
+  form: UntypedFormGroup;
   dataSource: ReceivePaymentDatasource;
 
   displayedColumns = ['name', 'amount'];
 
   constructor(
     public dialogRef: MatDialogRef<ReceivePaymentComponent>,
-    private fb: FormBuilder,
+    private fb: UntypedFormBuilder,
     private ser: SettleOptionService,
     @Inject(MAT_DIALOG_DATA) public data: { type: VoucherType; amount: number },
   ) {
@@ -81,7 +86,7 @@ export class ReceivePaymentComponent {
   }
 
   listenToAmountChange() {
-    const array = this.form.get('amounts') as FormArray;
+    const array = this.form.get('amounts') as UntypedFormArray;
     this.choices.forEach((z, i) =>
       array.controls[i].valueChanges.pipe(distinctUntilChanged()).subscribe((x) => {
         (this.choices.find((s) => s.name === x.name) as ReceivePaymentItem).amount =
@@ -101,8 +106,8 @@ export class ReceivePaymentComponent {
   }
 
   maxAmount(row: ReceivePaymentItem, index: number) {
-    const array = this.form.get('amounts') as FormArray;
-    const ctrl = array.controls[index].get('amount') as FormControl;
+    const array = this.form.get('amounts') as UntypedFormArray;
+    const ctrl = array.controls[index].get('amount') as UntypedFormControl;
     ctrl.setValue('' + (row.amount + this.balance));
   }
 }