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

machine.js

const stepTransitions = Machine({
  initial: "idle",
  states: {
    idle: {
      id: "idle",
      on: {
        START: { target: "inProgress" },
      },
    },
    inProgress: {
      type: "parallel",
      onDone: {
        target: "#idle",
      },
      states: {
        delay: {
          initial: "active",
          states: {
            active: {
              after: {
                1000: { target: "ready" },
              },
            },
            ready: { type: "final" },
          },
        },
        stepState: {
          initial: "loading",
          states: {
            loading: {
              on: {
                READY: { target: "ready" },
              },
            },
            ready: { type: "final" },
          },
        },
      },
    },
  },
});