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

machine.js

const invoiceMachine = Machine({
  id: 'invoice',
  initial: 'open',
  states: {
    open: {
      on: {
        CLOSE: {
          target: 'closed',
          actions: [
            'open_next_invoice',
            'send_email'
          ]
        }
      }
    },
    closed: {
      on: {
        ADD_POSITION: 'closed',
      },
      initial: 'unassociated',
      states: {
        unassociated: {
          on: {
            AWAIT_MANUAL_PAYMENT: 'awaiting_manual_payment',
            ADD_TO_CDD: 'associated'
          }
        },
        associated: {
          on: {
            CDD_UPLOADED: '#invoice.frozen',
            REMOVE_FROM_CDD: 'unassociated'
          }
        },
        awaiting_manual_payment: {
          on: {
            PAYMENT: [{
              target: '#invoice.frozen.successful',
              cond: 'paid_in_full'
            }, {
              target: '#invoice.frozen.payable'
            }]
          }
        }
      }
    },
    frozen: {
      initial: 'payable',
      entry: ['send_email'],
      states: {
        payable: {
          on: {
            PAYMENT: {
              target: 'successful',
              cond: 'paid_in_full'
            },
            PAYMENT_REVERSED: {
              target: 'failed'
            },
            WRITE_OFF: {
              target: 'written_off'
            }
          }
        },
        failed: {
          on: {
            PAYMENT: {
              target: 'successful',
              cond: 'paid_in_full'
            },
            ADD_TO_CDD: 'failed',
            WRITE_OFF: {
              target: 'written_off'
            }
          }
        },
        successful: {
          on: {
            PAYMENT_REVERSED: {
              target: 'failed'
            }
          }
        },
        written_off: {
          on: {
            PAYMENT: {
              target: 'successful',
              cond: 'paid_in_full'
            },
            ADD_TO_CDD: 'written_off',
          }
        }
      }
    }
    }
  }, {
  guards: {
    paid_in_full: () => true
  }
})