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

machine.js

const timerMachine = Machine({
  id: "timer",
  initial: "pending",
  states: {
    pending: {
      onEntry: ["setDefaults"],
      on: {
        START: "running"
      }
    },
    running: {
      invoke: {
        id: "incInterval",
        src: "startIntervalService"
      },
      onEntry: ["setNow", "startTimer"],
      onExit: [
        "setNow",
        "stopTimer",
        "updateLastElapsed",
        "updateElapsedAndRemainingFromStopped"
      ],
      on: {
        PAUSE: "paused",
        STOP: "stopped",
        LAP: {
          actions: [
            "setNow",
            "stopTimer",
            "updateLastElapsed",
            "updateElapsedAndRemainingFromStopped",
            "startTimer"
          ]
        },
        RESET: {
          target: "pending",
          actions: "resetTimer"
        },
        UPDATE: {
          actions: [
            "setNow",
            "updateElapsedFromRunning",
            "updateRemainingFromRunning"
          ]
        }
      }
    },
    paused: {
      on: {
        RESUME: "running",
        STOP: "stopped",
        RESET: {
          target: "pending",
          actions: "resetTimer"
        }
      }
    },
    stopped: {
      onEntry: "setFinal",
      on: {
        RESET: {
          target: "pending",
          actions: "resetTimer"
        }
      }
    },
    done: {
      type: "final"
    }
  }
});