resolve message for invalid message display

apps/web/src/app/billing/organizations/organization-plans.component.ts

@@ -605,6 +605,7 @@ export class OrganizationPlansComponent implements OnInit, OnDestroy {
 
   submit = async () => {
     if (this.taxComponent && !this.taxComponent.validate()) {
+      this.taxComponent.markAllAsTouched();
       return;
     }
 

apps/web/src/app/billing/shared/payment/payment-v2.component.ts

@@ -113,6 +113,7 @@ export class PaymentV2Component implements OnInit, OnDestroy {
       const clientSecret = await this.billingApiService.createSetupIntent(type);
 
       if (this.usingBankAccount) {
+        this.formGroup.markAllAsTouched();
         if (this.formGroup.valid) {
           const token = await this.stripeService.setupBankAccountPaymentMethod(clientSecret, {
             accountHolderName: this.formGroup.value.bankInformation.accountHolderName,
@@ -146,7 +147,11 @@ export class PaymentV2Component implements OnInit, OnDestroy {
       };
     }
 
-    throw new Error("Payment method not recognized or insufficient information provided.");
+    if (this.usingAccountCredit) {
+      throw "Invalid payment method";
+    }
+
+    return null;
   }
 
   ngOnDestroy(): void {

libs/angular/src/billing/components/manage-tax-information/manage-tax-information.component.ts

@@ -72,6 +72,10 @@ export class ManageTaxInformationComponent implements OnInit, OnDestroy {
     }
   }
 
+  markAllAsTouched() {
+    this.formGroup.markAllAsTouched();
+  }
+
   async ngOnInit() {
     if (this.startWith) {
       this.formGroup.controls.country.setValue(this.startWith.country);