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

machine.js

const positionMachine = Machine({
    id: 'position',
    initial: 'open',
    context: {
      selectedCandidateId: 0
    },
    states: {
      open: {
        on: {
          selectCandidate: 'selected'
        }
      },
      selected: {
        on: {
          award: 'awarded',
          reject: 'open',
        }
      },
      awarded: {
        on: {
          fill: 'filled',
          withdrawAwarded: 'open'
        }
      },
      filled: {
        type: 'final',
      }
    }
  });
  
  
  const candidateMachine = Machine({
    id: 'submission',
    initial: 'incomplete',
    context: {
      id: 0
    },
    states: {
      incomplete: {
        on: {
          addQualifications: 'available'
        }
      },
      available: {
        on: {
          submit: 'submitted'
        }
      },
      submitted: {
        on: {
          withdraw: 'available',
          select: 'selected',
        }
      },
      selected: {
        on: {
          reject: 'available',
        }
      },
    }
  });