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

machine.js

  const fetchMachine = Machine({
    id: 'initialLoad',
    initial: 'start',
    context: {
    	config:[
    		"a", "b"
    	]  
    },
    states: {
      start:{
        on:{
          'FETCH_CONFIG': {
            target:'fetchConfig'
          }
        }
      },
      fetchConfig: {
        invoke:{
          id:'config',
          src:'callApis',
          onDone: {
            target: 'fetchData',
            actions : 'saveData'  
          },
          onError: {
            target: 'fetchConfigFailure'
          }
        }
      },
      fetchData: {
        invoke:{
        	id: 'data',
            src: 'callApis',
            onDone: {
              target: 'complete',
              actions : 'saveData'  
            },
            onError: {
              fetch: 'fetchDataFailure'
            }
          }  
      },
      complete: {
        type: 'final'
      },
      fetchConfigFailure:{
        type: 'final'
      },
      fetchDataFailure: {
        type: 'final'
      }
    }
  }, {
    services: {
      callApis:(context,event) => {
        console.log(event);
        console.log(context);
        return Promise.resolve(event.type);
      }
    },
    actions: {
    	saveData:(context,event) => {
    		console.log('Save response from ',event.data);
    	}
    }
  });