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

machine.js

  const fetchMachine = Machine({
      id: "fileFetcher",
      initial: "pending",
      context: {
        uri: ''
      },
      states: {
        pending: {
          on: {
            CANCEL: {
              target: "cancelled",
            },
            ERROR: {
              target: "errored",
            },
            SUCCESS: {
              target: "successful",
            },
          },
        },
        cancelled: {
          type: "final",
          entry: "cancelFileFetching",
        },
        errored: {
          type: "final",
          entry: "sendFileErrored",
        },
        successful: {
          type: "final",
          entry: "sendFileCompleted",
        },
      },
    }, {
    actions: {
      cancelFileFetching: () => {},
      sendFileComplete: ({groupMachine, uri}) => {
        groupMachine.send('FILE_COMPLETE', {
          uri,
          data: null
        })
      },
      sendFileError: ({groupMachine, uri}) => {
        groupMachine.send('FILE_ERROR', {
          uri,
          error: null
        })
      }
    }
  });