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

machine.js

  const m = Machine({
    initial: 'initializing',
    context: {
      processing: false
    },
    states: {
      initializing: {
        invoke: {
          src: 'fetchAccounts',
          onDone: { target: 'ready' } 
        }
      },
      ready: {
        entry: 'selectDefaultAccount',
        on: { SELECT: { target: '.selected' } },
        initial: 'idle',
        states: {
          idle: {},
          selected: {
            on: {
              CONFIRM: {
                target: 'updating'
              }
            }
          },
          updating: {
            invoke: {
              src: 'update',
              onDone: {  target: '#success' },
            onError: {  target: 'failed', actions: 'setError' }
            }
            
          },
          failed: {}
        }
      },
      success: {
        id: 'success'
      },
    }
  });