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

machine.js

const modalThatFetchesMachine = Machine({
  id: 'modalThatFetches',
  initial: 'closed',
  context: {},
  states: {
    closed: {
      on: {
        OPEN: 'opened'
      }
    },
    opened: {
      on: {
        CLOSE: 'closed'
      },
      initial: 'fetching',
      states: {
        fetching: {
          on: {
            SUCCESS: 'fetchSucceeded',
            FAIL: 'fetchFailed'
          }
        },
        fetchSucceeded: {
          initial: 'fileNotDownloaded',
          states: {
            fileDownloaded: {
              type: 'final'
            },
            fileNotDownloaded: {
              on: {
                DOWNLOAD: 'fileDownloaded'
              }
            }
          }
        },
        fetchFailed: {
          on: {
            RETRY: 'fetching'
          }
        }
      }
    }
  }
});