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 submitService = () => Promise.resolve()
  
  const assignCustomer = assign({
    customer: (_, { customer }) => customer,
  })
  
  const service = {
    src: submitService,
    onDone: {
      target: 'success',
    },
    onError: {
      target: 'error',
    },
  }
  
  const fetchMachine = Machine({
    id: 'fetch',
    initial: 'idle',
    customer: null,
    states: {
      idle: {
        on: {
          SUBMIT_IDENTITY: {
            actions: assignCustomer,
            target: 'SUBMIT.identity',
          },
          SUBMIT_ADDRESS: {
            actions: assignCustomer,
            target: 'SUBMIT.address',
          },
        }
      },
      SUBMIT: {
        states: {
          identity: {
            initial: 'loading',
            states: {
              loading: {
                invoke: service
              },
              success: {},
              error: {},
            }
          },
          address: {
            initial: 'loading',
            states: {
              loading: {
                invoke: service
              },
              success: {},
              error: {},
            }
          },
        }
      },
    }
  });