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)

    function mockAuthenticate() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (Math.random() < 0.8) resolve("got jwt");
      else reject("oopsy doopsy");
    }, 500);
  });
}

    function getUserInfo() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (Math.random() < 0.8) resolve("got jwt");
      else reject("oopsy doopsy");
    }, 1500);
  });
}
  
  const authMachine = Machine({
    id: 'auth',
    initial: 'loading',
    states: {
      loading: {
        invoke:{
          id: "getJWT",
          src: () => mockAuthenticate(),
          onDone:{
            target:"has_jwt"
          },
          onError: {
            target:"has_no_jwt"
          }
        }
      },
      has_jwt: {
        initial:'loading',
        states: {
          loading:{
            invoke: {
          id:"getUserInfo",
          src: () =>getUserInfo(),
          onDone: {target:"has_data"},
          onError:{target:"has_no_data"}
        },
          },
          has_no_data: {},
          has_data: {type:'final'},
        },
        onDone:{
          target:"logged_in"
        }
      },
      has_no_jwt:{
        initial:"getPhoneNumber",
        states:{
          getPhoneNumber:{},
          sendSMSCode:{}
        }
      },
      logged_in:{}
     
    }
    });