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)
  

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
const fetchMachine = Machine({
  id: 'signUp',
  initial: 'edit',
  context: {
   error: {},
   formData: {}
  },
  states: {
    edit: {
      initial: 'pristine',
      on: {
        SUBMIT: 'validate',
        CHANGE: {
          target: '',
          actions: 'onChange'
        },
      },
      states: {
        pristine: {},
        error: {}
      }
    },
    validate: {
      on: {
        SIGN_UP: 'signUp',
        ERROR: 'edit.error',
      },
    }, 
    signUp: {
      invoke: {
        src: 'signUp',
        onDone: {
          action: 'setUser',
          target: 'resolved',
        }, 
        onError: {
          target: "edit.error"
        }
      }
    },
    resolved: {}
  }
}, {
  actions: {
    onChange: assign({
      // update form data...
    })
  },
  services: {
    signUp: () => {}
  }
});