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

machine.js

  
  const contractMachine = Machine({
    id: 'contracts',
    initial: 'created',
    context: {},
    states: {
      created: {
        on: {
          SAVE: 'created',
          SUBMIT: 'estimated',
          DELETE: 'created',
          DEACTIVATE: 'inactive'
        }
      },
      estimated: {
        on: {
          SAVE: 'created',
          SUBMIT: 'draft',
          DELETE: 'estimated',
          DEACTIVATE: 'inactive'
        }
      },
      draft: {
        on: {
          SAVE: 'draft',
          REGISTER: 'active',
          DELETE: 'draft',
          DEACTIVATE: 'inactive'
        }
      },
      active: {
        on: {
          EXTEND: 'extended',
          RENEW: 'renewed',
          COMPLETE: 'completed',
          CANCEL: 'cancelled'
        }
      },
      inactive: {
        on: {
          REACTIVATE: 'draft'
        }
      },
      extended: {
        on: {
          SAVE: 'extended',
          COMPLETE: 'completed',
          CANCEL: 'cancelled'
        }
      },
      renewed: {
        on: {
          SAVE: 'renewed',
          COMPLETE: 'completed',
          CANCEL: 'cancelled'
        }
      },
      completed: {
        type: 'final'
      },
      cancelled: {
        type: 'final'
      }
    }
  });