Generated by XState Viz: https://xstate.js.org/viz/?gist=1f3f0f1007de761c9cf2d2eea3e19341

machine.js

const events = {
  RIDE: "RIDE",
  RIDE_TAXI: "RIDE_TAXI",
  RIDE_BUS: "RIDE_BUS",
  WALK: "WALK"
}

const getHomeMachine = Machine({
  type: 'parallel',
  states: {
    riding_enabled: {
      initial: 'no',
      states: {
        yes: {},
        no: {
          on: {
            [events.RIDE]: 'yes'
          }
        }
      }
    },
    global: {
      initial: 'walking',
      on: {
        [events.RIDE_TAXI]: 'global.riding.taxi',
        [events.RIDE_BUS]: 'global.riding.bus'
      },
      states: {
        idle: {
          on: {
            [events.RIDE]: 'riding',
            [events.WALK]: 'walking'
          }            
        },
        walking: {
          on: {
            [events.RIDE]: 'riding',
            [events.WALK]: 'idle'
          }
        },
        riding: {
          initial: 'bus',
          on: {
            [events.WALK]: 'walking',
            [events.RIDE]: 'idle',
          },
          states: {
            bus: {},
            taxi: {}
          }
        }
      }
    }
  }
});