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

machine.js

const CourierOnboardingVerificationsItemState = {
  IN_REVISION: `IN_REVISION`,
  PENDING: `PENDING`,
  VERIFIED: `VERIFIED`,
}

Machine(
  {
    id: `emergencyContact`,
    initial: `unknown`,
    context: {
      message: null,
      state: `PENDING`,
    },
    states: {
      unknown: {
        on: {
          '': [
            {cond: `isPending`, target: `pending`},
            {cond: `isVerified`, target: `verified`},
          ],
        },
      },

      pending: {
        on: {
          SUBMIT: `submitting`,
        },
      },

      submitting: {
        invoke: {
          id: `update-information`,
          src: `updateInformation`,
          onDone: `verified`,
          onError: {
            target: `pending`,
            actions: `handleGraphQLErrors`,
          },
        },
      },

      verified: {
        entry: `updateInformationSuccess`,
        type: `final`,
      },
    },
  },
  {
    guards: {
      isPending: (ctx) => {
        return ctx.state === CourierOnboardingVerificationsItemState.PENDING
      },
      isVerified: (ctx) => {
        return ctx.state === CourierOnboardingVerificationsItemState.VERIFIED
      },
    },
  }
)