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

machine.js

Machine({
  id: 'Cats Fetcher',
  initial: 'idle',
  context: {
    cats: null,
    error: null
  },
  states: {
    idle: {
      on: {
        QUERY_UPDATED: {
          actions: 'updateQuery'
        },
        SEARCH: 'searching'
      }
    },
    searching: {
      invoke: {
        id: 'catsRequest',
        src: () => Promise.resolve([]),
        onDone: {
          target: 'idle',
          actions: 'saveCats'
        },
        onError: {
          taret: 'searchFailure',
          actions: 'saveCats'
        }
      }
    },
    searchFailure: {
      on: {
        RETRY: {
          target: 'searching',
          actions: 'clearError'
        }
      }
    }
  }
});