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

machine.js

  const fetchMachine = Machine({
    id: 'modalWindow',
    initial: 'hidden',
    context: {
      submitDisabled: true,
      closeDisabled: false,
    },
    states: {
      hidden: {
        on: {
          OPEN: {
            target: 'initialLoading',
            actions: assign({
              submitDisabled: true,
              closeDisabled: false,
            })
          }
        }
      },
      initialLoading: {
        on: {
          RESOLVE: {
            target: 'initialSuccess',
            actions: assign({
              submitDisabled: false
            })
          },
          REJECT: 'initialFailure'
        }
      },
      initialSuccess: {
        on: {
          SUBMIT: {
            target: 'submitting',
            actions: assign({
              submitDisabled: true,
              closeDisabled: true
            })
          },
          CLOSE: 'hidden'
        }
      },
      initialFailure: {
        on: {
          RETRY: {
            target: 'initialLoading'
          },
          CLOSE: 'hidden'
        }
      },
      submitting: {
        on: {
          RESOLVE: {
            target: 'submitSuccess',
            actions: assign({
              submitDisabled: false,
              closeDisabled: false
            })
          },
          REJECT: {
            target: 'submitFailure',
            actions: assign({
              submitDisabled: false,
              closeDisabled: false
            })
          }
        }
      },
      submitSuccess: {
        on: {
          CLOSE: 'hidden'
        }
      },
      submitFailure: {
        on: {
          SUBMIT: {
            target: 'submitting',
            actions: assign({
              submitDisabled: true,
              closeDisabled: true
            })
          },
          CLOSE: 'hidden'
        }
      }
    }
  });