Fix business stepper logic

src/app/business/business.component.css

@@ -13,6 +13,11 @@ mat-card.centercard{
 	font-family: 'Spartan', sans-serif;
 	font-size: 11px;
 }
+
+::ng-deep .mat-vertical-stepper-header{
+	pointer-events: none;
+}
+
 a.link{
 	text-decoration: underline;
 }

src/app/business/business.component.html

@@ -3,7 +3,7 @@
 	<mat-card class="centercard">
 		<h3>{{ vE.businessSignupTitle }}</h3>
 		<mat-vertical-stepper #stepper [linear]="true">
-			<mat-step label="{{ vE.businessBizInfo }}" [stepControl]="bizForm" editable="false">
+			<mat-step label="{{ vE.businessBizInfo }}" editable="false">
 				<p>{{ vE.businessAddrsNobiz }}</p>
 				<mat-card [formGroup]="bizForm">
 					<mat-form-field appearance="outline" [style.width.px]=300>

src/app/business/business.component.ts

@@ -82,7 +82,8 @@ export class BusinessComponent implements OnInit {
 			postal: '',
 			country: '',
 			email: '',
-			website: ''
+			website: '',
+			payconf: false
 	};
 	// -------------------------------------
   //
@@ -215,7 +216,8 @@ export class BusinessComponent implements OnInit {
 			postal: this.bizForm.get('postal')!.value,
 			country: this.bizForm.get('country')!.value,
 			email: this.bizForm.get('email')!.value,
-			website: this.bizForm.get('website')!.value
+			website: this.bizForm.get('website')!.value,
+			payconf: false
 		};
 		this.userService.addOwner(this.ownerdata);
 		this.stepper!.next();

src/app/user.service.ts

@@ -140,7 +140,7 @@ export class UserService{
 		return obs;
 	}
 
-	addOwner(oData: {first: string, last: string, phone: string, name: string, street: string, city: string, state: string, postal: string, country: string, email: string, website: string}) {
+	addOwner(oData: {first: string, last: string, phone: string, name: string, street: string, city: string, state: string, postal: string, country: string, email: string, website: string, payconf: boolean}) {
 
 		let obs = this.http.post(this.beUrl+'api/owner', {payload: oData}, {headers: this.reqHeaders, params: this.reqParams});