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

machine.js

const saleStatusMachine = Machine({
  id: 'saleSatus',
  initial: 'in_progress',
  states: {
    in_progress: {
      on: {
        HOLD: 'held',
        COMPLETE: {
          target: 'completed',
          cond: 'isFullyPaid'
        },
        PAY: {
          target: 'in_progress',
          actions: 'makePayment'
        },
      }
    },
    held: {
      on: {
        UNHOLD: 'in_progress'
      }
    },
    completed: {
      type: 'final'
    },
  }
},
{
  actions: {
    makePayment: (type, amount) => console.log('todo: implementation')
  },
  guards: {
    isFullyPaid: () => true
  }
});