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

machine.js

const DIAS_CRITICIDAD_MEDIA = 20;
const DIAS_CRITICIDAD_ALTA = 10;
const DIAS_VENCIDO = 0;

const isProximoAVencer = (context) =>
  context?.days <= DIAS_CRITICIDAD_ALTA;
const isVencido = (context) => context?.days <= 0;
const isCriticidadMedia = (context) =>
  context?.days <= DIAS_CRITICIDAD_MEDIA;

const assignDias = (_ctx, ev) => ev.dias;


context = { dias: undefined }

Machine({
    initial: "idle",
    context,
    actions: { assignDias: assignDias },
    states: {
      idle: {
        on: {
          NUEVO_CHECKLIST: "checklist",
          NUEVO_VENCIMIENTO: {
            target: "vencimiento",
            actions: [assignDias],
          },
        },
      },
      checklist: {
        initial: "initial",
        context,
        states: {
          initial: {
            on: {
              APROBAR: "aprobado",
              RECHAZAR: "rechazado",
            },
          },
          aprobado: {
            on: {
              REPARAR: "enReparacion",
            },
          },
          enReparacion: {
            on: {
              PENDIENTE: "pendiente",
              REALIZADO: "realizado",
            },
          },
          pendiente: {
            on: {
              REALIZADO: "realizado",
            },
          },
          realizado: {
            type: "final",
          },
          rechazado: {
            type: "final",
          },
        },
      },
      vencimiento: {
        initial: "idle",
        context,
        states: {
          idle: {
            always: [
              {
                target: "pendiente",
              },
              {
                target: "isProximoAVencer",
                cond: isProximoAVencer,
              },
              {
                target: "vencido",
                cond: isVencido,
              },
            ],
          },
          pendiente: {
            on: {
              REALIZAR: "realizado",
            },
            initial: "idle",
            context,
            states: {
              idle: {
                always: [
                  {
                    target: "criticidadMedia",
                    cond: isCriticidadMedia,
                  },
                  {
                    target: "criticidadLeve",
                  },
                ],
              },
              criticidadLeve: {
                type: "final",
              },
              criticidadMedia: {
                type: "final",
              },
            },
          },
          isProximoAVencer: {
            on: {
              REALIZAR: "realizado",
            },
            context,
            states: {
              criticidadAlta: {
                type: "final",
              },
            },
          },
          vencido: {
            on: {
              REALIZAR: "realizado",
            },
            context,
            states: {
              criticidadAlta: {
                type: "final",
              },
            },
          },
          realizado: {
            type: "final",
          },
        },
      },
    },
  })