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

machine.js

  const getHomeMachine = Machine({
    initial: 'global',
    states: {
      global: {
        initial: 'walking',
        on: {
          RIDE_TAXI: 'global.riding.taxi',
          RIDE_BUS: 'global.riding.bus'
        },
        states: {
          idle: {
            on: {
              RIDE: 'riding',
              WALK: 'walking'
            }            
          },
          walking: {
            on: {
              RIDE: 'riding',
              WALK: 'idle'
            }
          },
          riding: {
            initial: 'bus',
            on: {
              WALK: 'walking',
              RIDE: 'idle',
            },
            states: {
              bus: {},
              taxi: {}
            }
          }
        }
      }
    }
  });