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

machine.js

const selectHomeMachine2 = Machine({
  id: 'selectHomeMachine',
  initial: 'inviteSearch',
  context: {
    home: undefined,
    searchQuery: '',
    searchResults: '',
  },
  on: {
    SUBMIT: [
      {
        target: 'loading',
        actions: 'setSearchQuery',
        cond: 'canSearch',
      },
      {
        actions: 'setSearchQuery',
      },
    ],
  },
  states: {
    inviteSearch: {},
    loading: {
      initial: 'debouncing',
      states: {
        debouncing: {
          entry: 'clearHome',
          after: {
            500: 'fetching',
          },
        },
        fetching: {
          invoke: {
            src: 'requestSearchResults',
            onDone: {
              target: '#selectHomeMachine.results',
              actions: 'setSearchResults',
            },
            onError: {
              target: '#selectHomeMachine.noResults',
              actions: 'setSearchResults',
            },
          },
        },
      },
    },
    noResults: {
      id: 'noResults',
    },
    results: {
      id: 'results',
      on: {
        TOGGLE_HOME: {
          actions: 'toggleHomeContext',
        },
        NEXT: {
          actions: 'handleNext',
          cond: 'isHomeDefined',
        },
      },
    },
  },
});