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

machine.js

  
  const fetchMachine = Machine({
  id: 'submission-state-machine',
  initial: 'draft',
  context: {},
  states: {
    draft: {
      on: {
        SUBMIT: { target: 'preModeration' },
        DELETE: { target: 'deleted' },
        REPORT: { target: 'reported' },
      },
    },
    preModeration: {
      on: {
        APPROVE: { target: 'waitingModeration' },
        REJECT: { target: 'rejected' },
      },
    },
    waitingModeration: {
      on: {
        MODERATE: { target: 'inModeration' },
      },
    },
    inModeration: {
      on: {
        APPROVE: { target: 'approved' },
        REJECT: { target: 'rejected' },
        DELETE: { target: 'deleted' },
      },
    },
    approved: {
      on: {
        SELECT: { target: 'selected'},
        REPORT: { target: 'reported' },
      },
    },
    rejected: {
      on: {
        DRAFT: { target: 'draft' },
        DELETE: { target: 'deleted' },
      },
    },
    reported: {
      on: {
        REQUEUE: { target: 'waitingModeration' },
        APPROVE: { target: 'approved' },
        DRAFT: { target: 'draft' },
        DELETE: { target: 'deleted' },
      },
    },
    deleted: {
      type: 'final',
    },
    selected: {
      type: 'final',
    },
  },
});