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

machine.js

const userStatusMachine = Machine({
  id: 'userStatus',
  initial: 'NEW',
  context: {
    userId: '12345',
    validationAttempts: 0,
  },
  states: {
    NEW: {
      on: {
        approved: 'WAITING_VALIDATION',
      }
    },
    WAITING_VALIDATION: {
      on: {
        '': {
          target: 'LIMITED',
          cond: {
            type: 'exceededMaxAttempts',
            maxAttempts: 3
          },
        },
        validated: 'OPERATIONAL',
        rejected: 'BLOCKED',
        submitValidation: {
          target: '.',
          actions: ['submitValidation']
        },
      }
    },
    OPERATIONAL: {
      on: {
        blocked: 'BLOCKED',
        suspended: 'SUSPENDED',
        limited: 'LIMITED',
        validationExpired: 'WAITING_VALIDATION',
      }
    },
    SUSPENDED: {
      on: {
        delete: 'DELETED',
        manualApprove: 'OPERATIONAL',
      }
    },
    LIMITED: {
      on: {
        delete: 'DELETED',
        manualApprove: 'OPERATIONAL',
      }
    },
    BLOCKED: {
      on: {
        delete: 'DELETED',
      }
    },
    DELETED: {
      type: 'final',
    },
  }
}, {
  actions: {
    submitValidation: assign((ctx) => ({
      validationAttempts: ctx.validationAttempts + 1,
    }))
  },
  guards: {
    exceededMaxAttempts: ({ validationAttempts }, event, { maxAttempts }) => validationAttempts >= maxAttempts
  }
})