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

machine.js

  const fetchMachine = Machine({
  id: 'memberSearchMachine',
  initial: 'dataEntry',
  context: {
    data: {},
    validationErrors: {},
    apiClient: {},
    history: {},
  },
  states: {
    'dataEntry': {
      on: {
        ENTER_DATA: {
          actions: 'updateData',
        },
        SUBMIT: {
          target: 'awaitingSubmitResponse',
        },
      },
    },
    'awaitingSubmitResponse': {
      invoke: {
        id: 'submitResponse',
        src: 'fetchSearch',
      },
      on: {
        SEARCH_SUCCESS: {
          target: 'hasSearchResults',
          actions: 'updateResults',
        },
        SEARCH_FAILURE: {
          target: 'hasSearchError',
          actions: 'updateValidationErrors',
        },
      },
    },
    'hasSearchError': {
      on: {
        ENTER_DATA: {
          target: 'dataEntry',
          actions: 'updateData',
        },
      },
    },
    'hasSearchResults': {
      on: {
        BACK: {
          target: 'dataEntry',
        },
      },
    },
  },
});