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

machine.js

const tapStates = {
  initial: 'tapOff',
  states: {
    tapOff: {
      on: {
        TURN_ON: 'tapOn'
      }
    },
    tapOn: {
      on: {
        TURN_OFF: 'tapOff'
      }
    }
  }
};

const handWashMachine3 = Machine({
  id: 'handwash',
  initial: 'unwashed',
  states: {
    unwashed: {
      on: {
        START_WASH: 'washing'
      }
    },
    washing: {
      on: {
        STOP_WASH: 'unwashed'
      },
      after: {
        20000: 'washed'
      },
      ...tapStates
    },
    washed: {
      type: 'final'
    }
  }
});