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

machine.js

const { } = XState;
const { log } = actions;

const generatePaymentStates = {
  id: 'generate-payment',
  initial: 'generating',
  states: {
    generating: {
      on: {
        '': [
          { target: 'generatePrepayPayment', cond: 'isPrefPrepay' },
          { target: 'generateTWPayment', cond: 'isPrefTW' },
          'generateCreditPayment'
        ],
      }
    },
    generateCreditPayment: {},
    generatePrepayPayment: {},
    generateTWPayment: {},
    done: {
      final: true
    }
  }
};

const paymentMachine = Machine({
  id: 'payment',
  initial: 'created',
  states: {
    created: {
      on: {
        REQUEST: 'requested',
        REQUEST_CANCEL: 'cancelled',
      }
    },
    requested: {
      on: {
        GENERATE: 'generating'
      }
    },
    generating: {
      ...generatePaymentStates,
      onDone: 'generated'
    },
    generated: {
      on: {
        COLLECT: 'collected',
        REQUEST_CANCEL: 'cancelRequested',
        EXPIRE: 'expired',
        CANCEL: 'cancelled'
      }
    },
    cancelRequested: {
      on: {
        CANCEL: 'cancelled'
      }
    },
    expired: {
      type: 'final'
    },
    cancelled: {
      type: 'final'
    },
    collected: {
      type: 'final'
    }
  }
}, {
  guards: {
    isPrefPrepay: ({ pref }) => pref === 'prepay',
    isPrefTW: ({ pref }) => pref === 'tw',
    isPrefCredit: ({ pref }) => pref === 'credit',
  }
})