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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  function assignDataToContext(){}
  function assignErrorMessageToContext(){}
  function fetchRowOfData(){
    send({ type: "receivedData", data: {} });
  }
  function thereIsMoreData(){
    return true
  }
  function thereIsNoMoreData(){
    return true
  }
  function clearErrorMessage(){}
  
  const fetchMachine = Machine({
  initial: 'fetchingRowOfData',
  states: {
    fetchingRowOfData: {
      on: {
        receivedData: {
          target: 'checkMoreDataExists',
          actions: [assignDataToContext]
        },
        invoke: {
          src: fetchRowOfData,
          onError: {
            target: 'idle',
            actions: [assignErrorMessageToContext]
          }
        }
      }
    },
    checkMoreDataExists: {
      always: [
        {
          target: 'idle',
          cond: thereIsMoreData
        }, {
          target: 'noMoreDataToFetch',
          cond: thereIsNoMoreData
        }
      ]
    },
    idle: {
      exit: [clearErrorMessage],
      on: {
        scrollToBottom: 'fetchingRowOfData'
      }
    },
    noMoreDataToFetch: {
      type: 'final'
    }
  }
});