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({
  initial: `applicant`,
  name: `applicants.create`,
  context: {
    tabIndex: 0
  },
  states: {
    applicant: {
      on: {
        NEXT: {
          target: `vehicle`,
          actions: assign({tabIndex: 1})
        }
      }
    },
    vehicle: {
      on: {
        NEXT: {
          target: `cellphone`,
          actions: assign({tabIndex: 2})
        },
        PREV: {
          target: `applicant`,
          actions: assign({tabIndex: 0})
        }
      }
    },
    cellphone: {
      on: {
        NEXT: {
          target: `contact`,
          actions: assign({tabIndex: 3})
        },
        PREV: {
          target: `vehicle`,
          actions: assign({tabIndex: 1})
        }
      }
    },
    contact: {
      on: {
        NEXT: {
          target: `comment`,
          actions: assign({tabIndex: 4})
        },
        PREV: {
          target: `cellphone`,
          actions: assign({tabIndex: 2})
        }
      }
    },
    comment: {
      on: {
        PREV: {
          target: `contact`,
          actions: assign({tabIndex: 3})
        }
      }
    }
  }
})