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

machine.js

  const projectFlow = Machine({
    id: 'project',
    initial: 'open',
    states: {
      'open': {
        on: {
          'check out': 'open - checked out',
          'publish': 'open',
          'complete': 'completed',
        }
      },
      'open - checked out': {
        on: {
          'check in': 'open',
          'check in & publish': 'open',
          'save': 'open - checked out',
          'cancel': 'open - checked out'
        }
      },
      'completed': {
        on: {
          'archive': 'archived',
          'reopen': 'open',
        }
      },
      'archived': {
        on: {
          'unarchive': 'open',
        }
      }
    }
  });