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

machine.js

const autoSaveMachine = Machine(
  {
    id: 'autoSaveMachine',
    initial: 'saved',
    states: {
      saved: {
        on: {
          HAS_UNSAVED_DATA: 'waitingToSave'
        }
      },
      waitingToSave: {
        after: [
          {
            delay: 1000,
            target: 'readyToSave'
          }
        ]
      },
      readyToSave: {
        on: {
          SAVE_DATA: 'saving'
        }
      },
      saving: {
        invoke: {
          src: 'uploadData',
          onDone: 'saved',
          onError: 'error'
        }
      },
      error: {
        on: {
          RETRY: 'readyToSave'
        }
      }
    }
  },
  {
    services: {
      uploadData: (ctx, e) => {
        return Math.random() < 0.2 ? Promise.reject() : Promise.resolve()
      }
    }
  }
)