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

machine.js

Machine({
  id: 'exampleMachine',
  initial: 'start',
  context: {
    approved: false,
  },
  states: {
    start: {
      on: {
        SUBMITTED: 'stepOne'
      },
    },
    stepOne: {
      on: {
        STEP_ONE_DONE: 'stepTwo',
      },
    },
    stepTwo: {
      on: {
        STEP_TWO_DONE: 'awaitingApproval',
      },
    },
    awaitingApproval: {
      on: {
        '': {
          target: 'success',
          cond: 'isApproved'
        }
      }
    },
    success: {
      type: 'final'
    },
  },
  on: {
    APPROVAL_GIVEN: {
      actions: assign({
        approved: true
      }),
      target: undefined
    }
  }
}, {
  guards: {
    isApproved: ctx => ctx.approved === true
  }
});