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

machine.js

const fetchMachine = Machine({
    initial: 'run',
    context: {},
    states: {
      run : {
        invoke : {
            id  : "id",
            src : () => new Promise((resolve) => {
              setTimeout(() => resolve({
                value : "VALUE",
              }), 1000);
            }),
    
            onDone : [
                {
                    target : "complete",
                },
    
                {
                    target  : "complete",
                    actions : assign({
                        value : (ctx, { data }) => data.value,
                        connection : (ctx, { data }) => {
                            data.field = data.value;
    
                            return data;
                        },
                    }),
                },
            ],
            onError : console.error,
         },
      },
      
      complete : {
        type : "final",
      },
    },
  });