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

machine.js

  const paymentMachine = Machine({
    id: 'payment',
    initial: 'init',
    context: {
      paymentToken: null,
    },
    states: {
      init: {
        on: {
          CREATE_PAYMENT: 'creation',
          VERIFY_PAYMENT: 'verification',
        },
      },
      creation: {
        on: {
          CREATE_PAYMENT_SUCCESS: 'verification',
          CREATE_PAYMENT_FAILURE: 'error',
        },
      },
      verification: {
        on: {
          VERIFY_PAYMENT: 'verification',
          VERIFY_PAYMENT_SUCCESS: 'success',
          VERIFY_PAYMENT_FAILURE: 'error',
        },
      },
      success: {
        type: 'final',
      },
      error: {
        type: 'final',
      },
    },
  })