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

machine.js

  const fetchMachine = Machine({
    id: 'cartroom-view',
    initial: '3D_VIEW',
    context: {
      retries: 0
    },
    states: {
      '3D_VIEW': {
        on: {
          '2d-button': {
            target: '2D_VIEW',
            actions: ['TOP_VIEW_RESET']
          },
          'reset-button': {
            target: '3D_VIEW',
            actions: ['WALKING_RESET']
          },
          // '45deg-button': {
          //   target: '3D_VIEW',
          //   actions: ['FRONT_VIEW']
          // }
        }
      },
      '2D_VIEW': {
        on: {
          '2d-button': {
            target: '3D_VIEW',
            actions: ['WALKING']
          },
          'reset-button': {
            target: '2D_VIEW',
            actions: ['TOP_VIEW_RESET']
          },
          // '45deg-button': {
          //   target: '3D_VIEW',
          //   actions: ['FRONT_VIEW']
          // }
        }
      },
    }
  });