Submit JSON with Angular

pnpm add submitjson # OR npm i OR yarn add

import { Component } from '@angular/core'
import { FormBuilder, FormGroup, Validators } from '@angular/forms'
import SubmitJSON from 'submitjson'

const sj = new SubmitJSON({ apiKey: 'sjk_xxx', endpoint: 'xxx' })

@Component({
  selector: 'app-contact-form',
  templateUrl: './contact-form.component.html',
})
export class ContactFormComponent {
  contactForm: FormGroup

  constructor(private formBuilder: FormBuilder) {
    this.contactForm = this.formBuilder.group({
      name: ['', Validators.required],
      email: ['', [Validators.required, Validators.email]],
      message: ['', Validators.required]
    })
  }

  async onSubmit() {
    if (this.contactForm.valid)
      await sj.submit(this.contactForm.value)
  }
}

<form [formGroup]="contactForm" (ngSubmit)="onSubmit()">
  <div>
    <label for="name">Name</label>
    <input type="text" id="name" formControlName="name">
  </div>
  <div>
    <label for="email">Email</label>
    <input type="email" id="email" formControlName="email">
  </div>
  <div>
    <label for="message">Message</label>
    <textarea id="message" formControlName="message"></textarea>
  </div>
  <button type="submit" [disabled]="!contactForm.valid">Send Message</button>
</form>