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

machine.js

const fetchMachine = Machine({
    id: "delay + state",
    type: "parallel",
    
    context : {
      fetched : false,
    },
    
    on : {
      FETCHED : {
        actons : assign({ fetched : true }),
      },
    },
    
    states: {
        status: {
            initial: "intros",

            states: {
                intros: {
                    after: {
                        2000: "show",
                    },
                },

                show: {
                  on : {
                    "" : {
                      cond : ({ fetched }) => fetched,
                      target : "done",
                    },
                    
                    FETCHED : "done",
                  },
                },

                done: {},
            },
        },

        fetching: {
            initial: "running",

            states: {
                running: {
                    after: {
                        1500: "done",
                    },
                },

                done: {
                  entry : raise("FETCHED")
                },
            }
        },
    },
});