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

machine.js

const loginMachine = Machine({
  id: "loginMachine",
  initial: "idle",
  context: {
    loading: false,
    data: null
  },
  states: {
    idle: {
      on: {
        SUBMIT: {
          target: "loading",
          actions: assign({
            loading: true
          })
        }
      }
    },
    loading: {
      invoke: {
        id: "authentication",
        src: (ctx, event) => {} // removed logic from Visualizer
      },
      on: {
        SUCCESS: {
          target: "success",
          actions: assign({
            loading: false,
            data: (_ctx, event) => event.data
          })
        },
        FAIL: {
          target: "fail",
          actions: assign({
            loading: false,
            data: (_ctx, event) => event.data
          })
        }
      }
    },
    success: {
      type: "final",
      on: {
        LOGOUT: {
          target: "idle"
        }
      }
    },
    fail: {
      on: {
        CLEAR_ERROR: {
          actions: assign({ data: () => null })
        },
        SUBMIT: {
          target: "loading",
          actions: assign({ loading: true })
        }
      }
    }
  }
});