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

machine.js

const radioItem = Machine(
  {
    id: 'checkbox',
    initial: 'nix',
    states: {
      nix: {
        on: {
          DISABLE: 'nixDisabled',
          SELECT: 'aver',
        },
      },
      nixDisabled: {
        on: {
          ENABLE: 'nix',
        },
      },
      aver: {
        entry: ['enterAver'],
        exit: ['exitAver'],
        on: {
          RESET: 'nix',
          AFFIRM: 'affirmed',
          NEGATE: 'negated',
        },
      },
      affirmed: {
        type: 'final',
      },
      negated: {
        on: {
          DISABLE: 'negatedDisabled'
        },
      },
      negatedDisabled: {
        type: 'final',
      },
    },
  },
  {
    actions: {
      enterAver: () => {
        console.log("enterAver");
      },
      exitAver: () => {
        console.log("exit Aver");
      },
    },
  },
);