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

machine.js

const superButton = Machine(
  {
    id: 'superButton',
    initial: 'ready',
    context: {
      disabled: 0
    },
    states: {
      ready: {
        on: {
          DISABLE: 'disabled',
          CHECK: 'processing',
        },
      },
      disabled: {
        on: {
          ENABLE: 'ready',
        },
      },
      processing: {
        on: {
          SUCCEED: 'succeeded',
          FAIL: 'failed',
        },
      },
      succeeded: {
        on: {
          NEXT: 'ready',
        },
      },
      failed: {
        on: {
          RESET: 'ready',
          RETRY: 'processing',
        },
      },
    },
  },
  {
    actions: {
      myAction: () => {
        console.log("myAction");
      },
    },
  },
);