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 fetchJwt = (loginData) => {
  return fetch(`url/to/user/${loginData}`).then((response) => response.json());
};
  
const loginMachine = Machine({
  id: 'login',
  initial: 'idle',
  context: {
    retry: 0
  },
  states: {
    idle: {
      on: {
        FETCH: 'loading'
      }
    },
    loading: {
      invoke: {
        id: 'getJwt',
        src: (context, event) => fetchJwt(event.login),
        onDone: {
          target: 'success',
          actions: assign({ user: (context, event) => event.data })
        },
        onError: {
          target: 'failure',
          actions: assign({ error: (context, event) => event.data })
        }
      }
    },
    success: {
      type: 'final'
    },
    failure: {}
  }
})