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

machine.js

  const wiseLoadingMachine = Machine({
    id: 'wiseLoadingMachine',
    initial: 'idle',
    context: {
      region: null
    },
    states: {
      idle: {
        on: {
          setTab: 'settingTab'
        }
      },
      settingTab: {
        onEntry: 'setRegion'
      },
      loading: {
        initial: 'loadingUISettings',
        on: {
          setTab: '#wiseLoadingMachine.settingTab'
        },
        states: {
          loadingUISettings: {
            invoke: {
              src: 'loadUISettings',
              onDone: 'loadingSubmittedSpend'
            },
          },
          loadingSubmittedSpend: {
            invoke: {
              src: 'loadSubmittedSpend',
              onDone: '#wiseLoadingMachine.success'
            },
          }
        }
      },
      success: {
        entry: 'setResult',
        on: {
          setTab: 'settingTab'
        }
      }
    }
  });