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 createAccount = () => {
    return new Promise((resolved) => {
      setTimeout(() => { resolved() }, 1000)
    })
  }
  
  const createAccountMachine = Machine({
    id: 'createAccount',
    initial: 'idle',
    context: {
      email: '',
      firstName: '',
      lastName: '',
      password: ''
    },
    states: {
      idle: {
        on: {
          GO_BACK: {
            target: '',
            actions: ['goBack']
          },
          SEND_FORM: {
            target: 'loading'
          }
        }
      },
      loading: {
        invoke: {
          src: createAccount,
          onDone: {
            target: 'success'
          },
          onError: {
            target: 'failure'
          }
        }
      },
      success: {
        type: 'final'
      },
      failure: {
        on: {
          RETRY: {
            target: 'idle',
          }
        }
      }
    }
  },
  {
    actions: {
      goBack: () => { console.log('go back') }
    }
  });