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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
    id: 'vacation',
    initial: 'idle',
    states: {
      idle: {
        on: {
          REQUEST: 'waiting_for_manager_approve'
        }
      },
      waiting_for_manager_approve: {
        on: {
          MANAGER_APPROVE: 'waiting_for_team_approve.one_of_three',
          MANAGER_REJECT: 'rejected'
        }
      },
      waiting_for_team_approve: {
        states: {
          one_of_three: {
            on: {
              TEAM_APPROVE: 'two_of_three',
              TEAM_REJECT: '#vacation.rejected'
            }
          },
          two_of_three: {
            on: {
              TEAM_APPROVE: 'three_of_three',
              TEAM_REJECT: '#vacation.rejected'
            }
          },
          three_of_three: {
            on: {
              TEAM_APPROVE: '#vacation.approved',
              TEAM_REJECT: '#vacation.rejected'
            }
          }
        }
      },
      approved: {
        type: 'final'
      },
      rejected: {
        type: 'final'
      }
    }
  });