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

machine.js

  // Available variables:
  // - Machine
  // - interpret
  // - assign
  // - send
  // - sendParent
  // - spawn
  // - raise
  // - actions
  // - XState (all XState exports)
  
  const fetchMachine = Machine({
  type: 'parallel',
  context: {},
  states: {
    interactivity: {
      initial: 'unknown',
      states: {
        unknown: {
          on: {
            '': [
              {
                target: 'enabled',
                cond: 'isEnabled'
              },
              { target: 'disabled' }
            ],
          },
        },
        enabled: {
          on: {
            DISABLE: 'disabled',
          },
        },
        disabled: {
          on: {
            ENABLE: 'enabled',
          },
        },
      },
    },
    activity: {
      initial: 'idle',
      states: {
        idle: {
          on: {
            SUBMIT: {
              target: 'busy',
              cond: 'isEnabled',
            },
          },
        },
        busy: {
          invoke: {
            src: 'handleSubmit',
            onDone: 'success',
            onError: 'error'
          }
        },
        success: {
          entry: ['handleSuccess'],
          on: {
            SUBMIT: {
              target: 'busy',
              cond: 'isEnabled',
            },
          },
        },
        error: {
          entry: ['handleError'],
          on: {
            SUBMIT: {
              target: 'busy',
              cond: 'isEnabled',
            },
          },
        },
      },
    },
  },
},
{
  actions: {
    handleSuccess() {},
    handleError() {},
  },
  services: {
    handleSubmit: async () => {}
  },
  guards: {
    isEnabled(context) {
      return !context.disabled;
    },
  },
});