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

machine.js

const animationMachine = Machine({
    id: 'animation',
    initial: 'drafted',
    states: {
      drafted: {
        on: {
          RUN: 'running',
          ARCHIVE: 'archived'
        }
      },
      running: {
        on: {
          PAUSE: 'paused',
          COMPLETE: 'completed'
        }
      },
      paused: {
        on: {
          RESUME: 'running',
          ARCHIVE: 'archived'
        }
      },
      completed: {
        on: {
          ARCHIVE: 'archived'
        }
      },
      archived: {
        type: 'final'
      }
    }
  });