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

machine.js

const applicationMachine = Machine({
  id: 'application',
  initial: 'idle',
  context: {},
  states: {
    idle: {
      on: {
        FETCH: 'loading'
      }
    },
    loading: {
      on: {
        RESOLVE: {
          target: "loaded",
          actions: assign({
            data: (context, event) => event.data
          })
        },
        REJECT: {
          target: "error",
          actions: assign({
            data: (context, event) => event.data
          })
        },        
      }        
    },
    loaded: {
      on: {
        SAVE: 'saving',
        SUBMIt: 'submitting'
      }
    },
    saving: {
      on: {
        RESOLVE: {
          target: "saved",
          actions: assign({
            data: (context, event) => event.data
          })
        },
        REJECT: {
          target: "error",
          actions: assign({
            data: (context, event) => event.data
          })
        },        
      }       
    },
    saved: {
      type: 'final'
    },
    submitting: {
      on: {
        RESOLVE: {
          target: "submitted",
          actions: assign({
            data: (context, event) => event.data
          })
        },
        REJECT: {
          target: "error",
          actions: assign({
            data: (context, event) => event.data
          })
        },        
      }       
    },
    submitted: {
      type: 'final'
    },
    error: {
      type: 'final'
    }
  }
});