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

machine.js

const fetchMachine = Machine({
  id: 'fetch',
  initial: 'query',

  states: {
    query: {
      initial: 'loading',
      states: {
        loading: {
          on: {
            REJECT: 'failed',
            RESOLVE: 'loaded',
          },
        },
        failed: {
          type: 'final',
        },
        loaded: {
          on: {
            SUBMIT: '#mutationLoading',
          },
        },
      }
    },
    mutation: {
      states: {
        loading: {
          id: 'mutationLoading',
          on: {
            RESOLVE: '#success',
            REJECT: 'failed',
          },
        },
        failed: {
          on: {
            SUBMIT: '#mutationLoading',
          },
        },
      }
    },

    success: {
      id: 'success',
      type: 'final',
    },
  },
});