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 countryCodeReg = /^[\+][0-9]{2,4}$/;
  const phoneNumberReg = /^[0-9]{7,10}$/;
const mockFetch = () => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (Math.random() < 0.9) resolve("data");
      else reject("oopsy doopsy");
    }, 1500);
  });
}
  
  const isAuthenticated = (context, event) => {
      if (Math.random() < 0.4){
        return true;
      }
      else return false;
  }
  
  
  
  const authMachine = Machine({
    id: 'auth',
    initial: 'idle',
    context: {
      user: undefined,
      error: undefined
    },
    states: {
      idle: {
        on: {
          '':[{target: 'has_jwt', cond:'isAuthenticated'},{target:'has_no_jwt'}]
        }
      },
      'has_no_jwt':{
        initial: 'idle',
         'idle':{
           on: {
             POST_DATA:[{
               target:'.countryCodeError',
               cond: (_,e)=> !countryCodeReg.test(e.countryCode)
             },
             {target:'.phoneNumberError',
               cond: (_,e) => !phoneNumberReg.test(e.phoneNumber)
             },
             {target: "has_jwt"}]
           }
         },
         states:{
           'idle':{},
         'countryCodeError':{},
         'phoneNumberError':{},
         'fetchError': {},
         }
       
      },
      'has_jwt':{
        initial:'idle',
        states: {
          'idle':{}
        }
      },
      'loggedIn':{type:'final'},
      'needData':{}
    }
  },
  {
    guards:{
      isAuthenticated
    }
  }
  );