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 challengeEmailState = {
    initial: "confirmEmailVerification",
    context: {
      retries: 0
    },
    states: {
      confirmEmailVerification: {
        on: {
          SUBMIT:  "requestEmailChallenge"
        }
      },
      requestEmailChallenge: {
        on: {
          RESOLVE: "enterEmailChallenge",
          REJECT: "confirmEmailVerification"
        }
      },
      enterEmailChallenge: {
        on: {
          SUBMIT: "verifyEmailChallenge"
        }
      },
      verifyEmailChallenge: {
        on: {
          RESOLVE: "verifyEmailSuccess",
          REJECT: "verifyEmailFailure"
        }
      },
      verifyEmailSuccess: {
        type: "final"
      },
      verifyEmailFailure: {
        on: {
          RETRY: {
            target: "enterEmailChallenge",
            actions: assign({
              retries: (context, event) => context.retries + 1
            })
          }
        }
      }
    }
  }
  
  const challengePhoneState = {
    initial: "confirmPhoneVerification",
    context: {
      retries: 0
    },
    states: {
      confirmPhoneVerification: {
        on: {
          SUBMIT:  "requestPhoneChallenge"
        }
      },
      requestPhoneChallenge: {
        on: {
          RESOLVE: "enterPhoneChallenge",
          REJECT: "confirmPhoneVerification"
        }
      },
      enterPhoneChallenge: {
        on: {
          SUBMIT: "verifyPhoneChallenge",
          CHANGE_NUMBER: "resetPhoneNumber"
        }
      },
      verifyPhoneChallenge: {
        on: {
          RESOLVE: "verifyPhoneSuccess",
          REJECT: "verifyPhoneFailure"
        }
      },
      verifyPhoneSuccess: {
        type: "final"
      },
      verifyPhoneFailure: {
        on: {
          RETRY: {
            target: "enterPhoneChallenge",
            actions: assign({
              retries: (context, event) => context.retries + 1
            })
          }
        }
      },
      resetPhoneNumber: {
        type: "final"
      }
    }
  }
  
  const mfaMachine = Machine({
    id: "MFA_VERIFY",
    initial: "unverified",
    context: {
      retries: 0
    },
    states: {
      unverified: {
        on: {
          BEGIN: "challengeMethod"
        }
      },
      challengeMethod: {
        on:{
          EMAIL: "challengeEmail",
          PHONE: "challengePhone",
        }
      },
      challengeEmail: {
        on: {
          CONTINUE: "verified",
        },
        ...challengeEmailState
      },
      challengePhone: {
        on: {
          CONTINUE: "verified",
          RESET: "challengeEmail"
        },
         ...challengePhoneState
      },
      verified: {
        type: "final"
      }
    }
  });