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

machine.js

 const uploaderMachine = Machine({
  id: 'uploader',
  initial: 'idle',
  context: {
    input: undefined,
    payload: undefined,
    activeImport: undefined,
    message: undefined
  },
  states: {
    idle: {
      on: {
        PARSE: 'parsing'
      }
    },
    parsing: {
      entry: ['parsePayload'],
      on: {
        REJECTED: {
          target: 'rejected',
          actions: ['setMessage']
        },
        PROCESSED: {
          target: 'uploading',
          actions: ['setPayload']
        }
      }
    },
    rejected: {
      entry: ['resetForm'],
      on: {
        PARSE: 'parsing'
      }
    },
    uploading: {
      entry: ['uploadPayload'],
      on: {
        UPLOADED: 'waiting',
        REJECTED: 'rejected'
      }
    },
    waiting: {
      entry: ['loadImport'],
      on: {
        ERROR: 'error',
        PROCESS: 'processing'
      }
    },
    processing: {
      on: {
        COMPLETE: 'completed',
        ERROR: 'error'
      }
    },
    completed: {
      type: 'final'
    },
    error: {
      type: 'final'
    }
  },
}, {
  actions: {
    setPayload: assign((ctx, event) => ({
      results: event.results
    })),
    setMessage: assign((ctx, event) => ({
      message: event.message
    }))
  }
}
)