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

machine.js

  const auth = Machine({
    id: 'auth',
    initial: 'idle',
    context: {
      strategy: 'phone',
      availableStrategies: ['phone', 'email']
    },
    states: {
      idle: {
        on: {
          SET_STRATEGY: {
          target: 'verification',
          cond: 'isValidStrategy'
          }
        }
      },
      verification: {
        initial: 'idle',
        states: {
          idle: {
            on: {
              AUTHENTICATE: {
                target: 'processing'
              }
            }
          },
          processing: {
            
          }
        }
      }
    }
  }, {
    actions: {
      setStrategy: assign({
        strategy: (c, e) => e.data,
      })
    },
    guards: {
      isValidStrategy: (c, e) => c.availableStrategies.includes(e.data)
    }
  });