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

machine.js

const toggleMachine = Machine({
  id: "siteProfileForm",
  initial: "notSubmittable",
  states: {
    notSubmittable: {
      on: { FORM_COMPLETE: "submittable" },
    },
    submittable: {
      initial: "siteNotValidated",
      states: {
        siteNotValidated: {},
        siteValidated: {},
      },
      on: {
        SUBMIT: 'submitted',
        FORM_INCOMPLETE: "notSubmittable",
        TOGGLE_SITE_VALIDATION: "validateTargetSite",
      },
    },
    submitted: {},
    validateTargetSite: {
      initial: "idle",
      states: {
        idle: {
          on: {
            START_VALIDATION: "validationInProgress",
          },
        },
        validationInProgress: {
          on: {
            VALIDATION_SUCCESS: "#siteProfileForm.submittable.siteValidated",
             VALIDATION_FAILURE: "validationFailure",
          },
        },
        validationFailure: {
          on: {
            VALIDATION_RETRY: 'idle'
          }
        }
      },
      on: {
        TOGGLE_SITE_VALIDATION: "#siteProfileForm.submittable",
      },
    },
  },
});