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

machine.js

const machine = Machine(
  {
    id: 'debouncedFetchLatest',
    initial: 'idle',
    states: {
      idle: {},
      success: {},
      failure: {
        initial: 'other',
        states: {
          other: {},
          timeout: {}
        }
      },
      preparing_to_fetch: {
        after: {
          FETCH_DELAY: 'fetching'
        }
      },
      fetching: {
        after: {
          TIMEOUT: 'failure.timeout'
        },
        invoke: {
          src: 'fetch',
          onDone: {
            target: 'success'
          },
          onError: {
            target: 'failure'
          }
        }
      }
    },
    on: {
      FETCH: 'preparing_to_fetch'
    }
  },
  {
    delays: {
      FETCH_DELAY: 300,
      TIMEOUT: 30000
    }
  }
);