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

machine.js

const fetchMachine = Machine({
    id: "delay + state",
    type: "parallel",
    states: {
        status: {
            initial: "intros",

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

                show: {
                  on : {
                    FETCHED : "done",
                  },
                },

                done: {},
            },
        },

        fetching: {
            initial: "running",

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

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