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 fetchSuccess = assign({
    order: (context, event) => event.order
  })
  
  const fetchMachine = Machine({
    id: 'dvt',
    initial: 'loading',
    context: {
      uuid: '1234-5678-8901-2345',
      order: {}
    },
    states: {
      loading: {
        on: {
          PENDING: {
            target: 'confirmOrder',
            actions: 'fetchSuccess'
          },
          VERIFIED: 'verified',
          CANCELLED: 'cancelled',
          EXPIRED: 'expired'
        }
      },
      verified: {
        type: 'final'
      },
      cancelled: {
        type: 'final'
      },
      expired: {
        type: 'final'
      },
      confirmOrder: {
        on: {
          CONFIRM: 'geocoding',
          CANCEL: 'cancelled'
        }
      },
      geocoding: {
        on: {
          SUCCESS: 'confirmAddress',
          FAILURE: 'confirmOrder'
        }
      },
      confirmAddress: {
        on: {
          EDIT: 'editAddressMap',
          CONFIRM: 'confirming'
        }
      },
      confirming: {
        on: {
          SUCCESS: 'verified',
          FAILURE:  'confirmAddress'
        }
      },
      editAddressMap: {
        on: {
          CONFIRM: 'reverseGeocoding',
          CANCEL: 'cancelled'
        }
      },
      reverseGeocoding: {
        on: {
          SUCCESS: 'editAddressDetails',
          FAILURE: 'editAddressMap'
        }
      },
      editAddressDetails: {
        on: {
          SUBMIT: 'updating',
          CANCEL: 'cancelled'
        }
      },
      updating: {
        on: {
          SUCCESS: 'verified',
          FAILURE: 'editAddressDetails'
        }
      }
    }
  });