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

machine.js

const fetchMachine = Machine({
  id: 'importer',
  initial: 'idle',
  states: {
    idle: {
      on: {
        start: 'registration',
      },
    },
    registration: {
      id: 'registration',
      initial: 'command',
      states: {
        command: {
          initial: 'running',
          states: {
            running: {
              invoke: {
                id: 'sendJob',
                src: 'sendJob',
                onDone: {
                  target: 'success',
                },
                onError: {
                  target: '#failure',
                },
              },
            },
            success: {
              on: {
                done: '#searching-registration'
              }
            },
          },
        },
        searching: {
          id: 'searching-registration',
          initial: 'running',
          states: {
            running: {
              invoke: {
                id: 'searchJob',
                src: 'searchJob',
                onDone: {
                  target: 'success',
                },
                onError: {
                  target: '#failure',
                },
              },
            },
            success: {
              on: {
                done: '#report-registration'
              }
            },
          },
        },
        report: {
          id: 'report-registration',
          on: {
            done: '#transaction'
          }
        },
      },
    },
    transaction: {
      id: 'transaction',
      initial: 'command',
      states: {
        command: {
          initial: 'running',
          states: {
            running: {
              invoke: {
                id: 'sendJob',
                src: 'sendJob',
                onDone: {
                  target: 'success',
                },
                onError: {
                  target: '#failure',
                },
              },
            },
            success: {
              on: {
                done: '#searching-transaction'
              }
            },
          },
        },
        searching: {
          id: 'searching-transaction',
          initial: 'running',
          states: {
            running: {
              invoke: {
                id: 'searchJob',
                src: 'searchJob',
                onDone: {
                  target: 'success',
                },
                onError: {
                  target: '#failure',
                },
              },
            },
            success: {
              on: {
                done: '#report-transaction'
              }
            },
          },
        },
        report: {
          id: 'report-transaction',
          on: {
            done: '#report'
          },
        },
      },
    },
    report: {
      id: 'report',
      type: 'final',
    },
    failure: {
      type: 'final',
      id: 'failure',
    },
  },
}, {
  actions: {},
  services: {
    sendJob: () => ({}),
    searchJob: () => ({}),
  }
});