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)
  
const formMachine = Machine({
  id: "form",
  initial: "idle",
  context: {},
  states: {
    idle: {
      on: { FETCH: "loading" }
    },
    loading: {
      entry: ["load"],
      on: {
        RESOLVE: {
          target: "form",
          actions: assign({
            data: (context, event) => event.data
          })
        },
        REJECT: {
          target: "error",
          actions: assign({
            data: (context, event) => event.data
          })
        }
      }
    },
    form: {
      on: {
        SAVE_COMPLETE: "saving",
        SAVE_INCOMPLETE: "saving"
      }      
    },
    saving: {
      on: {
        RESOLVE: 'success',
        REJECT: 'error'
      }
    },    
    success: {
      type: 'final'
    },
    error: {}
  }
});