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 fetchMachine = Machine({
	  id: "fetch",
	  initial: "role",
	  context: {
		  role: "auditor"
	  },
	  states: {
		role: {
			on: {
				NEXT: [{
					target: "captureSSN",
				  cond: "captureSSN"
				}, {
					target: "captureEmail",
					cond: "captureEmail"
				}],
				PREV: {
					actions: "goBack"
				}
			}
		},
		captureSSN: {
			on: {
				NEXT: 'redirect',
				PREV: "role"
			}
		},
		captureEmail: {
			on: {
				NEXT: 'redirect',
				PREV: "role"
			}
		},
		redirect: {
		  entry: 'redirect',
		  type: 'final'
		}
	}
}, {
  actions: {
    goBack: () => console.log('back'),
    redirect: () => console.log('to mfa')
  },
  guards: {
    captureEmail: ({ role }) => role === 'auditor' || role === 'advisor',
    captureSSN: ({ role }) => role === 'planSponsor'
  }
});