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

machine.js

const routes = {
  auth: {
    login: "/auth/login",
    reset: "/auth/reset-password"
  },
  apply: {
    documents: "/apply/upload-docs",
    income: "/apply/income",
    name: "/apply/name",
    review: "/apply/review",
    start: "/apply",
    success: "/apply/success",
  }
};

// Conditions for some of our transitions
const guards = {
  hasJobIncome: (context) => context.has_job_income === true
}

const routingMachine = Machine({
  // Initial state is mostly useful for visualizations, for our purposes.
  initial: routes.auth.login, 
  states: {
    [routes.auth.login]: {
      on: {
        LOG_IN: routes.apply.start,
        FORGOT_PASSWORD: routes.auth.reset,
      }
    },
    [routes.auth.reset]: {
      on: {
        RESET: routes.auth.login
      }
    },
    [routes.apply.start]: {
      on: {
        CONTINUE: routes.apply.name
      }
    },
    [routes.apply.name]: {
      on: {
        CONTINUE: routes.apply.income
      }
    },
    [routes.apply.income]: {
      on: {
        CONTINUE: [
          { 
            cond: "hasJobIncome",
            target: routes.apply.documents 
            
          },
          { target: routes.apply.review }
        ]
      }
    },
    [routes.apply.documents]: {
      on: {
        CONTINUE: routes.apply.review
      }
    },
    [routes.apply.review]: {
      on: {
        CONTINUE: routes.apply.success
      }
    },
    [routes.apply.success]: {},
  },
  guards
});