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

machine.js

const prebillerVerifiedMachine = Machine(
  {
    id: 'prebillerVerified',
    initial: 'disabled',
    context: {
      warnings: [],
    },
    states: {
      disabled: {
        id: 'disabled',
        on: {
          ENABLE: {
            target: 'enabled',
            cond: 'noWarnings',
          },
          ADD_WARNING: {
            actions: ['addWarning'],
          },
          REMOVE_WARNING: {
            actions: ['removeWarning'],
          },
        },
      },
      enabled: {
        initial: 'unchecked',
        states: {
          unchecked: {
            on: {
              CHECK: 'checked',
            },
          },
          checked: {
            on: { UNCHECK: 'unchecked' },
          },
        },
      },
    },
  },
  {
    actions: {
      addWarning: assign({
        warnings: (context, event) => context.warnings.splice(event.index, 0, event.message),
      }),
      removeWarning: assign({
        warnings: (context, event) => {
          if (event.index && event.message) {
            context.warnings.splice(event.index, 0, event.message).filter(Boolean);
          } else return event.warnings;
        },
      }),
    },
    guards: {
      noWarnings: context => context.warnings.length === 0,
    },
  },
);