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

machine.js

const minuteMachine = Machine({
  id: 'timer',
  initial: 'active',
  states: {
    active: {
      after: {
        5000: 'finished'
      }
    },
    finished: { type: 'final', entry: sendParent('TIMES_UP') }
  }
});

const alarmClock = Machine({
  id: 'parent',
  type: 'parallel',
  states: {
    minutes: {
      initial: 'run',
      states: {
        run: {
          invoke: { src: minuteMachine }
        }
      }
    },
    alarm: {
      initial: 'pending',
      states: {
        pending: { on: { TIMES_UP: 'timesUp' } },
        timesUp: { type: 'final' }
      }
    }
  }
});