Generated by XState Viz: https://xstate.js.org/viz

machine.js

const formMachine = Machine({
  id: "siteProfileForm",
  initial: "notSubmittable",
  states: {
    notSubmittable: {
      on: { FORM_COMPLETE: "submittable" },
    },
    submittable: {
      on: {
        TOGGLE_SITE_VALIDATION: "validateTargetSite",
        SUBMIT: "submitted",
      },
    },
    submittableWithValidatedTargetSite: {
      on: {
        SUBMIT: "submitted",
      },
    },
    validateTargetSite: {
      on: {
        VALIDATION_START: "validateTargetSiteInProgress",
        TOGGLE_SITE_VALIDATION: "submittable",
      },
    },
    validateTargetSiteInProgress: {
      on: {
        VALIDATION_SUCCESS: "submittableWithValidatedTargetSite",
      },
    },
    submitted: {},
  },
});