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: 'nameEntry',
    context: {
    },
    states: {
      nameEntry: {
        on: {
          NEXT: 'dobEntry'
        }
      },
      dobEntry: {
        on: {
          BACK: 'nameEntry',
          NEXT: 'phoneEntry'
        }
      },
      phoneEntry: {
        on: {
          BACK: 'dobEntry',
          NEXT: 'addressEntry.hist'
        }
      },
      addressEntry: {
        initial: 'lookup',
        states: {
          lookup: {
            on: {
              FOUND: 'manual',
              FAILED: 'manual',
            }
          },
          manual: {
            on: {
              ADD_PREVIOUS: 'previous',
            }
          },
          previous: {
            on: {
              REMOVE: 'manual'
            }
          },
          hist: {
            type: 'history',
          },
        },
        on: {
          BACK: 'phoneEntry',
          NEXT: 'confirmation'
        }
      },
      confirmation: {
        on: {
          EDIT_NAME: 'nameEntry',
          EDIT_DOB: 'dobEntry',
          EDIT_PHONE: 'phoneEntry',
          EDIT_ADDRESS: 'addressEntry.hist',
          EDIT_PREVIOUS_ADDRESS: 'addressEntry.previous',
          BACK: 'nameEntry',
          SAVE: 'completed'
        }
      },
      completed: {
        type: 'final'
      },
    }
  });