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

machine.js

const spaceHeaterMachine = Machine({
  id: 'spaceHeater',
  initial: 'poweredOff',
  states: {
    poweredOff: {
      on: { TOGGLE_POWER: 'poweredOn.hist' }
    },
    poweredOn: {
      on: { TOGGLE_POWER: 'poweredOff' },
      type:'parallel',
      states: {
        heated:{
        initial:'low',
        states:{  
          low: {
            on: { TOGGLE_HEAT: 'high' }
          },
          high: {
            on: { TOGGLE_HEAT: 'low' }
          }
         }
        },
        occilation:{
          initial:'disabled',
          states:{
          enabled:{
            on:{TOOGLE_OSC:'disabled'}
          },
          disabled:{
            on:{TOOGLE_OSC:'enabled'}
          }
          }
        },
      
        hist: {
          type: 'history',
          history:'deep'
        }
      }
    }
  }
})