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

machine.js

// INSTRUMENT

const fetchMachine = Machine(
  {
    id: 'device',
    initial: 'connection',
    context: {
      retries: 0
    },
    states: {
      connection: {
        on: {
          SELECT_DEVICE: 'extraction',
        },
      },
      extraction: {
        initial: 'semiAuto',
        on: {
          INCISION: 'incision',
          CHANGE_CONNECTION: 'connection',
        },
        states: {
          semiAuto: {
            initial: 'idle',
            on: {
              CHANGE_MODE: 'manual',
            },
            states: {
              idle: {
                on: {
                  START: 'operation',
                },
              },
              operation: {
                on: {
                  FINISH: 'finished',
                },
              },
              finished: {
                type: 'final',
              }
            }
          },
          manual: {
            initial: 'operation',
            on: {
              CHANGE_MODE: 'semiAuto',
            },
            states: {
              operation: {
                on: {
                  FINISH: 'finished',
                },
              },
              finished: {
                type: 'final',
              },
            },
          },
        }
      },
      incision: {
        initial: 'operation',
        on: {
          EXTRACTION: 'extraction',
          CHANGE_CONNECTION: 'connection',
        },
        states: {
          operation: {
            on: {
              FINISH: 'finished',
            },
          },
          finished: {
            type: 'final',
          },
        }
      },
    },
  },
);