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

machine.js

  
  const fetchMachine = Machine({
    id: 'payments',
    initial: 'init',
    context: {
      retries: 0
    },
    states: {
      init: {
        on: {
          INIT: [
            {
              target: 'fetchingTokenizationScript',
              cond: 'isNotFiserv'
            },
            {
              target: 'doFiservThing',
              cond: 'isFiserv'
            }
          ]
        }
      },
      doFiservThing: {
        type: 'final',
        invoke: {
          src: 'fiservThing'
        }
      },
      fetchingTokenizationScript: {
        invoke: {
          src: 'fetchTokenizationScript',
          onDone: 'fetchingToken'
        }
      },
      fetchingToken: {
        invoke: {
          src: 'fetchingToken',
          onDone: 'submittingCart'
        }
      },
      submittingCart: {
        invoke: {
          src: 'submitCart',
          onDone: 'pollingCheckoutStatus'
        }
      },
      pollingCheckoutStatus: {
        invoke: {
          src: 'poll',
          onDone: 'afterPolling'
        }
      },
      afterPolling: {
        always: [
          { target: 'error', cond: 'isCheckoutError'},
          { target: 'done', cond: 'isCheckoutSuccessful' },
          { target: 'redirect', cond: 'isRedirect' }
        ]
      },
      redirect: {
        type: 'final',
        invoke: {
          src: 'redirect'
        }
      },
      error: {
        type: 'final'
      },
      done: {
        type: 'final'
      }
    }
  });