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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const submissionPost = () => {
    return fetch('').then(res => res.json)
  }
  
  const editing = {
    on: {
      beginReview: 'review',
      update: {
        target: '',
        actions: ['update']
      }
    }
  }
  const review = {
    on: {
      confirm: {
        target: 'loading'
      }
    }
  }
  const loading = {
    invoke: {
      id: 'submissionPost',
      src: submissionPost,
      onDone: {
        target: 'success',
        actions: assign({
          data: (context, event) => event.data
        })
      },
      onError: {
        target: 'failure',
        actions: assign({
          error: (context, event) => event.data
        })
      }
    }
  }
  const success = {}
  const failure = {}
  const customStates = {editing, review, loading, success, failure}
  
  const context = {
      data: null,
      errors: null,
      count: 0
    }

  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'editing',
    context ,
    states: {
      ...customStates
      
    }
  }, {actions: {
    update: assign((context, event) => {
      console.log(event)
      return event.payload})
  }});