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({
    id: 'wizard',
    initial: 'details',
    context: {},
    states: {
      cancelled: {
        type: 'final',
        entry: 'closeModal',
      },
      details: {
        initial: 'invalid',
        on: {
          PREV: 'cancelled',
        },
        states: {
          invalid: {
            id: 'invalid',
            on: {
              VALID: 'valid',
              SERVER_VALIDATING: 'validating.remain',
            },
          },
          valid: {
            id: 'valid',
            on: {
              INVALID: 'invalid',
              SERVER_VALIDATING: 'validating.remain',
              NEXT: 'validating.next',
            },
          },
          validating: {
            states: {
              remain: {
                on: {
                  SERVER_VALID: '#valid',
                  SERVER_INVALID: '#invalid',
                  NEXT: 'next', 
                },
              },
              next: {
                on: {
                  SERVER_VALID: '#affectedSummary',
                  SERVER_INVALID: '#invalid',
                },
              },
            },
          },
        },
      },
      affectedSummary: {
        id: 'affectedSummary',
      },
    },
  });